@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);
div#comments {
  display: none;
}

.balancing .content h1 label,.balancing .content h2 label {
  line-height:inherit
}
.inner-post p>a,.site-content .elementor p>a,p>a {
  color:#1f68c4!important
}
.about_menu ul li a:hover,.footer_new a:hover,.site-content .elementor p>a:hover {
  color:#007aff!important
}
.bdt-notification-message.bdt-notification-message-primary,.curre sup.currency,.modal-question .b24-form-sign,.page-id-12160 #ufw_1,.post-template-default .entry-media,h4.ufw_title {
  display:none
}
.tricolor img {
  height:175px
}
.appointment_call,.balancing,.catagory .cata-box,.certify-2,.certify-4,.certify-6,.finances,.finances .fiance-box,.how-can-download_popup,.key-item,.properties .content,.ribbon_tagthree,img.attachment-post-thumbnail {
  text-align:center
}
.ribbon_tag,.ribbon_tagthree {
  z-index:1;
  text-decoration:none
}
h1#slider-1-slide-4-layer-0 {
  font-weight:500!important
}
.post-box .post-inner,.right-posts .blog_img {
  margin-bottom:30px
}
.special {
  font-family:Playfair Display;
  color:#70d2f1
}
.special2 {
  font-family:"DM Serif Display"!important;
  line-height:1.2;
  font-weight:500
}
.budgeting-report .content p.pera,.budgeting-report .fiance-box h2,.text-black {
  color:#fff
}
.mailpoet_text {
  height:40px;
  width:100%;
  background:0 0;
  color:#c0c1c2;
  border-color:hsl(0 0% 100% / .3);
  padding:0 65px 0 20px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:0!important
}
#mailpoet_form_1 .mailpoet_submit {
  background:#1a71bd;
  color:#fff;
  height:40px
}
#mailpoet_form_1 .mailpoet_submit:hover {
  background:#164f99;
  color:#fff;
  height:40px
}
.b24-form-padding-side {
  padding-left:0;
  padding-right:0
}
.form-control,.form-select {
  width:100%!important;
  padding:15px!important;
  -moz-padding-start:calc(0.75rem - 3px);
  font-size:1.5rem!important;
  font-weight:400!important;
  line-height:1.5!important;
  border:1px solid #ccc!important;
  border-radius:0!important;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out!important
}
.form-label {
  margin-bottom:.5rem!important
}
.form-group {
  margin-bottom:1rem!important
}
div#paypal-button-container {
  margin-top:20px!important;
  width:100%!important
}
.elementor-217 .elementor-element.elementor-element-d943b8e .main-navigation ul ul a {
    font-size:13px!important;
  font-weight:600
}
.post-slider .post-box .entry-meta {
  padding:26px 30px
}
.post-box .entry-title {
  margin-bottom:15px;
  line-height:25px;
  font-size:21px!important
}
.eq-height {
  display:-webkit-flex;
  display:flex
}
.box-h {
  flex:1;
  padding:1em;
  -webkit-flex:1;
  -ms-flex:1
}
.eventsbox img {
  padding-bottom:20px;
  margin:0 auto;
  display:block
}
.eventsbox .fusion-button-wrapper {
  margin-bottom:16px
}
h1,h2,h3,h4,h5,h6,p {
  font-family:Poppins,sans-serif!important
}
.fusion-logo img {
  width:auto;
  padding-bottom:16px!important
}
.post-spacing {
  padding-bottom:20px!important
}
.eventboxes {
  margin-bottom:25px;
  display:block;
  background:#f3f3f3!important;
  padding:16px!important
}
.appionment-div {
  background:#fff;
  box-shadow:0 0 13px #c1c1c1;
  border-radius:10px;
  padding-bottom:26px!important;
  margin:0 100px
}
.appointment_call {
  margin:0 auto;
  padding-top:26px
}
.appointment_img img {
  border-radius:50%
}
.appointment_text {
  padding:0 154px
}
a.timign_zone.block2 {
  margin:0 80px 0 0
}
a.timign_zone.block3 {
  margin:14px 0 0 80px
}
a.timign_zone.block4 {
  margin:14px 80px 0 0
}
.time-text h4:before,.time-text.T-four h4:before,.time-text.T-three h4:before,.time-text.T-two h4:before {
  content:"\f111";
  display:inline-block;
  margin-right:14px;
  font-family:Font Awesome\5 Free;
  font-size:28px
}
a.timign_zone:hover {
  background:#ededed;
  box-shadow:-5px 4px 7px 0 hsl(0 0% 89% / .3215686274509804)
}
.time-text h4:before {
  color:#0ae8f0
}
.time-text h4:after {
  content:"\f0da";
  display:inline-block;
  float:right;
  margin-top:5px;
  font-family:Font Awesome\5 Free;
  color:#000
}
.time-text.T-two h4:before {
  color:#f8e436
}
.time-text.T-three h4:before {
  color:#8247f5
}
.time-text.T-four h4:before {
  color:#ff4f00
}
.ribbon_tag {
  position:absolute;
  top:-5px;
  right:-5px;
  width:160px;
  height:160px;
  overflow:hidden;
  transition:.1s ease-in;
  pointer-events:none;
  will-change:transform
}
.ribbon_tag.ribbon_tagtwo:after,.ribbon_tag.ribbon_tagtwo:before {
  position:absolute;
  width:0;
  height:0;
  background-color:#505960;
  transition:.1s ease-in;
  content:""
}
.ribbon_tagthree {
  position:relative;
  top:46px;
  left:-28px;
  display:block;
  width:254px;
  padding:9px 0 6px;
  color:#fff;
  font-weight:700;
  line-height:1.2;
  background-color:#0061ad;
  box-shadow:0 2px 4px 0 rgb(0 0 0 / .2);
  transform:rotate(45deg);
  transition:.1s ease-in;
  pointer-events:auto
}
.ribbon_tagfive {
  margin-left:-7px;
  color:#f2f2f2;
  font-size:8px;
  text-transform:uppercase
}
.ribbon_tagseven {
  margin-left:-7px;
  color:#fff;
  font-size:14px
}
@media only screen and (max-width:767px) {
  #srv-bx .elementor-widget-container:before,.exceptional-pricing .badge,.quickbooks-accounts .badge,.srv-bx .elementor-widget-container:before,.three-way-appfolio .badge, .badge,.three-way-trust .badge {
    display:none
  }
  #strategy p,.elementor-12259 .elementor-element.elementor-element-1e2bdb34>.elementor-element-populated,.elementor-12259 .elementor-element.elementor-element-50c05b1,.elementor-12259 .elementor-element.elementor-element-d6c6e9d>.elementor-widget-container,.elementor-widget-ilogo .elementor-widget-container {
    padding:0!important
  }
  .elementor-12259 .elementor-element.elementor-element-25e502f {
    padding:10px 0 70px
  }
  .elementor-12259 .elementor-element.elementor-element-8aeec36 {
    padding:0 0 20px!important
  }
  .cpa {
    height:auto
  }
  #strategy p {
    text-align:left!important
  }
  #strategy .elementor-element-4a071504,#tax-servs,.softyware-logos {
    padding:0 10px
  }
  #strategy h2.ekit-heading--title {
    text-align:left
  }
  #strategy img {
    margin-top:10px;
    margin-bottom:0
  }
  #bk-servs .elementor-widget-container {
    height:auto!important
  }
  #tax-servs .e-con-inner {
    padding:10px 0
  }
  .elementor-12259 .elementor-element.elementor-element-a11be47 {
    margin-bottom:10px
  }
  .elementor-12259 .elementor-element.elementor-element-29c5400,.elementor-element.elementor-element-9290b78.e-con-full.e-flex.e-con.e-child.elementskit-parallax-multi-container {
    border:none
  }
  .cpa-about {
    margin:0
  }
  .elementor-widget-container h3,h2.ekit-heading--title,h2.elementor-heading-title {
    font-size:18px!important
  }
  .appionment-div {
    margin-left:0;
    margin-right:6px;
    background:#fff;
    box-shadow:0 0 13px #c1c1c1;
    border-radius:10px;
    padding-bottom:26px!important;
    margin-bottom:80px
  }
  .appointment_text {
    padding:0 6px
  }
  a.timign_zone {
    margin:0 8px;
    display:block;
    background:#f9f9f9;
    padding:20px 18px 50px;
    color:#000
  }
  a.timign_zone.block2,a.timign_zone.block3,a.timign_zone.block4 {
    margin:0 8px
  }
  .time-text h4 {
    font-size:17px!important;
    font-weight:600!important
  }
  .time-text h4:after {
    content:"\f0da";
    display:inline-block;
    float:right;
    font-family:Font Awesome\5 Free;
    color:#000;
    margin-top:12px
  }
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
  .elementor-77 .elementor-element.elementor-element-447392a>.elementor-widget-container {
    padding:11px 0
  }
  .appionment-div {
    background:#fff;
    box-shadow:0 0 13px #c1c1c1;
    border-radius:10px;
    padding-bottom:26px!important;
    margin:0
  }
  a.timign_zone {
    margin:0 0 0 10px;
    display:block;
    background:#f9f9f9;
    padding:20px 18px 50px;
    color:#000
  }
  a.timign_zone.block2 {
    margin:0 10px 0 0
  }
  a.timign_zone.block3 {
    margin:14px 0 0 10px
  }
  a.timign_zone.block4 {
    margin:14px 10px 0 0
  }
}
@media only screen and (min-device-width:801px) and (max-device-width:850px) {
  .page-id-12259 .page-header {
    height:auto!important;
    margin-top:70px!important
  }
  .page-id-12259 .page-header .page-title {
    font-size:14px!important;
    padding:3px 0!important
  }
  .page-id-12259 .page-header .breadcrumbs li,.page-id-12259 .page-header .breadcrumbs li a {
    font-size:12px!important
  }
  .page-id-12259 .page-header .breadcrumbs li:before {
    margin:-2px 3px 0!important
  }
  .page-id-12259 .page-id-12259 .page-header .inner {
    margin:35px 0 5px!important
  }
}
@media only screen and (min-device-width:851px) and (max-device-width:900px) {
  .page-id-12259 .page-header {
    height:auto!important;
    margin-top:70px!important
  }
  .page-id-12259 .page-header .page-title {
    font-size:14px!important;
    padding:3px 0!important
  }
  .page-id-12259 .page-header .breadcrumbs li,.page-id-12259 .page-header .breadcrumbs li a {
    font-size:12px!important
  }
  .page-id-12259 .page-header .breadcrumbs li:before {
    margin:-2px 3px 0!important
  }
  .page-id-12259 .page-id-12259 .page-header .inner {
    margin:35px 0 5px!important
  }
  .e-con .elementor-widget.sidebar_btn {
    width:50px!important
  }
}
@media only screen and (min-device-width:901px) and (max-device-width:1000px) {
  .page-id-12259 .page-header {
    height:auto!important;
    margin-top:70px!important
  }
  .page-id-12259 .page-header .page-title {
    font-size:14px!important;
    padding:3px 0!important
  }
  .page-id-12259 .page-header .breadcrumbs li,.page-id-12259 .page-header .breadcrumbs li a {
    font-size:12px!important
  }
  .page-id-12259 .page-header .breadcrumbs li:before {
    margin:-2px 3px 0!important
  }
  .page-id-12259 .page-id-12259 .page-header .inner {
    margin:35px 0 5px!important
  }
}
@media only screen and (min-device-width:1001px) and (max-device-width:1100px) {
  .page-id-12259 .page-header {
    height:auto!important;
    margin-top:95px!important
  }
  .page-id-12259 .page-header .page-title {
    font-size:14px!important;
    padding:3px 0!important
  }
  .page-id-12259 .page-header .breadcrumbs li,.page-id-12259 .page-header .breadcrumbs li a {
    font-size:12px!important
  }
  .page-id-12259 .page-header .breadcrumbs li:before {
    margin:-2px 3px 0!important
  }
  .page-id-12259 .page-id-12259 .page-header .inner {
    margin:35px 0 5px!important
  }
}
@media only screen and (min-device-width:1101px) and (max-device-width:1200px) {
  .page-id-12259 .page-header {
    height:auto!important;
    margin-top:100px!important;
    bottom:14%!important
  }
  .page-id-12259 .page-header .page-title {
    font-size:14px!important;
    padding:3px 0!important
  }
  .page-id-12259 .page-header .breadcrumbs li,.page-id-12259 .page-header .breadcrumbs li a {
    font-size:12px!important
  }
  .page-id-12259 .page-header .breadcrumbs li:before {
    margin:-2px 3px 0!important
  }
  .page-id-12259 .page-id-12259 .page-header .inner {
    margin:35px 0 5px!important
  }
}
@media only screen and (min-device-width:1400px) and (max-device-width:1600px) {
  .page-id-12259 .page-header {
    margin-top:110px!important;
    height:120px!important
  }
}
@media only screen and (min-device-width:768px) and (max-device-width:800px) {
  .appointment_call,.how-can-download_popup,.number,.ribbon_tagthree,img.attachment-post-thumbnail {
    text-align:center
  }
  .page-id-12259 .page-header {
    position:inherit!important;
    height:auto!important;
    margin-top:65px!important
  }
  .page-id-12259 .page-header .page-title {
    font-size:14px!important;
    padding:3px 0!important;
    font-family:Poppins;
    font-weight:500
  }
  .page-id-12259 .page-header .breadcrumbs li,.page-id-12259 .page-header .breadcrumbs li a,.request_a_quote {
    font-size:12px!important
  }
  .page-id-12259 .page-header .breadcrumbs li:before {
    margin:-2px 3px 0!important
  }
  .page-id-12259 .page-id-12259 .page-header .inner {
    margin:35px 0 5px!important
  }
  .site-content .elementor p>a,p>a {
    color:#1f68c4!important
  }
  .about_menu ul li a:hover,.footer_new a:hover,.site-content .elementor p>a:hover {
    color:#007aff!important
  }
  .curre sup.currency,.modal-question .b24-form-sign,.page-id-12160 #ufw_1,.post-template-default .entry-media {
    display:none
  }
  .tricolor img {
    height:250px
  }
  .ribbon_tag,.ribbon_tagthree {
    z-index:1;
    text-decoration:none
  }
  h1#slider-1-slide-4-layer-0 {
    font-weight:500!important
  }
  .post-box .post-inner,.right-posts .blog_img {
    margin-bottom:30px
  }
  .special {
    font-family:Playfair Display;
    color:#70d2f1
  }
  .special2 {
    font-family:"DM Serif Display"!important;
    line-height:1.2;
    font-weight:500
  }
  .text-black {
    color:#000!important
  }
  .mailpoet_text {
    height:40px;
    width:100%;
    background:0 0;
    color:#c0c1c2;
    border-color:hsl(0 0% 100% / .3);
    padding:0 65px 0 20px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:0!important
  }
  #mailpoet_form_1 .mailpoet_submit {
    background:#1a71bd;
    color:#fff;
    height:40px
  }
  #mailpoet_form_1 .mailpoet_submit:hover {
    background:#164f99;
    color:#fff;
    height:40px
  }
  .b24-form-padding-side {
    padding-left:0;
    padding-right:0
  }
  .form-control,.form-select {
    width:100%!important;
    padding:15px!important;
    -moz-padding-start:calc(0.75rem - 3px);
    font-size:1.5rem!important;
    font-weight:400!important;
    line-height:1.5!important;
    border:1px solid #ccc!important;
    border-radius:0!important;
    transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out!important
  }
  .form-label {
    margin-bottom:.5rem!important
  }
  .form-group {
    margin-bottom:1rem!important
  }
  div#paypal-button-container {
    margin-top:20px!important;
    width:100%!important
  }

  .post-slider .post-box .entry-meta {
    padding:26px 30px
  }
  .post-box .entry-title {
    margin-bottom:15px;
    line-height:25px
  }
  .eq-height {
    display:-webkit-flex;
    display:flex
  }
  .box-h {
    flex:1;
    padding:1em;
    -webkit-flex:1;
    -ms-flex:1
  }
  .eventsbox img {
    padding-bottom:20px;
    margin:0 auto;
    display:block
  }
  .eventsbox .fusion-button-wrapper {
    margin-bottom:16px
  }
  .fusion-logo img {
    width:auto;
    padding-bottom:16px!important
  }
  .post-spacing {
    padding-bottom:20px!important
  }
  .eventboxes {
    margin-bottom:25px;
    display:block;
    background:#f3f3f3!important;
    padding:16px!important
  }
  .appionment-div {
    background:#fff;
    box-shadow:0 0 13px #c1c1c1;
    border-radius:10px;
    padding-bottom:26px!important;
    margin:0 100px
  }
  .appointment_call {
    margin:0 auto;
    padding-top:26px
  }
  .appointment_img img {
    border-radius:50%
  }
  .appointment_text {
    padding:0 154px
  }
  .time-text h4:before,.time-text.T-four h4:before,.time-text.T-three h4:before,.time-text.T-two h4:before {
    content:"\f111";
    display:inline-block;
    margin-right:14px;
    font-family:Font Awesome\5 Free;
    font-size:28px
  }
  a.timign_zone:hover {
    background:#ededed;
    box-shadow:-5px 4px 7px 0 hsl(0 0% 89% / .3215686274509804)
  }
  .time-text h4:before {
    color:#0ae8f0
  }
  .time-text h4:after {
    content:"\f0da";
    display:inline-block;
    float:right;
    margin-top:5px;
    font-family:Font Awesome\5 Free;
    color:#000
  }
  .time-text.T-two h4:before {
    color:#f8e436
  }
  .time-text.T-three h4:before {
    color:#8247f5
  }
  .time-text.T-four h4:before {
    color:#ff4f00
  }
  .ribbon_tag {
    position:absolute;
    top:-5px;
    right:-5px;
    width:160px;
    height:160px;
    overflow:hidden;
    transition:.1s ease-in;
    pointer-events:none;
    will-change:transform
  }
  .about_us_section .e-con-inner,.ribbon_tagthree,h4:before {
    position:relative
  }
  .ribbon_tag.ribbon_tagtwo:after,.ribbon_tag.ribbon_tagtwo:before {
    position:absolute;
    width:0;
    height:0;
    background-color:#505960;
    transition:.1s ease-in;
    content:""
  }
  .ribbon_tagthree {
    top:46px;
    left:-28px;
    display:block;
    width:254px;
    padding:9px 0 6px;
    color:#fff;
    font-weight:700;
    line-height:1.2;
    background-color:#0061ad;
    box-shadow:0 2px 4px 0 rgb(0 0 0 / .2);
    transform:rotate(45deg);
    transition:.1s ease-in;
    pointer-events:auto
  }
  .ribbon_tagfive {
    margin-left:-7px;
    color:#f2f2f2;
    font-size:8px;
    text-transform:uppercase
  }
  .ribbon_tagseven {
    margin-left:-7px;
    color:#fff;
    font-size:14px
  }
  @media only screen and (max-width:767px) {
    #strategy p,.elementor-12259 .elementor-element.elementor-element-1e2bdb34>.elementor-element-populated,.elementor-12259 .elementor-element.elementor-element-50c05b1,.elementor-12259 .elementor-element.elementor-element-d6c6e9d>.elementor-widget-container,.elementor-widget-ilogo .elementor-widget-container {
      padding:0!important
    }
    .elementor-12259 .elementor-element.elementor-element-25e502f {
      padding:10px 0 70px
    }
    .elementor-12259 .elementor-element.elementor-element-8aeec36 {
      padding:0 0 20px!important
    }
    .cpa {
      height:auto
    }
    #strategy p {
      text-align:left!important
    }
    #strategy .elementor-element-4a071504,#tax-servs,.softyware-logos {
      padding:0 10px
    }
    #strategy h2.ekit-heading--title {
      text-align:left
    }
    #strategy img {
      margin-top:10px;
      margin-bottom:0
    }
    #srv-bx .elementor-widget-container:before,.srv-bx .elementor-widget-container:before {
      display:none
    }
    #bk-servs .elementor-widget-container {
      height:auto!important
    }
    #tax-servs .e-con-inner {
      padding:10px 0
    }
    .elementor-12259 .elementor-element.elementor-element-a11be47 {
      margin-bottom:10px
    }
    .elementor-12259 .elementor-element.elementor-element-29c5400,.elementor-element.elementor-element-9290b78.e-con-full.e-flex.e-con.e-child.elementskit-parallax-multi-container {
      border:none
    }
    .cpa-about {
      margin:0
    }
    .elementor-widget-container h3,h2.ekit-heading--title,h2.elementor-heading-title {
      font-size:18px!important
    }
    .appionment-div {
      margin-left:0;
      margin-right:6px;
      background:#fff;
      box-shadow:0 0 13px #c1c1c1;
      border-radius:10px;
      padding-bottom:26px!important;
      margin-bottom:80px
    }
    .appointment_text {
      padding:0 6px
    }
    a.timign_zone {
      margin:0 8px;
      display:block;
      background:#f9f9f9;
      padding:20px 18px 50px;
      color:#000
    }
    a.timign_zone.block2,a.timign_zone.block3,a.timign_zone.block4 {
      margin:0 8px
    }
    .time-text h4 {
      font-size:17px!important;
      font-weight:600!important
    }
    .time-text h4:after {
      content:"\f0da";
      display:inline-block;
      float:right;
      font-family:Font Awesome\5 Free;
      color:#000;
      margin-top:12px
    }
  }
  @media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    .appionment-div {
      background:#fff;
      box-shadow:0 0 13px #c1c1c1;
      border-radius:10px;
      padding-bottom:26px!important;
      margin:0
    }
    a.timign_zone {
      margin:0 0 0 10px;
      display:block;
      background:#f9f9f9;
      padding:20px 18px 50px;
      color:#000
    }
    a.timign_zone.block2 {
      margin:0 10px 0 0
    }
    a.timign_zone.block3 {
      margin:14px 0 0 10px
    }
    a.timign_zone.block4 {
      margin:14px 10px 0 0
    }
  }
  .margin_0,.number {
    margin-right:10px
  }
  @media only screen and (min-device-width:768px) and (max-device-width:800px) {
    a.timign_zone,a.timign_zone.block2 {
      margin:0 10px
    }
    a.timign_zone {
      display:block;
      background:#f9f9f9;
      padding:20px 80px 50px;
      color:#000
    }
    a.timign_zone.block3,a.timign_zone.block4 {
      margin:14px 10px 0
    }
  }
  .time_heading {
    font-size:20px!important;
    margin-bottom:0;
    padding-bottom:0;
    color:#0061ad!important;
    font-weight:600!important
  }
  div#popmake-6377 {
    padding-top:40px;
    padding-bottom:40px
  }
  .pum-theme-4068 .pum-container,.pum-theme-lightbox .pum-container {
    border:5px solid #0666c7!important
  }
  .b24-form-btn {
    background-color:#0666c7!important
  }
  .b24-form-wrapper.b24-form-border-bottom {
    border-bottom:0 solid #0666c7!important
  }
  .intl-tel-input.allow-dropdown input,.intl-tel-input.allow-dropdown input[type=tel],.intl-tel-input.allow-dropdown input[type=text],.intl-tel-input.separate-dial-code input,.intl-tel-input.separate-dial-code input[type=tel],.intl-tel-input.separate-dial-code input[type=text] {
    padding-right:6px!important;
    padding-left:52px!important;
    margin-left:0
  }
  h4:before {
    top:3px
  }
  a.timign_zone {
    border:1px solid #f1f2f3
  }
  .table>:not(caption)>*>* {
    background-color:var(--bs-table-bg);
    box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg);
    border-bottom-width:var(--bs-border-width)
  }
 
  .mb-0 {
    margin-bottom:0!important
  }
  .pb-0 {
    padding-bottom:0!important
  }
  #primary-sidebar .b24-form-padding-side {
    padding-left:0!important;
    padding-right:0!important
  }
  .link-color {
    color:#2575fc!important
  }
  p.elementor-icon-box-description img {
    margin-left:-4px
  }
  .ot-heading>span,.post-box .post-cat a {
    font-size:13px!important
  }
  #back-to-top.show {
    bottom:170px;
    right:14px
  }
  @media (min-width:320px) and (max-width:767px) {
    .statgy {
      padding:0 0 10px!important
    }
    #back-to-top.show {
      display:none!important
    }
    .posted-in a {
      font-size:13px!important;
      padding:7px 14px!important
    }
  }
  @font-face {
    font-display:swap
  }
  .modal-question {
    padding-bottom:20px;
    background:#edf0fa
  }
  .botton-download,.botton-download a {
    background:#1f81cd
  }
  .site-header {
    position:fixed!important;
    left:0!important;
    right:0!important;
    z-index:111
  }
  section.elementor-section.elementor-top-section.elementor-element.elementor-element-39dfd74.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.elementskit-parallax-multi-container {
    padding-top:126px
  }
  .main_decs,.number {
    background-color:#fff
  }
  .botton-download a {
    display:flex;
    padding:20px;
    align-items:center!important;
    border:1px solid #fff
  }
  .botton-download a .left {
    width:auto;
    line-height:70px;
    display:flex
  }
  .blog_img .posted-in a,.main_decs .posted-in a {
    font-style:normal;
    line-height:24px;
    text-transform:uppercase
  }
  .botton-download a .right {
    margin-left:33px
  }
  .botton-download a .right h4 {
    font-size:20px;
    color:#fff;
    margin-bottom:10px
  }
  .botton-download a .right p {
    margin:0;
    color:#fff
  }
  .botton-download a .left i.icon.icon-Download {
    color:#fff;
    font-size:43px;
    padding:9px;
    border-radius:5px
  }
  .botton-download a:hover {
    background:#f9f9f9!important;
    border:1px solid #ddd!important
  }
  .botton-download a:hover i.icon.icon-Download {
    color:#fff!important;
    background:#000!important;
    transition:.3s linear!important;
    -webkit-transition:.3s linear!important
  }
  .botton-download a:hover h4,.botton-download a:hover p {
    color:#000!important;
    transition:.3s linear!important;
    -webkit-transition:.3s linear!important
  }
  .middle-center span {
    vertical-align:top;
    top:15px
  }
  .client_logos .elementor-image-box-wrapper {
    border-radius:12px;
    border:1px solid #d1caca;
    background:#fff;
    box-shadow:0 4px 44px 0 rgb(0 0 0 / .08);
    padding:20px 0
  }
  .footer_bottom p,.main_block .content_section p,.main_decs p {
    font-size:17px
  }
  .about_us_section img,.press-posts .main_decs img {
    border-radius:12px
  }
  .about_us_section h3:before {
    position:absolute;
    bottom:0;
    left:0;
    top:auto;
    content:"";
    background:#000;
    width:4px;
    height:34px
  }
  .about_us_section h3 {
    padding-left:20px
  }
  #booking_advantages .elementskit-info-box-title {
    background:#3887fe;
    width:50px;
    text-align:center;
    border-radius:100px;
    height:50px;
    line-height:40px;
    font-size:30px;
    color:#fff;
    margin-bottom:80px;
    border:4px solid #fff;
    outline:#3887fe solid 2px
  }
  #banner_home .red_color:hover {
    background:#a1101c!important
  }
  #booking_advantages .box_block_yellow .elementskit-info-box-title {
    background:#eea936;
    outline:#eea936 solid 2px
  }
  #banner_home ul li .btn_style:hover {
    background-color:#dc6709
  }
  #booking_advantages .elementskit-infobox {
    background:#fff0;
    box-shadow:none;
    position:relative;
    padding:40px 5px
  }
  #booking_advantages .elementskit-infobox:after {
    position:absolute;
    top:0;
    left:70px;
    right:0;
    content:"";
    background:url(https://www.outsourcedbookeeping.com/wp-content/uploads/2023/11/arrow_up1.png) 0 0/80% no-repeat;
    height:109px;
    width:165px
  }
  .search-form .search-field {
    width:74%
  }
  .home .footer_new {
    padding-top:100px
  }
  #booking_advantages .elementskit-infobox:before {
    position:absolute;
    top:90px;
    bottom:0;
    left:60px;
    content:"";
    right:0;
    background:url(https://www.outsourcedbookeeping.com/wp-content/uploads/2023/11/arrow_down.png) 0 0/80% no-repeat;
    height:109px;
    width:165px
  }
  #booking_advantages .box_block_yellow .elementskit-infobox:after,#booking_advantages .hide_bg .elementskit-infobox:before,#booking_advantages .last_block_bg .elementskit-infobox:after,#booking_advantages .last_block_bg .elementskit-infobox:before {
    background:0 0!important
  }
  #booking_advantages .elementskit-infobox:hover {
    border:1px solid transparent!important
  }
  .appoinment h2 {
    font-size:24px;
    margin:0
  }
  .our_location p {
    word-break:break-word
  }
  .why_choose_us .elementor-icon-box-wrapper {
    background:#fff;
    box-shadow:0 0 13px 0 rgb(0 0 0 / .15);
    padding:20px;
    border-radius:12px;
    min-height:200px
  }
  .elementor-element-05622b5 .e-con-inner {
    margin:0;
    padding:0
  }
  .why_choose_us .elementor-icon-box-wrapper:hover {
    background:#e5f2ff
  }
  #our_services .icon-main {
    position:absolute;
    top:30px;
    height:50px;
    left:-25px;
    background:#007aff;
    border-radius:0;
    padding:10px;
    -webkit-transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -ms-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
  }
  #our_services .icon-main:before {
    top:0;
    left:-15px;
    border-right:15px solid #007aff
  }
  #our_services .col-md-12:nth-child(2) .icon-main:after,#our_services .col-md-12:nth-child(2) .icon-main:before,#our_services .col-md-12:nth-child(3) .icon-main:after,#our_services .col-md-12:nth-child(3) .icon-main:before,#our_services .col-md-12:nth-child(4) .icon-main:after,#our_services .col-md-12:nth-child(4) .icon-main:before,#our_services .icon-main:after,#our_services .icon-main:before {
    content:"";
    position:absolute;
    width:0;
    height:0;
    border-top:25px solid #fff0;
    border-bottom:25px solid #fff0;
    -webkit-transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -ms-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
  }
  #our_services .icon-main:after {
    bottom:0;
    right:-14px;
    border-left:15px solid #007aff
  }
  #our_services .col-md-12:nth-child(2) .icon-main:after,#our_services .col-md-12:nth-child(4) .icon-main:after {
    bottom:0;
    right:-14px;
    border-left:15px solid #f9cf2a
  }
  #our_services .col-md-12:nth-child(3) .icon-main:before {
    top:0;
    left:-15px;
    border-right:15px solid #333
  }
  #our_services .col-md-12:nth-child(3) .icon-main:after {
    bottom:0;
    right:-14px;
    border-left:15px solid #333
  }
  #our_services .col-md-12:nth-child(2) .icon-main:before,#our_services .col-md-12:nth-child(4) .icon-main:before {
    top:0;
    left:-15px;
    border-right:15px solid #f9cf2a
  }
  #appoinment .elementor-container {
    border-radius:10px;
    padding:30px!important;
    background:linear-gradient(90deg,#b8defd,#eeefe1);
    margin-bottom:-50px;
    z-index:99
  }
  #our_services .col-md-12,#quote {
    margin-bottom:15px
  }
  #our_services .icon-main svg {
    fill:#fff;
    width:30px
  }
  #our_services .icon-box {
    padding:20px 80px 20px 60px;
    min-height:120px
  }
  #our_services .icon-box-grid .icon-box {
    border-radius:12px;
    background:#fff;
    border:none
  }
  #our_services .icon-box:after {
    position:absolute;
    top:0;
    color:#007aff;
    right:20px;
    font-size:70px;
    font-family:Flaticon;
    font-style:normal;
    content:"";
    background-image:url(https://www.outsourcedbookeeping.com/wp-content/uploads/2023/11/service_arrow_right1.png);
    background-position:center 34px;
    background-repeat:no-repeat;
    background-size:58%;
    width:28px;
    height:80px
  }
  #our_services .col-md-12:nth-child(2) .icon-box .icon-main,#our_services .col-md-12:nth-child(4) .icon-box .icon-main {
    background:#f9cf2a!important
  }
  #our_services .col-md-12:nth-child(3) .icon-box .icon-main {
    background:#333!important
  }
  #our_services .col-md-12:nth-child(2) .icon-box:after,#our_services .col-md-12:nth-child(4) .icon-box:after {
    background-image:url(https://www.outsourcedbookeeping.com/wp-content/uploads/2023/11/arrow_right_yl.png)
  }
  #our_services .col-md-12:nth-child(3) .icon-box:after {
    background-image:url(https://www.outsourcedbookeeping.com/wp-content/uploads/2023/11/arrow_right_bl.png);
    background-size:68%
  }
  #our_services .icon-box-grid .icon-box:hover {
    background:#ebf5ff
  }
  .b24-widget-button-wrapper.b24-widget-button-position-bottom-right {
    right:5px;
    bottom:20px
  }
  .main_block {
    display:flex;
    align-items:center;
    margin-left:75px
  }
  .grecaptcha-badge {
    bottom:5px!important;
    z-index:1050
  }
  .number {
    padding:5px 10px;
    border-radius:12px 12px 0 0;
    width:85px;
    height:65px;
    display:block;
    font-size:30px;
    color:#000;
    font-family:Poppins;
    font-weight:800;
    line-height:65px
  }
  .icon-date,.testimonial_quote,.testimonials-rating .fa-star-o {
    font-size:12px
  }
  .main_block h3 {
    color:#fff;
    font-family:Poppins;
    font-size:20px;
    font-weight:500;
    padding:15px 0 0
  }
  #banner_home h1,.main_decs,.main_decs h5,.main_decs h6,.main_decs p,.postgrid_container a,.postgrid_container h3 {
    font-family:Poppins,Sans-serif
  }
  .content_section {
    display:flex;
    flex-direction:row;
    align-items:flex-start;
    padding:0 70px 0 0
  }
  .content_section img {
    width:55px;
    margin-right:20px
  }
  .work_deployement {
    margin-top:-90px
  }
  .margin_0 {
    margin-left:10px
  }
  .margin_0 img {
    padding-right:30px
  }
  #banner_home h1 {
    color:#fff;
    text-transform:uppercase;
    font-size:50px
  }
  #banner_home h1 span {
    color:#fad038;
    display:block
  }
  #banner_home h3,#banner_home h4 {
    font-family:Poppins,Sans-serif;
    color:#fff
  }
  #banner_home h3 {
    background:#1386c9;
    padding:10px 20px;
    border-radius:60px;
    font-size:20px;
    font-weight:600;
    margin-top:20px;
    margin-bottom:30px
  }
  #banner_home h4 {
    font-size:34px;
    font-weight:600
  }
  #banner_home .bdt-logo-carousel-img {
    width:90%!important;
    border-radius:12px
  }
  #banner_home .bdt-logo-carousel-figure,.cpa .content_section {
    padding:0
  }
  #banner_home .bottom_link .e-con-inner {
    display:flex;
    margin:50px 0 0;
    align-items:center;
    flex-direction:row;
    justify-content:end
  }
  #banner_home .bottom_link img,#banner_home ul li img {
    width:50px
  }
  #banner_home .bottom_link .right_contt .btn_style,#banner_home ul li .btn_style {
    font-weight:600;
    font-size:13px;
    background-color:#f27d1e;
    border-radius:8px;
    padding:15px 40px;
    color:#fff
  }
  #banner_home ul {
    display:flex;
    margin:50px 0 0;
    align-items:center;
    justify-content:end
  }
  #banner_home ul li:first-child {
    margin:0
  }
  #banner_home ul li {
    list-style:none;
    margin-right:20px
  }
  #banner_home .red_color {
    background:#d02c39!important
  }
  #banner_home .play-icon {
    color:#f27d1e;
    margin-left:10px;
    vertical-align:middle
  }
  .main_decs {
    text-align:left;
    min-height:285px;
    margin-bottom:50px;
    border:1px solid #eee;
    border-radius:12px;
    box-shadow:0 0 15px 0 rgba(6.000000000000029,102.00000000000023,199.0000000000001,.1);
    overflow:hidden;
    padding:20px
  }
  .main_decs img {
    border-radius:100px
  }
  .main_decs h5 {
    margin:0 0 5px;
    font-size:16px
  }
  .testimonial_owl .owl-nav {
    position:absolute;
    left:0!important;
    right:0!important;
    top:auto!important;
    bottom:-40px;
    width:100%!important;
    margin:0 auto!important
  }
  .press-posts .owl-next,.press-posts .owl-prev,.testimonial_owl .owl-next,.testimonial_owl .owl-prev {
    margin-left:10px;
    position:relative!important;
    left:0!important
  }
  .press-posts .owl-next,.testimonial_owl .owl-next,.testimonial_owl .owl-prev {
    float:none;
    border:1px solid #ccc!important;
    background:0 0!important;
    color:#ccc!important
  }
  .cTestimonials .owl-next:hover,.press-posts .owl-next:hover,.press-posts .owl-prev:hover,.testimonial_owl .owl-next:hover,.testimonial_owl .owl-prev:hover {
    border:1px solid #007aff!important;
    background:0 0!important;
    color:#007aff!important
  }
  .testimonials-rating .fa-star {
    color:#ffa033;
    margin-right:5px;
    font-size:12px
  }
  .testimonial_quote {
    position:absolute;
    bottom:60px;
    right:20px;
    background:#007aff;
    color:#fff;
    border-radius:100px;
    width:25px;
    height:25px;
    text-align:center;
    line-height:28px
  }
  .blog_img img,.overlay_bg {
    height:100%;
    border-radius:12px
  }
  .testimonial_quote .fa-quote-left {
    line-height:25px
  }
  .testimonial_img img {
    border:2px solid #fff;
    margin-bottom:40px;
    box-shadow:0 4px 4px 0 rgb(0 0 0 / .25)
  }
  .main_decs .posted-in a,.main_decs h6 {
    font-size:14px;
    font-weight:500
  }
  .press-posts .main_decs {
    box-shadow:none;
    border:none;
    background:#fff0;
    display:flex;
    align-items:center;
    margin:0;
    padding:0
  }
  .press-posts .owl-nav {
    position:absolute;
    top:auto!important;
    bottom:0;
    width:auto!important;
    margin:0 auto!important;
    right:0!important;
    left:auto
  }
  .press-posts .owl-prev {
    border:1px solid #ccc!important;
    background:0 0!important;
    color:#ccc!important
  }
  .press-body:after {
    border-left:1px solid #ccc;
    position:absolute;
    content:"";
    left:50px;
    top:0;
    bottom:0
  }
  .press-body {
    padding-left:100px;
    position:relative
  }
  .sidebar_btn {
    position:fixed!important;
    top:25%;
    right:0;
    transform:translateY(-25%);
    z-index:1000;
    writing-mode:vertical-rl;
    transform:rotate(180deg);
    transform-origin:center;
    width:65px!important;
    white-space:nowrap
  }
  .sidebar_btn .bdt-modal-button {
    border-radius:12px 12px 12px 0!important;
    background:url(https://www.outsourcedbookeeping.com/wp-content/uploads/2023/11/fixed_btn-1.png) no-repeat!important;
    padding:10px 40px 10px 30px;
    width:50px;
    height:236px;
    text-align:center;
    font-family:Poppins;
    color:#000;
    font-size:14px!important;
    text-transform:uppercase
  }
  .press-posts h5 {
    margin:10px 0
  }
  .icon-date {
    font-weight:700;
    color:#000
  }
  .main_decs .posted-in a {
    color:#007aff;
    text-align:center;
    font-family:Poppins;
    border-radius:100px
  }
  .postgrid_container {
    position:absolute;
    bottom:0
  }
  .main_decs .post-cat {
    position:relative;
    top:0;
    padding:0
  }
  .blog_img img {
    -webkit-transition:.25s ease-in-out;
    -moz-transition:.25s ease-in-out;
    -ms-transition:.25s ease-in-out;
    -o-transition:.25s ease-in-out;
    transition:.25s ease-in-out;
    position:relative;
    width:100%
  }
  .blog_img .posted-in a,.postgrid_container a {
    border-radius:100px;
    color:#fff
  }
  .blog_img:hover>img {
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2)
  }
  .blog_img {
    padding:0;
    position:relative;
    overflow:hidden
  }
  .overlay_bg {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    background-image:linear-gradient(180deg,rgb(92 107 192 / .1),rgb(39 39 40 / .8));
    z-index:1
  }
  .postgrid_container h3 {
    color:#fff;
    font-size:20px;
    font-weight:500
  }
  .blog_img .posted-in a {
    background:#000;
    text-align:center;
    font-family:Poppins;
    font-size:14px;
    font-weight:500
  }
  .blog_img .post-cat {
    position:absolute;
    top:10px;
    padding:20px
  }
  .left-post .blog_img img {
    min-height:620px;
    object-fit:cover;
    object-position:right
  }
  .footer_new .elementor-widget-icon-box .elementor-icon-box-content {
    flex-grow:1
  }
  .footer_new .elementor-widget-icon-box .elementor-position-left .elementor-icon-box-wrapper {
    text-align:left;
    flex-direction:row
  }
  .footer_new .elementor-widget-icon-box .elementor-position-left .elementor-icon-box-wrapper,.footer_new .elementor-widget-icon-box.elementor-position-right .elementor-icon-box-wrapper {
    display:flex
  }
  .footer_new .elementor-widget-icon-box .elementor-position-left .elementor-icon-box-icon {
    margin-right:15px
  }
  .footer_new .elementor-social-icon {
    --icon-padding:0.4em!important
  }
  .blog_img .postgrid_container {
    position:inherit;
    bottom:0;
    z-index:2;
    padding:12px
  }
  .elementor .elementor-section.elementor-section-boxed>.elementor-container,.main-navigation>ul>li.is-mega-menu ul li {
    padding:5px 10px!important
  }
  .footer a {
    color:#000!important;
    font-family:Poppins
  }
  .footer svg {
    fill:#f2f2f2!important
  }
  .years_experience img {
    min-height:300px;
    max-height:300px
  }
  .years_experience .elementor-widget-wrap {
    padding-bottom:30px!important
  }
  .elementor-element-5bb2617 .e-con-inner {
    padding:0!important
  }
  .page-id-11168 #bdt-modal-f4eb321 .bdt-modal-header h3 {
    font-weight:500;
    text-align:center;
    font-family:Poppins;
    font-size:20px;
    color:#fff;
    margin-bottom:10px
  }
  .page-id-11168 #bdt-modal-f4eb321 .bdt-modal-body {
    padding:0;
    position:relative;
    z-index:222
  }
  .page-id-11168 #bdt-modal-f4eb321 .bdt-modal-dialog {
    background-image:url(https://www.outsourcedbookeeping.com/wp-content/uploads/2023/12/testimonials_bg.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    position:relative;
    max-width:550px;
    border-radius:12px;
    border:none;
    padding:30px
  }
  .page-id-11168 #bdt-modal-f4eb321 .bdt-modal-dialog:before {
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    border-radius:12px;
    left:0;
    right:0;
    background:rgb(0 0 0 / .5)
  }
  #bdt-modal-f4eb321 .botton-downloads button {
    color:#fff;
    text-align:center;
    font-size:14px;
    padding:12px 24px;
    letter-spacing:1px;
    font-weight:500;
    background:#1651a0;
    border:0;
    border-radius:12px;
    margin-top:10px
  }
  .page-id-11168 #bdt-modal-f4eb321 .bdt-modal-header {
    position:relative;
    z-index:999;
    padding:0;
    background:#fff0
  }
  .download_brochure .enter-text-field input {
    margin:8px 0;
    padding:10px 15px!important;
    border-radius:5px!important
  }
  .page-id-11168 #bdt-modal-f4eb321 .bdt-modal-dialog #bdt-modal-close-button {
    color:#000;
    background:#fff;
    padding:6px;
    position:absolute;
    top:-10px;
    right:-10px;
    border-radius:50%;
    font-size:20px;
    line-height:12px;
    width:25px;
    height:25px;
    text-align:center
  }
  @media (max-width:767px) {
    #banner_home .bottom_link img {
      width:30px
    }
    .about_menu,.footer_bottom .elementor-col-50,.footer_new .elementor-col-25 {
      width:100%!important
    }
    #banner_home h1 {
      font-size:40px!important
    }
    #banner_home h2 {
      font-size: 14px !important;
    }
    #banner_home h3 {
      font-size:12px!important;
      margin:0 0 20px!important
    }
    #banner_home h4,#our_services h3,..appoinment h2,.about_us_section h3,.appoinment h2,.blog_section h3,.certifications h3,.client_testimonial h3,.faq h3,.outsource_advantages h3,.press_release h3,.why_choose_us h3,.work_deployment h3,.years_experience h3 {
      font-size:20px!important
    }
    #banner_home .bdt-grid-margin {
      margin:0!important
    }
    #banner_home h4,.footer_new h6 {
      margin-bottom:10px!important
    }
    #banner_home ul {
      display:block!important;
      padding:0;
      margin:10px
    }
    #banner_home ul li {
      display:inline-block!important;
      margin-right:5px!important
    }
    #banner_home ul li:first-child,#booking_advantages .elementskit-infobox:after,#booking_advantages .elementskit-infobox:before,.press-body:after {
      display:none
    }
    #banner_home {
      background:#1071b6
    }
    .let_do .elementor-widget-social-icons {
      justify-content:start!important;
      display:flex
    }
    #banner_home .elementor-widget-container,.blog_section .elementor-widget-container,.cTestimonials .container,.faq_section .e-con-inner,.footer_new,.press_release .main_decs,.years_experience .e-con-inner {
      padding:0!important
    }
    #banner_home ul li .btn_style {
      padding:6px!important;
      font-size:12px!important
    }
    #banner_home .client_logos .e-con-inner {
      display:flex!important
    }
    #banner_home .outsource_advantages {
      padding:50px 0 0!important
    }
    #banner_home .bdt-logo-carousel-item {
      height:60px;
      width:100px
    }
    #banner_home .bdt-slider-items.bdt-grid {
      flex-wrap:wrap
    }
    .why_choose_us .elementor-icon-box-wrapper,.why_choose_us p {
      text-align:center!important
    }
    .about_us_section:after,.about_us_section:before {
      background-size:50%!important;
      z-index:1
    }
    .icon-box-grid .icon-box .content-box .title-box {
      font-size:16px!important
    }
    .footer_bottom .elementor-inner-section,.work_deployment .elementor-widget-container,.years_experience .elementor-widget-wrap {
      padding-bottom:0!important
    }
    .about_us_section:after {
      top:-15px!important
    }
    #our_services p,.about_us_section p,.client_testimonial p,.faq_section .bdt-ep-title-text,.postgrid_container h3 {
      font-size:14px!important
    }
    .outsource_advantages {
      padding:30px 0 0!important
    }
    .about_menu .elementor-widget-wrap {
      padding:0 30px!important
    }
    #booking_advantages {
      margin:0;
      padding:0
    }
    .years_experience .elementor-counter-number,.years_experience .elementor-counter-number-suffix {
      font-size:24px!important
    }
    .years_experience img {
      min-height:200px!important;
      max-height:200px!important
    }
    .faq_section.bdt-accordion-content, {
      font-size:12px
    }
    .about_us_section .elementor-button-link,.bdt-modal-button,.elementor-button-link {
      padding:10px 20px!important;
      font-size:12px!important
    }
    #our_services,.client_testimonial .elementor-widget-container,.why_choose_us,.years_experience {
      padding:0 20px!important
    }
    .testimonial_quote {
      bottom:50px;
      left:20px
    }
    .appoinment {
      padding:0 20px 30px!important
    }
    .footer_about {
      padding:30px 30px 0!important
    }
    .testimonial_img img {
      width:80px!important;
      margin:10px auto 20px!important
    }
    .testimonials-rating {
      position:relative;
      clear:both;
      margin:10px 0
    }
    .sidebar_btn {
      width:45px!important
    }
    #appoinment .elementor-container,.footer_new h3 {
      margin-bottom:0!important
    }
    .left-post {
      margin-bottom:30px
    }
    .press-posts .main_decs {
      display:block!important
    }
    .press-body {
      margin:20px 0;
      padding-left:0
    }
    .press-body .posted-in a {
      padding:7px 0!important
    }
    .exp .elementor-container {
      height:100%!important
    }
    #booking_advantages .elementskit-infobox {
      padding:10px
    }
    #booking_advantages .elementskit-info-box-title {
      margin:0 auto 10px!important
    }
    #booking_advantages .box-body {
      text-align:center
    }
    #our_services .icon-main {
      top:0!important;
      left:20px!important;
      position:relative!important
    }
    #our_services .icon-box-grid .icon-box {
      padding:20px
    }
    .about_us_section {
      padding:0 20px
    }
    #our_services .col-md-12:nth-child(3) .icon-box:after,#our_services .icon-box:after {
      background-size:50%!important;
      top:5px!important;
      background-position:0!important
    }
    .why_choose_us .elementor-icon-box-wrapper .elementor-icon-box-description {
      text-align:left!important
    }
    .work_deployement {
      margin-top:0!important
    }
    .main_block {
      margin-left:0!important;
      margin:0;
      padding:0;
      background:#000
    }
    .number {
      background-color:#333!important;
      color:#fff!important;
      border-radius:0
    }
    .work_deployment {
      padding-bottom:0!important;
      background-size:cover!important
    }
    .content_section {
      padding:0!important;
      margin-top:20px
    }
    .margin_0 img {
      display:none!important
    }
    .main_block h3 {
      color:#fff!important;
      margin:0!important;
      padding:0!important;
      font-size:18px!important
    }
    .left-post .blog_img img {
      min-height:300px
    }
    .press-posts .owl-nav {
      left:0!important
    }
    .elementor-social-icons-wrapper {
      justify-content:left!important
    }
    .faq_section .bdt-ep-accordion-content,.footer_bottom p,.footer_bottom ul li a {
      font-size:12px!important
    }
    .faq .e-con-inner {
      padding-top:0!important
    }
    .certification_bottom {
      width:94%!important
    }
    .faq {
      padding-top:50px!important
    }
    .footer_new .elementor-icon-box-description {
      margin-bottom:5px!important
    }
    .certification_bottom .e-con-inner,.client_logos .e-con-inner {
      display:block!important;
      text-align:center
    }
    .certification_bottom .e-con-inner .e-con-full,.client_logos .e-con-inner .e-con-full {
      width:45%!important;
      float:none!important;
      display:inline-block
    }
  }
  @media only screen and (min-width:320px) and (max-width:390px) {
    .booknowmeet {
      bottom:25%!important
    }
    .booknowmeet a {
      font-size:12px!important;
      padding:5px 7px!important
    }
    #cpa-banner {
      margin:0
    }
    .page-id-12259 .page-header .page-title {
      font-size:11px!important;
      padding:0!important
    }
    .page-id-12259 .page-header .breadcrumbs li,.page-id-12259 .page-header .breadcrumbs li a {
      font-size:10px!important
    }
    .page-id-12259 .page-header .breadcrumbs li:before {
      margin:-2px 3px 0!important
    }
    .page-id-12259 .page-id-12259 .page-header .inner {
      margin:35px 0 5px!important
    }
  }
  @media only screen and (min-width:391px) and (max-width:569px) {
    .booknowmeet {
      bottom:25%!important
    }
    .page-id-12259 .page-header .page-title {
      font-size:11px!important;
      padding:0!important
    }
    .page-id-12259 .page-header .breadcrumbs li,.page-id-12259 .page-header .breadcrumbs li a {
      font-size:10px!important
    }
    .page-id-12259 .page-header .breadcrumbs li:before {
      margin:-2px 3px 0!important
    }
    .page-id-12259 .page-id-12259 .page-header .inner {
      margin:35px 0 5px!important
    }
    #cpa-banner {
      margin:0
    }
    .booknowmeet a {
      font-size:12px!important;
      padding:5px 7px!important
    }
  }
  @media only screen and (min-width:570px) and (max-width:767px) {
    .booknowmeet {
      bottom:25%!important
    }
    .booknowmeet a {
      font-size:12px!important;
      padding:5px 7px!important
    }
    #cpa-banner {
      margin:0
    }
    .page-id-12259 .page-header .page-title {
      font-size:11px!important;
      padding:0!important
    }
    .page-id-12259 .page-header .breadcrumbs li,.page-id-12259 .page-header .breadcrumbs li a {
      font-size:10px!important
    }
    .page-id-12259 .page-header .breadcrumbs li:before {
      margin:-2px 3px 0!important
    }
    .page-id-12259 .page-id-12259 .page-header .inner {
      margin:35px 0 5px!important
    }
    .years_experience img {
      min-height:400px!important;
      max-height:300px!important;
      width:100%!important;
      height:100%!important
    }
    #our_services .col-md-12 {
      width:100%
    }
    .certification_bottom .e-con-inner,.client_logos .e-con-inner {
      display:block!important;
      text-align:center
    }
    .certification_bottom .e-con-inner .e-con-full,.client_logos .e-con-inner .e-con-full {
      width:150px!important;
      float:left!important;
      display:inline-block
    }
    .hide_landscape {
      display:none
    }
    .press-posts .main_decs {
      display:flex!important;
      padding:0 0 50px!important
    }
    .why_choose_us .elementor-icon-box-wrapper {
      min-height:255px!important
    }
    #booking_advantages .e-con-full,.why_choose_us .e-con-full,.work_deployement .e-con-full {
      width:45%;
      float:left
    }
    #booking_advantages,.why_choose_us,.work_deployement {
      width:100%!important;
      display:block!important;
      overflow:hidden
    }
    .our_location .elementor-icon-box-description {
      word-break:break-all
    }
    .press_release .e-con-inner {
      padding:20px 0!important
    }
  }
  @media only screen and (min-width:768px) and (max-width:900px) {
    #banner_home .e-con-full,#banner_home .lt_block,#banner_home .rt_block,#footer #mailpoet_form_1 .mailpoet_paragraph.last,.footer .mailpoet_paragraph {
      width:100%!important
    }
    #banner_home {
      flex-direction:column
    }
    #appoinment .elementor-container {
      margin-left:20px;
      margin-right:20px
    }
    .sidebar_btn {
      top:19%!important;
      width:40px!important
    }
    .about_us_section {
      position:relative;
      z-index:1
    }
    .our_location .elementor-icon-box-description {
      word-break:break-all
    }
    .blog_section .grid-container {
      display:flex;
      flex-grow:1;
      height:100%
    }
    .blog_section .blog_img {
      position:relative;
      overflow:hidden;
      height:94%
    }
    .blog_section .right-posts .blog_img {
      margin-bottom:30px;
      height:44%
    }
  }
  div#srv-bx {
    width:100%
  }
  @media only screen and (min-width:768px) and (max-width:1023px) {
    .main_decs,.years_experience img {
      min-height:200px!important
    }
    #banner_home h4,.main_decs {
      margin-bottom:10px!important
    }
    #booking_advantages,#booking_advantages .box-body {
      text-align:center
    }
    .elementor-77 .elementor-element.elementor-element-447392a>.elementor-widget-container {
      padding:11px 0!important
    }
    #back-to-top,.margin_0 img {
      display:none!important
    }
    #booking_advantages,.work_deployement .e-con-inner {
      display:block!important;
      width:100%!important;
      overflow:hidden
    }
    .elementor-12259 .elementor-element.elementor-element-25e502f {
      padding:15px 0 70px
    }
    .elementor .elementor-section.elementor-section-boxed>.elementor-container {
      max-width:none
    }
    #appoinment .elementor-container {
      margin-left:20px;
      margin-right:20px
    }
    .cpa {
      height:420px!important
    }
    .gallery-spacing-custom .elementor-image-gallery .gallery-icon {
      padding:20px
    }
    #bk-servs .srv-bx .elementor-widget-container {
      height:300px!important;
      padding:10px!important
    }
    #tax-servs,.softyware-logos {
      padding:0 10px
    }
    .about_us_section .e-con-inner {
      position:relative;
      z-index:9999
    }
    .work_deployment {
      background-size:cover!important
    }
    .testimonials-rating .fa-star {
      margin-right:4px;
      font-size:8px
    }
    .press_release .e-con-inner {
      padding:20px 0!important
    }
    .our_location .elementor-icon-box-description {
      word-break:break-all
    }
    #banner_home h1 {
      font-size:40px!important
    }
    #banner_home h3 {
      font-size:14px!important;
      margin:0 0 20px!important
    }
    #banner_home h4 {
      font-size:16px!important
    }
    .footer_bottom p,.footer_bottom ul li a {
      font-size:12px!important
    }
    .footer_new .elementor-nav-menu a {
      padding-left:0!important
    }
    #booking_advantages .elementskit-infobox:after,#booking_advantages .elementskit-infobox:before {
      display:none
    }
    #booking_advantages .elementskit-infobox {
      padding:10px
    }
    #booking_advantages .elementskit-info-box-title {
      margin:0 auto 10px!important
    }
    #booking_advantages .e-con-full {
      width:45%;
      float:none;
      display:inline-block;
      vertical-align:top
    }
    .work_deployment,.work_deployment .elementor-widget-container {
      padding-bottom:0!important
    }
    .work_deployement {
      margin-top:0!important
    }
    .content_section {
      padding:0!important;
      margin-top:20px
    }
    .main_block {
      margin-left:0!important;
      margin:0;
      padding:0;
      background:#000
    }
    .footer_bottom .elementor-col-50,.work_deployement .e-con-inner .e-con-full {
      width:100%!important
    }
    .number {
      background-color:#333!important;
      color:#fff!important;
      border-radius:0
    }
    .blog_section .elementor-widget-container,.cTestimonials .container,.faq_section .e-con-inner,.years_experience,.years_experience .e-con-inner {
      padding:0!important
    }
    .exp .elementor-container {
      height:350px
    }
    .why_choose_us p {
      text-align:left
    }
    .years_experience img {
      max-height:200px!important
    }
    .why_choose_us .elementor-icon-box-wrapper {
      display:flex;
      align-items:flex-start!important;
      flex-direction:column;
      justify-content:left;
      text-align:left;
      min-height:300px!important;
      flex-direction:column!important
    }
    .why_choose_us .elementor-icon-box-wrapper .elementor-icon-box-icon {
      padding-bottom:20px
    }
    .about_us_section .elementor-button-link,.bdt-modal-button,.elementor-button-link {
      padding:10px 20px!important;
      font-size:12px!important
    }
    .faq_section .bdt-ep-title-text,.postgrid_container h3 {
      font-size:14px!important
    }
    .outsource_advantages {
      padding:30px 0 0!important
    }
    .left-post .blog_img img {
      min-height:100%!important
    }
    .blog_section .grid-container {
      display:flex;
      flex-grow:1;
      height:100%
    }
    .blog_section .blog_img {
      position:relative;
      overflow:hidden;
      height:94%
    }
    .blog_section .right-posts .blog_img {
      margin-bottom:30px;
      height:44%
    }
    #our_services h3,.about_us_section h3,.appoinment h2,.client_testimonial h3,.faq h3,.outsource_advantages h3,.press_release h3 {
      font-size:20px!important
    }
    #banner_home .bdt-logo-carousel-item {
      height:60px;
      width:100px
    }
    #our_services .col-md-12:nth-child(3) .icon-main:before,#our_services .icon-main:before {
      left:-14px!important
    }
  }
  @media only screen and (min-width:1024px) and (max-width:1200px) {
    .elementor-12259 .elementor-element.elementor-element-3142409>.elementor-element-populated {
      margin:0!important
    }
    .cpa {
      height:320px
    }
    .elementor-12259 .elementor-element.elementor-element-25e502f {
      padding:15px 0 70px
    }
    #appoinment .elementor-container {
      margin-left:20px;
      margin-right:20px
    }
    .main-navigation>ul>li>a {
      font-size:10.5px!important
    }
    .elementor-top-section .bdt-modal-button {
      font-size:11px!important;
      padding:10px;
      width:80px
    }
    .elementor-11284 .elementor-element.elementor-element-310d8f5>.elementor-widget-container {
      margin:0 10px!important
    }
    #tax-servs,.softyware-logos {
      padding:0 10px
    }
    .about_us_section .e-con-inner {
      position:relative;
      z-index:9999
    }
    .number {
      font-size:20px!important
    }
    .main-navigation>ul>li {
      margin:0 5px!important
    }
    .main_decs {
      min-height:380px
    }
    .blog_section .grid-container {
      display:flex;
      flex-grow:1;
      height:100%
    }
    .blog_section .blog_img {
      position:relative;
      overflow:hidden;
      height:94%
    }
    .blog_section .right-posts .blog_img {
      margin-bottom:30px;
      height:44%
    }
    #banner_home h1 {
      font-size:40px!important
    }
    #banner_home h3 {
      font-size:14px!important;
      margin:0 0 20px!important
    }
    #banner_home h4 {
      font-size:16px!important;
      margin-bottom:10px!important
    }
    #banner_home .elementor-widget-container,.about_menu .elementor-widget-container {
      padding:0!important
    }
    #booking_advantages .elementskit-infobox:after,#booking_advantages .elementskit-infobox:before {
      background-size:45%!important
    }
    .years_experience img {
      min-height:200px!important;
      max-height:200px!important
    }
    .exp .elementor-container {
      height:350px
    }
    .about_menu a {
      padding-left:0!important
    }
    .about_menu .elementor-widget-wrap {
      padding:0 25px!important
    }
    #mailpoet_form_1 .mailpoet_submit,.footer_bottom p,.footer_bottom ul li a {
      font-size:12px!important
    }
    .footer_bottom .elementor-col-50 {
      width:100%!important
    }
    .footer_new .elementor-container {
      justify-content:center;
      align-items:baseline
    }
    .appoinment .bdt-modal-button,.elementor-button-link {
      padding:15px 20px!important;
      font-size:14px!important;
      width:auto
    }
    .years_experience {
      padding-top:0!important
    }
    .work_deployment {
      padding-bottom:50px!important;
      background-size:cover!important
    }
    .outsource_advantages {
      padding-bottom:0!important
    }
  }
  @media only screen and (min-width:1200px) and (max-width:1370px) {
    #banner_home .elementor-widget-container {
      padding-right:0!important
    }
    .elementor-11284 .elementor-element.elementor-element-310d8f5>.elementor-widget-container {
      margin:0 0 0 54px!important
    }
    #booking_advantages .elementskit-infobox:after,#booking_advantages .elementskit-infobox:before {
      background-size:65%!important
    }
    #banner_home h1 {
      font-size:30px!important
    }
    #banner_home h3 {
      font-size:16px!important;
      margin:0 0 20px!important
    }
    #banner_home h4 {
      font-size:20px!important;
      margin-bottom:10px!important
    }
    .appoinment .bdt-modal-button,.elementor-button-link {
      padding:15px 20px!important;
      font-size:16px!important;
      width:auto
    }
    .sidebar_btn {
      width:65px!important
    }
    .footer_bottom p,.footer_bottom ul li a {
      font-size:12px!important
    }
    .about_menu a {
      padding-left:0!important
    }
    .about_menu .elementor-widget-container {
      padding:0!important;
      margin:0!important
    }
  }
  @media only screen and (min-width:1400px) {
    #booking_advantages .elementskit-infobox:after,#booking_advantages .elementskit-infobox:before {
      background-size:95%!important
    }
  }
  @media only screen and (max-width:1024px) {
    .header-desktop {
      display:block!important
    }
    .header-desktop .elementor-top-section {
      display:none!important
    }
    .footer_bottom .elementor-icon-list-items {
      justify-content:center
    }
  }
  .softyware-logos .gallery-icon {
    background:#fff;
    padding:20px;
    height:100px;
    vertical-align:middle;
    border-radius:10px;
    border:1px solid #e2e2e2;
    display:table;
    width:100%
  }
  .softyware-logos .gallery-icon a {
    vertical-align:middle;
    display:table-cell
  }
  .cpa-about h3 {
    font-family:poppins;
    font-size:26px
  }
  .srv-bx .elementor-widget-container {
    height:260px!important
  }
  #srv-bx .elementor-widget-container:before,.cpa .number,.srv-bx .elementor-widget-container:before {
    width:50px;
    height:50px;
    position:absolute;
    bottom:0;
    overflow:hidden;
    border-radius:0 100px 0 0;
    left:0
  }
  #srv-bx .elementor-widget-container:before,.srv-bx .elementor-widget-container:before {
    content:"";
    background:#e7be0a
  }
  .orng-logo {
    display:flex;
    justify-content:center
  }
  .cpa h3 {
    color:#000;
    font-family:Roboto,Sans-serif;
    font-size:20px;
    font-weight:500
  }
  .descrip p {
    font-size:14px;
    font-weight:400;
    color:#000
  }
  .h-auto {
    height:auto!important
  }
  .cpa .number {
    font-size:14px;
    color:#fff;
    font-weight:500;
    text-align:left;
    vertical-align:middle;
    line-height:50px;
    padding:5px 5px 5px 15px
  }
  #quote p {
    text-align:left;
    padding:20px 20px 20px 0
  }
  .blue {
    background:#007aff
  }
  .yellow {
    background:#e7be0a
  }
  .grey {
    background:#333
  }
  .booknowmeet {
    bottom:38%;
    left:0;
    right:0
  }
  .page-id-12259 .page-header .inner {
    margin:10px!important
  }
  .statgy {
    float:right;
    width:400px;
    padding:10px
  }
  #quote {
    border-left:7px solid #0060f2;
    padding-left:20px;
    background:#f9f9f9
  }
  a.timign_zone,a.timign_zone.block2 {
    margin:0 10px
  }
  a.timign_zone {
    display:block;
    background:#f9f9f9;
    padding:20px 80px 50px;
    color:#000
  }
  a.timign_zone.block3,a.timign_zone.block4 {
    margin:14px 10px 0
  }
}
.btn-primary,a {
  text-decoration:none!important
}
.bookkeeping-solution .list .nav-item .nav-link span,.margin_0,.number,.our-onboarding .cta-button i {
  margin-right:10px
}
.time_heading {
  font-size:20px!important;
  margin-bottom:0;
  padding-bottom:0;
  color:#0061ad!important;
  font-weight:600!important
}
div#popmake-6377 {
  padding-top:40px;
  padding-bottom:40px
}
.pum-theme-4068 .pum-container,.pum-theme-lightbox .pum-container {
  border:5px solid #0666c7!important
}
.b24-form-btn {
  background-color:#0666c7!important
}
.b24-form-wrapper.b24-form-border-bottom {
  border-bottom:0 solid #0666c7!important
}
.intl-tel-input.allow-dropdown input,.intl-tel-input.allow-dropdown input[type=tel],.intl-tel-input.allow-dropdown input[type=text],.intl-tel-input.separate-dial-code input,.intl-tel-input.separate-dial-code input[type=tel],.intl-tel-input.separate-dial-code input[type=text] {
  padding-right:6px!important;
  padding-left:52px!important;
  margin-left:0
}
h4:before {
  position:relative;
  top:3px
}
a.timign_zone {
  margin:0 0 0 80px;
  display:block;
  background:#f9f9f9;
  padding:20px 18px 50px;
  color:#000;
  border:1px solid #f1f2f3
}
.table>:not(caption)>*>* {
  background-color:var(--bs-table-bg);
  box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg);
  border-bottom-width:var(--bs-border-width)
}
[data-bs-theme=light] {
  --bs-blue:#0d6efd;
  --bs-indigo:#6610f2;
  --bs-purple:#6f42c1;
  --bs-pink:#d63384;
  --bs-red:#dc3545;
  --bs-orange:#fd7e14;
  --bs-yellow:#ffc107;
  --bs-green:#198754;
  --bs-teal:#20c997;
  --bs-cyan:#0dcaf0;
  --bs-black:#000;
  --bs-white:#fff;
  --bs-gray:#6c757d;
  --bs-gray-dark:#343a40;
  --bs-gray-100:#f8f9fa;
  --bs-gray-200:#e9ecef;
  --bs-gray-300:#dee2e6;
  --bs-gray-400:#ced4da;
  --bs-gray-500:#adb5bd;
  --bs-gray-600:#6c757d;
  --bs-gray-700:#495057;
  --bs-gray-800:#343a40;
  --bs-gray-900:#212529;
  --bs-primary:#0d6efd;
  --bs-secondary:#6c757d;
  --bs-success:#198754;
  --bs-info:#0dcaf0;
  --bs-warning:#ffc107;
  --bs-danger:#dc3545;
  --bs-light:#f8f9fa;
  --bs-dark:#212529;
  --bs-primary-rgb:13,110,253;
  --bs-secondary-rgb:108,117,125;
  --bs-success-rgb:25,135,84;
  --bs-info-rgb:13,202,240;
  --bs-warning-rgb:255,193,7;
  --bs-danger-rgb:220,53,69;
  --bs-light-rgb:248,249,250;
  --bs-dark-rgb:33,37,41;
  --bs-primary-text:#0a58ca;
  --bs-secondary-text:#6c757d;
  --bs-success-text:#146c43;
  --bs-info-text:#087990;
  --bs-warning-text:#997404;
  --bs-danger-text:#b02a37;
  --bs-body-color-rgb:33,37,41;
  --bs-border-width:1px!important;
  --bs-border-style:solid;
  --bs-border-color:#dee2e6;
  --bs-border-color-translucent:rgba(0, 0, 0, 0.175);
  --bs-box-shadow:0 0.5rem 1rem rgba(var(--bs-body-color-rgb), 0.15);
  --bs-box-shadow-sm:0 0.125rem 0.25rem rgba(var(--bs-body-color-rgb), 0.075);
  --bs-box-shadow-lg:0 1rem 3rem rgba(var(--bs-body-color-rgb), 0.175);
  --bs-box-shadow-inset:inset 0 1px 2px rgba(var(--bs-body-color-rgb), 0.075)
}
.table {
  --bs-table-color:var(--bs-body-color);
  --bs-table-bg:transparent;
  --bs-table-border-color:var(--bs-border-color);
  --bs-table-accent-bg:transparent;
  --bs-table-striped-color:var(--bs-body-color);
  --bs-table-striped-bg:rgba(0, 0, 0, 0.05);
  --bs-table-active-color:var(--bs-body-color);
  --bs-table-active-bg:rgba(0, 0, 0, 0.1);
  --bs-table-hover-color:var(--bs-body-color);
  --bs-table-hover-bg:rgba(0, 0, 0, 0.075);
  width:100%;
  margin-bottom:1rem;
  color:var(--bs-table-color);
  vertical-align:top;
  border-color:var(--bs-table-border-color)
}
.table-danger,.table-info,.table-light,.table-primary,.table-secondary,.table-success,.table-warning {
  --bs-table-color:#000;
  --bs-table-striped-color:#000;
  --bs-table-active-color:#000;
  --bs-table-hover-color:#000
}
.table>tbody {
  vertical-align:inherit
}
.table>thead {
  vertical-align:bottom
}
.table-group-divider {
  border-top:calc(var(--bs-border-width) * 2) solid
}
.caption-top {
  caption-side:top
}
.table-sm>:not(caption)>*>* {
  padding:.25rem
}
.table-bordered>:not(caption)>* {
  border-left-width:0;
  border-bottom-width:var(--bs-border-width);
  border-right-width:0;
  border-top-width:var(--bs-border-width)
}
.table-bordered>:not(caption)>*>* {
  border-left-width:var(--bs-border-width);
  border-bottom-width:0;
  border-right-width:var(--bs-border-width);
  border-top-width:0
}
.table-borderless>:not(caption)>*>* {
  border-bottom-width:0
}
.table-borderless>:not(:first-child) {
  border-top-width:0
}
.table-striped-columns>:not(caption)>tr>:nth-child(2n),.table-striped>tbody>tr:nth-of-type(odd)>* {
  --bs-table-accent-bg:var(--bs-table-striped-bg);
  color:var(--bs-table-striped-color)
}
.table-active {
  --bs-table-accent-bg:var(--bs-table-active-bg);
  color:var(--bs-table-active-color)
}
.table-danger,.table-dark,.table-info,.table-light,.table-primary,.table-secondary,.table-success,.table-warning {
  color:var(--bs-table-color);
  border-color:var(--bs-table-border-color)
}
.table-hover>tbody>tr:hover>* {
  --bs-table-accent-bg:var(--bs-table-hover-bg);
  color:var(--bs-table-hover-color)
}
.table-primary {
  --bs-table-bg:#cfe2ff;
  --bs-table-border-color:#bacbe6;
  --bs-table-striped-bg:#c5d7f2;
  --bs-table-active-bg:#bacbe6;
  --bs-table-hover-bg:#bfd1ec
}
.table-secondary {
  --bs-table-bg:#e2e3e5;
  --bs-table-border-color:#cbccce;
  --bs-table-striped-bg:#d7d8da;
  --bs-table-active-bg:#cbccce;
  --bs-table-hover-bg:#d1d2d4
}
.table-success {
  --bs-table-bg:#d1e7dd;
  --bs-table-border-color:#bcd0c7;
  --bs-table-striped-bg:#c7dbd2;
  --bs-table-active-bg:#bcd0c7;
  --bs-table-hover-bg:#c1d6cc
}
.table-info {
  --bs-table-bg:#cff4fc;
  --bs-table-border-color:#badce3;
  --bs-table-striped-bg:#c5e8ef;
  --bs-table-active-bg:#badce3;
  --bs-table-hover-bg:#bfe2e9
}
.table-warning {
  --bs-table-bg:#fff3cd;
  --bs-table-border-color:#e6dbb9;
  --bs-table-striped-bg:#f2e7c3;
  --bs-table-active-bg:#e6dbb9;
  --bs-table-hover-bg:#ece1be
}
.table-danger {
  --bs-table-bg:#f8d7da;
  --bs-table-border-color:#dfc2c4;
  --bs-table-striped-bg:#eccccf;
  --bs-table-active-bg:#dfc2c4;
  --bs-table-hover-bg:#e5c7ca
}
.table-light {
  --bs-table-bg:#f8f9fa;
  --bs-table-border-color:#dfe0e1;
  --bs-table-striped-bg:#ecedee;
  --bs-table-active-bg:#dfe0e1;
  --bs-table-hover-bg:#e5e6e7
}
.table-dark {
  --bs-table-color:#fff;
  --bs-table-bg:#212529;
  --bs-table-border-color:#373b3e;
  --bs-table-striped-bg:#2c3034;
  --bs-table-striped-color:#fff;
  --bs-table-active-bg:#373b3e;
  --bs-table-active-color:#fff;
  --bs-table-hover-bg:#323539;
  --bs-table-hover-color:#fff
}
.table-responsive {
  overflow-x:auto;
  -webkit-overflow-scrolling:touch
}
@media (max-width:1199.98px) {
  .table-responsive-xl {
    overflow-x:auto;
    -webkit-overflow-scrolling:touch
  }
}
@media (max-width:1399.98px) {
  .table-responsive-xxl {
    overflow-x:auto;
    -webkit-overflow-scrolling:touch
  }
}
.blog_img,.cpa .number,.hero,.main_decs,.neo-card,.rent {
  overflow:hidden
}
.table>:not(caption)>*>* {
  padding:.5rem;
  border-bottom-width:1px
}
.widget-area .widget {
  padding:15px;
  margin-bottom:30px;
  background:#edf0fa;
  border-radius:8px
}
.page-pagination {
  position:absolute;
  top:auto;
  left:10px;
  bottom:-37px
}
.page-pagination li a,.page-pagination li span {
  height:35px;
  width:35px;
  line-height:35px
}
.b24-form-wrapper {
  background-color:#edf0fa!important
}
.main-navigation>ul>li {
  margin:0 10px;
  font-size:13.5px
}
.mb-0 {
  margin-bottom:0!important
}
.pb-0 {
  padding-bottom:0!important
}
#primary-sidebar .b24-form-padding-side {
  padding-left:0!important;
  padding-right:0!important
}
.link-color {
  color:#2575fc!important
}
p.elementor-icon-box-description img {
  margin-left:-4px
}
.ot-heading>span,.post-box .post-cat a {
  font-size:13px!important
}
#back-to-top.show {
  bottom:120px;
  right:14px
}
@media (min-width:320px) and (max-width:767px) {
  .page-id-12259 .page-header {
    position:inherit!important;
    height:auto!important;
    margin-top:40px!important;
    padding:0!important
  }
  .statgy {
    padding:0 0 10px!important
  }
  #back-to-top.show {
    display:none!important
  }
  .posted-in a {
    font-size:13px!important;
    padding:7px 14px!important
  }
}
@font-face {
  font-display:swap
}
.modal-question {
  padding-bottom:20px;
  background:#edf0fa
}
.botton-download,.botton-download a {
  background:#1f81cd
}
.site-header {
  position:fixed!important;
  left:0!important;
  right:0!important;
  z-index:111
}
section.elementor-section.elementor-top-section.elementor-element.elementor-element-39dfd74.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.elementskit-parallax-multi-container {
  padding-top:126px
}
.main_decs,.number,.pricing-purchase .popular .price-top,.pricing-purchase .popular .price-top:after {
  background-color:#fff
}
.botton-download a {
  display:flex;
  padding:20px;
  align-items:center!important;
  border:1px solid #fff
}
.botton-download a .left {
  width:auto;
  line-height:70px;
  display:flex
}
.blog_img .posted-in a,.main_decs .posted-in a {
  font-style:normal;
  line-height:24px;
  text-transform:uppercase
}
.botton-download a .right {
  margin-left:33px
}
.botton-download a .right h4 {
  font-size:20px;
  color:#fff;
  margin-bottom:10px
}
.botton-download a .right p {
  margin:0;
  color:#fff
}
.botton-download a .left i.icon.icon-Download {
  color:#fff;
  font-size:43px;
  padding:9px;
  border-radius:5px
}
.botton-download a:hover {
  background:#f9f9f9!important;
  border:1px solid #ddd!important
}
.botton-download a:hover i.icon.icon-Download {
  color:#fff!important;
  background:#000!important;
  transition:.3s linear!important;
  -webkit-transition:.3s linear!important
}
.botton-download a:hover h4,.botton-download a:hover p {
  color:#000!important;
  transition:.3s linear!important;
  -webkit-transition:.3s linear!important
}
.middle-center span {
  vertical-align:top;
  top:15px
}
.client_logos .elementor-image-box-wrapper {
  border-radius:12px;
  border:1px solid #d1caca;
  background:#fff;
  box-shadow:0 4px 44px 0 rgb(0 0 0 / .08);
  padding:20px 0
}
.event-featured .featured-text.mt-3,.footer_bottom p,.main_block .content_section p,.main_decs p,.result .result-box p.pera {
  font-size:14px
}
.about_us_section img,.press-posts .main_decs img {
  border-radius:12px
}
.about_us_section .e-con-inner,.artificial-intelligence .hero-media {
  position:relative
}
.about_us_section h3:before {
  position:absolute;
  bottom:0;
  left:0;
  top:auto;
  content:"";
  background:#000;
  width:4px;
  height:34px
}
.request_a_quote {
  font-size:12px!important
}
.about_us_section h3 {
  padding-left:20px
}
#booking_advantages .elementskit-info-box-title {
  background:#3887fe;
  width:50px;
  text-align:center;
  border-radius:100px;
  height:50px;
  line-height:40px;
  font-size:30px;
  color:#fff;
  margin-bottom:80px;
  border:4px solid #fff;
  outline:#3887fe solid 2px
}
#banner_home .red_color:hover {
  background:#a1101c!important
}
#booking_advantages .box_block_yellow .elementskit-info-box-title {
  background:#eea936;
  outline:#eea936 solid 2px
}
#banner_home ul li .btn_style:hover {
  background-color:#dc6709
}
#booking_advantages .elementskit-infobox {
  background:#fff0;
  box-shadow:none;
  position:relative;
  padding:40px 5px
}
#booking_advantages .elementskit-infobox:after {
  position:absolute;
  top:0;
  left:70px;
  right:0;
  content:"";
  background:url(https://www.outsourcedbookeeping.com/wp-content/uploads/2023/11/arrow_up1.png) 0 0/80% no-repeat;
  height:109px;
  width:165px
}
.search-form .search-field {
  width:74%
}
.home .footer_new {
  padding-top:100px
}
#booking_advantages .elementskit-infobox:before {
  position:absolute;
  top:90px;
  bottom:0;
  left:60px;
  content:"";
  right:0;
  background:url(https://www.outsourcedbookeeping.com/wp-content/uploads/2023/11/arrow_down.png) 0 0/80% no-repeat;
  height:109px;
  width:165px
}
#booking_advantages .box_block_yellow .elementskit-infobox:after,#booking_advantages .hide_bg .elementskit-infobox:before,#booking_advantages .last_block_bg .elementskit-infobox:after,#booking_advantages .last_block_bg .elementskit-infobox:before,.formss .modal-question {
  background:0 0!important
}
#booking_advantages .elementskit-infobox:hover {
  border:1px solid transparent!important
}
.appoinment h2 {
  font-size:24px;
  margin:0
}
.our_location p {
  word-break:break-word
}
.why_choose_us .elementor-icon-box-wrapper {
  background:#fff;
  box-shadow:0 0 13px 0 rgb(0 0 0 / .15);
  padding:20px;
  border-radius:12px;
  min-height:200px
}
.elementor-element-05622b5 .e-con-inner {
  margin:0;
  padding:0
}
.why_choose_us .elementor-icon-box-wrapper:hover {
  background:#e5f2ff
}
#our_services .icon-main {
  position:absolute;
  top:30px;
  height:50px;
  left:-25px;
  background:#007aff;
  border-radius:0;
  padding:10px;
  -webkit-transition:.3s ease-in-out;
  -moz-transition:.3s ease-in-out;
  -ms-transition:.3s ease-in-out;
  -o-transition:.3s ease-in-out;
  transition:.3s ease-in-out
}
#our_services .icon-main:before {
  top:0;
  left:-15px;
  border-right:15px solid #007aff
}
#our_services .col-md-12:nth-child(2) .icon-main:after,#our_services .col-md-12:nth-child(2) .icon-main:before,#our_services .col-md-12:nth-child(3) .icon-main:after,#our_services .col-md-12:nth-child(3) .icon-main:before,#our_services .col-md-12:nth-child(4) .icon-main:after,#our_services .col-md-12:nth-child(4) .icon-main:before,#our_services .icon-main:after,#our_services .icon-main:before {
  content:"";
  position:absolute;
  width:0;
  height:0;
  border-top:25px solid #fff0;
  border-bottom:25px solid #fff0;
  -webkit-transition:.3s ease-in-out;
  -moz-transition:.3s ease-in-out;
  -ms-transition:.3s ease-in-out;
  -o-transition:.3s ease-in-out;
  transition:.3s ease-in-out
}
#our_services .icon-main:after {
  bottom:0;
  right:-14px;
  border-left:15px solid #007aff
}
#our_services .col-md-12:nth-child(2) .icon-main:after,#our_services .col-md-12:nth-child(4) .icon-main:after {
  bottom:0;
  right:-14px;
  border-left:15px solid #f9cf2a
}
#our_services .col-md-12:nth-child(3) .icon-main:before {
  top:0;
  left:-15px;
  border-right:15px solid #333
}
#our_services .col-md-12:nth-child(3) .icon-main:after {
  bottom:0;
  right:-14px;
  border-left:15px solid #333
}
#our_services .col-md-12:nth-child(2) .icon-main:before,#our_services .col-md-12:nth-child(4) .icon-main:before {
  top:0;
  left:-15px;
  border-right:15px solid #f9cf2a
}
#appoinment .elementor-container {
  border-radius:10px;
  padding:30px!important;
  background:linear-gradient(90deg,#b8defd,#eeefe1);
  margin-bottom:-50px;
  z-index:99
}
#our_services .col-md-12,#quote {
  margin-bottom:15px
}
#our_services .icon-main svg {
  fill:#fff;
  width:30px
}
#our_services .icon-box {
  padding:20px 80px 20px 60px;
  min-height:120px
}
#our_services .icon-box-grid .icon-box {
  border-radius:12px;
  background:#fff;
  border:none
}
#our_services .icon-box:after {
  position:absolute;
  top:0;
  color:#007aff;
  right:20px;
  font-size:70px;
  font-family:Flaticon;
  font-style:normal;
  content:"";
  background-image:url(https://www.outsourcedbookeeping.com/wp-content/uploads/2023/11/service_arrow_right1.png);
  background-position:center 34px;
  background-repeat:no-repeat;
  background-size:58%;
  width:28px;
  height:80px
}
#our_services .col-md-12:nth-child(2) .icon-box .icon-main,#our_services .col-md-12:nth-child(4) .icon-box .icon-main {
  background:#f9cf2a!important
}
#our_services .col-md-12:nth-child(3) .icon-box .icon-main {
  background:#333!important
}
#our_services .col-md-12:nth-child(2) .icon-box:after,#our_services .col-md-12:nth-child(4) .icon-box:after {
  background-image:url(https://www.outsourcedbookeeping.com/wp-content/uploads/2023/11/arrow_right_yl.png)
}
#our_services .col-md-12:nth-child(3) .icon-box:after {
  background-image:url(https://www.outsourcedbookeeping.com/wp-content/uploads/2023/11/arrow_right_bl.png);
  background-size:68%
}
#our_services .icon-box-grid .icon-box:hover {
  background:#ebf5ff
}
.b24-widget-button-wrapper.b24-widget-button-position-bottom-right {
  right:5px;
  bottom:20px
}
.main_block {
  display:flex;
  align-items:center;
  margin-left:75px
}
.grecaptcha-badge {
  bottom:5px!important;
  z-index:1050
}
.number {
  padding:5px 10px;
  border-radius:12px 12px 0 0;
  width:85px;
  height:65px;
  display:block;
  text-align:center;
  font-size:30px;
  color:#000;
  font-family:Poppins;
  font-weight:800;
  line-height:65px
}
.icon-date,.testimonial_quote,.testimonials-rating .fa-star-o {
  font-size:12px
}
.main_block h3 {
  color:#fff;
  font-family:Poppins;
  font-size:20px;
  font-weight:500;
  padding:15px 0 0
}
#banner_home h1,.main_decs,.main_decs h5,.main_decs h6,.main_decs p,.postgrid_container a,.postgrid_container h3 {
  font-family:Poppins,Sans-serif
}
.content_section {
  display:flex;
  flex-direction:row;
  align-items:flex-start;
  padding:0 70px 0 0
}
.content_section img {
  width:55px;
  margin-right:20px
}
.work_deployement {
  margin-top:-90px
}
.margin_0 {
  margin-left:10px
}
.margin_0 img {
  padding-right:30px
}
#banner_home h1 {
  color:#fff;
  text-transform:uppercase;
  font-size:50px
}
#banner_home h1 span {
  color:#fad038;
  display:block
}
#banner_home h3,#banner_home h4 {
  font-family:Poppins,Sans-serif;
  color:#fff
}
#banner_home h3 {
  padding:0 20px;
  border-radius:60px;
  font-size:20px;
  font-weight:600;
  margin-top:7px;
  margin-bottom:2px
}
#banner_home h4 {
  font-size:34px;
  font-weight:600
}
#banner_home .bdt-logo-carousel-img {
  width:90%!important;
  border-radius:12px
}
#banner_home .bdt-logo-carousel-figure,.cpa .content_section {
  padding:0
}
#banner_home .bottom_link .e-con-inner {
  display:flex;
  margin:50px 0 0;
  align-items:center;
  flex-direction:row;
  justify-content:end
}
#banner_home .bottom_link img,#banner_home ul li img {
  width:50px
}
#banner_home .bottom_link .right_contt .btn_style,#banner_home ul li .btn_style {
  font-weight:600;
  font-size:13px;
  background-color:#f27d1e;
  border-radius:8px;
  padding:15px 40px;
  color:#fff
}
#banner_home ul {
  display:flex;
  margin:50px 0 0;
  align-items:center;
  justify-content:end
}
#banner_home ul li:first-child {
  margin:0
}
#banner_home ul li {
  list-style:none;
  margin-right:20px
}
#banner_home .red_color {
  background:#d02c39!important
}
#banner_home .play-icon {
  color:#f27d1e;
  margin-left:10px;
  vertical-align:middle
}
.main_decs {
  text-align:left;
  min-height:285px;
  margin-bottom:50px;
  border:1px solid #eee;
  border-radius:12px;
  box-shadow:0 0 15px 0 rgba(6.000000000000029,102.00000000000023,199.0000000000001,.1);
  padding:20px
}
.main_decs img {
  border-radius:100px
}
.main_decs h5 {
  margin:0 0 5px;
  font-size:16px
}
.testimonial_owl .owl-nav {
  position:absolute;
  left:0!important;
  right:0!important;
  top:auto!important;
  bottom:-40px;
  width:100%!important;
  margin:0 auto!important
}
.press-posts .owl-next,.press-posts .owl-prev,.testimonial_owl .owl-next,.testimonial_owl .owl-prev {
  margin-left:10px;
  position:relative!important;
  left:0!important
}
.press-posts .owl-next,.testimonial_owl .owl-next,.testimonial_owl .owl-prev {
  float:none;
  border:1px solid #ccc!important;
  background:0 0!important;
  color:#ccc!important
}
.cTestimonials .owl-next:hover,.press-posts .owl-next:hover,.press-posts .owl-prev:hover,.testimonial_owl .owl-next:hover,.testimonial_owl .owl-prev:hover {
  border:1px solid #007aff!important;
  background:0 0!important;
  color:#007aff!important
}
.testimonials-rating .fa-star {
  color:#ffa033;
  margin-right:5px;
  font-size:12px
}
.testimonial_quote {
  position:absolute;
  bottom:60px;
  right:20px;
  background:#007aff;
  color:#fff;
  border-radius:100px;
  width:25px;
  height:25px;
  text-align:center;
  line-height:28px
}
.blog_img img,.overlay_bg {
  height:100%;
  border-radius:12px
}
.testimonial_quote .fa-quote-left {
  line-height:25px
}
.testimonial_img img {
  border:2px solid #fff;
  margin-bottom:40px;
  box-shadow:0 4px 4px 0 rgb(0 0 0 / .25)
}
.main_decs .posted-in a,.main_decs h6 {
  font-size:14px;
  font-weight:500
}
.press-posts .main_decs {
  box-shadow:none;
  border:none;
  background:#fff0;
  display:flex;
  align-items:center;
  margin:0;
  padding:0
}
.press-posts .owl-nav {
  position:absolute;
  top:auto!important;
  bottom:0;
  width:auto!important;
  margin:0 auto!important;
  right:0!important;
  left:auto
}
.press-posts .owl-prev {
  border:1px solid #ccc!important;
  background:0 0!important;
  color:#ccc!important
}
.press-body:after {
  border-left:1px solid #ccc;
  position:absolute;
  content:"";
  left:50px;
  top:0;
  bottom:0
}
.press-body {
  padding-left:100px;
  position:relative
}
.sidebar_btn {
  position:fixed!important;
  top:25%;
  right:0;
  transform:translateY(-25%);
  z-index:1000;
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  transform-origin:center;
  width:65px!important;
  white-space:nowrap
}
.sidebar_btn .bdt-modal-button {
  border-radius:12px 12px 12px 0!important;
  background:url(https://www.outsourcedbookeeping.com/wp-content/uploads/2023/11/fixed_btn-1.png) no-repeat!important;
  padding:10px 40px 10px 30px;
  width:50px;
  height:236px;
  text-align:center;
  font-family:Poppins;
  color:#000;
  font-size:14px!important;
  text-transform:uppercase
}
.press-posts h5 {
  margin:10px 0
}
.icon-date {
  font-weight:700;
  color:#000
}
.main_decs .posted-in a {
  color:#007aff;
  text-align:center;
  font-family:Poppins;
  border-radius:100px
}
.accounting-services .migration .more,.postgrid_container {
  position:absolute;
  bottom:0
}
.main_decs .post-cat {
  position:relative;
  top:0;
  padding:0
}
.blog_img img {
  -webkit-transition:.25s ease-in-out;
  -moz-transition:.25s ease-in-out;
  -ms-transition:.25s ease-in-out;
  -o-transition:.25s ease-in-out;
  transition:.25s ease-in-out;
  position:relative
}
.blog_img .posted-in a,.postgrid_container a {
  border-radius:100px;
  color:#fff
}
.blog_img:hover>img {
  -webkit-transform:scale(1.2);
  -moz-transform:scale(1.2);
  -ms-transform:scale(1.2);
  -o-transform:scale(1.2);
  transform:scale(1.2)
}
.blog_img {
  padding:0;
  position:relative
}
.overlay_bg {
  position:absolute;
  top:0;
  left:0;
  background-image:linear-gradient(180deg,rgb(92 107 192 / .1),rgb(39 39 40 / .8));
  z-index:1
}
.postgrid_container h3 {
  color:#fff;
  font-size:20px;
  font-weight:500
}
.blog_img .posted-in a {
  background:#000;
  text-align:center;
  font-family:Poppins;
  font-size:14px;
  font-weight:500
}
.blog_img .post-cat {
  position:absolute;
  top:10px;
  padding:20px
}
.left-post .blog_img img {
  min-height:620px;
  object-fit:cover;
  object-position:right
}
.footer_new .elementor-widget-icon-box .elementor-icon-box-content {
  flex-grow:1
}
.footer_new .elementor-widget-icon-box .elementor-position-left .elementor-icon-box-wrapper {
  text-align:left;
  flex-direction:row
}
.footer_new .elementor-widget-icon-box .elementor-position-left .elementor-icon-box-wrapper,.footer_new .elementor-widget-icon-box.elementor-position-right .elementor-icon-box-wrapper,.testi-slider .slick-track {
  display:flex
}
.footer_new .elementor-widget-icon-box .elementor-position-left .elementor-icon-box-icon {
  margin-right:15px
}
.footer_new .elementor-social-icon {
  --icon-padding:0.4em!important
}
.blog_img .postgrid_container {
  position:absolute;
  bottom:0;
  z-index:2;
  padding:20px
}
.elementor .elementor-section.elementor-section-boxed>.elementor-container,.main-navigation>ul>li.is-mega-menu ul li {
  padding:5px 10px!important
}
.footer a {
  color:#000!important;
  font-family:Poppins
}
.footer svg {
  fill:#f2f2f2!important
}
.years_experience img {
  min-height:300px;
  max-height:300px
}
.years_experience .elementor-widget-wrap {
  padding-bottom:30px!important
}
.elementor-element-5bb2617 .e-con-inner {
  padding:0!important
}
.page-id-11168 #bdt-modal-f4eb321 .bdt-modal-header h3 {
  font-weight:500;
  text-align:center;
  font-family:Poppins;
  font-size:20px;
  color:#fff;
  margin-bottom:10px
}
.page-id-11168 #bdt-modal-f4eb321 .bdt-modal-body {
  padding:0;
  position:relative;
  z-index:222
}
.page-id-11168 #bdt-modal-f4eb321 .bdt-modal-dialog {
  background-image:url(https://www.outsourcedbookeeping.com/wp-content/uploads/2023/12/testimonials_bg.jpg);
  background-repeat:no-repeat;
  background-size:cover;
  position:relative;
  max-width:550px;
  border-radius:12px;
  border:none;
  padding:30px
}
.page-id-11168 #bdt-modal-f4eb321 .bdt-modal-dialog:before {
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  border-radius:12px;
  left:0;
  right:0;
  background:rgb(0 0 0 / .5)
}
#bdt-modal-f4eb321 .botton-downloads button {
  color:#fff;
  text-align:center;
  font-size:14px;
  padding:12px 24px;
  letter-spacing:1px;
  font-weight:500;
  background:#1651a0;
  border:0;
  border-radius:12px;
  margin-top:10px
}
.page-id-11168 #bdt-modal-f4eb321 .bdt-modal-header {
  position:relative;
  z-index:999;
  padding:0;
  background:#fff0
}
.download_brochure .enter-text-field input {
  margin:8px 0;
  padding:10px 15px!important;
  border-radius:5px!important
}
.page-id-11168 #bdt-modal-f4eb321 .bdt-modal-dialog #bdt-modal-close-button {
  color:#000;
  background:#fff;
  padding:6px;
  position:absolute;
  top:-10px;
  right:-10px;
  border-radius:50%;
  font-size:20px;
  line-height:12px;
  width:25px;
  height:25px;
  text-align:center
}
@media (max-width:767px) {
  #banner_home .bottom_link img {
    width:30px
  }
  .about_menu,.footer_bottom .elementor-col-50,.footer_new .elementor-col-25 {
    width:100%!important
  }
  #banner_home h1 {
    font-size:28px!important
  }
  #banner_home h3 {
    font-size:12px!important;
    margin:0 0 20px!important
  }
  #banner_home h4,#our_services h3,..appoinment h2,.about_us_section h3,.appoinment h2,.blog_section h3,.certifications h3,.client_testimonial h3,.faq h3,.outsource_advantages h3,.press_release h3,.why_choose_us h3,.work_deployment h3,.years_experience h3 {
    font-size:20px!important
  }
  #banner_home .bdt-grid-margin {
    margin:0!important
  }
  #banner_home h4,.footer_new h6 {
    margin-bottom:10px!important
  }
  #banner_home ul {
    display:block!important;
    padding:0;
    margin:10px
  }
  #banner_home ul li {
    display:inline-block!important;
    margin-right:5px!important
  }
  #banner_home ul li:first-child,#booking_advantages .elementskit-infobox:after,#booking_advantages .elementskit-infobox:before,.press-body:after {
    display:none
  }
  #banner_home {
    background:#1071b6
  }
  .let_do .elementor-widget-social-icons {
    justify-content:start!important;
    display:flex
  }
  #banner_home .elementor-widget-container,.blog_section .elementor-widget-container,.cTestimonials .container,.faq_section .e-con-inner,.footer_new,.press_release .main_decs,.years_experience .e-con-inner {
    padding:0!important
  }
  #banner_home ul li .btn_style {
    padding:6px!important;
    font-size:12px!important
  }
  #banner_home .client_logos .e-con-inner {
    display:flex!important
  }
  #banner_home .outsource_advantages {
    padding:50px 0 0!important
  }
  #banner_home .bdt-logo-carousel-item {
    height:60px;
    width:100px
  }
  #banner_home .bdt-slider-items.bdt-grid {
    flex-wrap:wrap
  }
  .why_choose_us .elementor-icon-box-wrapper,.why_choose_us p {
    text-align:center!important
  }
  .about_us_section:after,.about_us_section:before {
    background-size:50%!important;
    z-index:1
  }
  .icon-box-grid .icon-box .content-box .title-box {
    font-size:16px!important
  }
  .footer_bottom .elementor-inner-section,.work_deployment .elementor-widget-container,.years_experience .elementor-widget-wrap {
    padding-bottom:0!important
  }
  .about_us_section:after {
    top:-15px!important
  }
  #our_services p,.about_us_section p,.client_testimonial p,.faq_section .bdt-ep-title-text,.postgrid_container h3 {
    font-size:14px!important
  }
  .outsource_advantages {
    padding:30px 0 0!important
  }
  .about_menu .elementor-widget-wrap {
    padding:0 30px!important
  }
  #booking_advantages {
    margin:0;
    padding:0
  }
  .years_experience .elementor-counter-number,.years_experience .elementor-counter-number-suffix {
    font-size:24px!important
  }
  .years_experience img {
    min-height:200px!important;
    max-height:200px!important
  }
  .faq_section.bdt-accordion-content, {
    font-size:12px
  }
  .about_us_section .elementor-button-link,.bdt-modal-button,.elementor-button-link {
    padding:10px 20px!important;
    font-size:12px!important
  }
  #our_services,.client_testimonial .elementor-widget-container,.why_choose_us,.years_experience {
    padding:0 20px!important
  }
  .testimonial_quote {
    bottom:50px;
    left:20px
  }
  .appoinment {
    padding:0 20px 30px!important
  }
  .testimonial_img img {
    width:80px!important;
    margin:10px auto 20px!important
  }
  .testimonials-rating {
    position:relative;
    clear:both;
    margin:10px 0
  }
  .sidebar_btn {
    width:45px!important
  }
  #appoinment .elementor-container,.footer_new h3 {
    margin-bottom:0!important
  }
  .left-post {
    margin-bottom:30px
  }
  .press-posts .main_decs {
    display:block!important
  }
  .press-body {
    margin:20px 0;
    padding-left:0
  }
  .press-body .posted-in a {
    padding:7px 0!important
  }
  .exp .elementor-container {
    height:100%!important
  }
  #booking_advantages .elementskit-infobox {
    padding:10px
  }
  #booking_advantages .elementskit-info-box-title {
    margin:0 auto 10px!important
  }
  #booking_advantages .box-body {
    text-align:center
  }
  #our_services .icon-main {
    top:0!important;
    left:20px!important;
    position:relative!important
  }
  #our_services .icon-box-grid .icon-box {
    padding:20px
  }
  .about_us_section {
    padding:0 20px
  }
  #our_services .col-md-12:nth-child(3) .icon-box:after,#our_services .icon-box:after {
    background-size:50%!important;
    top:5px!important;
    background-position:0!important
  }
  .why_choose_us .elementor-icon-box-wrapper .elementor-icon-box-description {
    text-align:left!important
  }
  .work_deployement {
    margin-top:0!important
  }
  .main_block {
    margin-left:0!important;
    margin:0;
    padding:0;
    background:#000
  }
  .number {
    background-color:#333!important;
    color:#fff!important;
    border-radius:0
  }
  .work_deployment {
    padding-bottom:0!important;
    background-size:cover!important
  }
  .content_section {
    padding:0!important;
    margin-top:20px
  }
  .margin_0 img {
    display:none!important
  }
  .main_block h3 {
    color:#fff!important;
    margin:0!important;
    padding:0!important;
    font-size:18px!important
  }
  .left-post .blog_img img {
    min-height:300px
  }
  .press-posts .owl-nav {
    left:0!important
  }
  .elementor-social-icons-wrapper {
    justify-content:left!important
  }
  .faq_section .bdt-ep-accordion-content,.footer_bottom p,.footer_bottom ul li a {
    font-size:12px!important
  }
  .faq .e-con-inner {
    padding-top:0!important
  }
  .certification_bottom {
    width:94%!important
  }
  .faq {
    padding-top:50px!important
  }
  .footer_new .elementor-icon-box-description {
    margin-bottom:5px!important
  }
  .certification_bottom .e-con-inner,.client_logos .e-con-inner {
    display:block!important;
    text-align:center
  }
  .certification_bottom .e-con-inner .e-con-full,.client_logos .e-con-inner .e-con-full {
    width:45%!important;
    float:none!important;
    display:inline-block
  }
}
@media only screen and (min-width:320px) and (max-width:390px) {
  .booknowmeet {
    bottom:25%!important
  }
  .booknowmeet a {
    font-size:12px!important;
    padding:5px 7px!important
  }
  #cpa-banner {
    margin:0
  }
  .page-id-12259 .page-header {
    position:inherit!important;
    height:auto!important;
    margin-top:45px!important
  }
  .page-id-12259 .page-header .page-title {
    font-size:11px!important;
    padding:0!important
  }
  .page-id-12259 .page-header .breadcrumbs li,.page-id-12259 .page-header .breadcrumbs li a {
    font-size:10px!important
  }
  .page-id-12259 .page-header .breadcrumbs li:before {
    margin:-2px 3px 0!important
  }
  .page-id-12259 .page-id-12259 .page-header .inner {
    margin:35px 0 5px!important
  }
}
@media only screen and (min-width:391px) and (max-width:569px) {
  .booknowmeet {
    bottom:25%!important
  }
  .page-id-12259 .page-header {
    position:inherit!important;
    height:auto!important;
    margin-top:55px!important
  }
  .page-id-12259 .page-header .page-title {
    font-size:11px!important;
    padding:0!important
  }
  .page-id-12259 .page-header .breadcrumbs li,.page-id-12259 .page-header .breadcrumbs li a {
    font-size:10px!important
  }
  .page-id-12259 .page-header .breadcrumbs li:before {
    margin:-2px 3px 0!important
  }
  .page-id-12259 .page-id-12259 .page-header .inner {
    margin:35px 0 5px!important
  }
  #cpa-banner {
    margin:0
  }
  .booknowmeet a {
    font-size:12px!important;
    padding:5px 7px!important
  }
}
@media only screen and (min-width:570px) and (max-width:767px) {
  .booknowmeet {
    bottom:25%!important
  }
  .booknowmeet a {
    font-size:12px!important;
    padding:5px 7px!important
  }
  #cpa-banner {
    margin:0
  }
  .page-id-12259 .page-header {
    position:inherit!important;
    height:auto!important;
    margin-top:55px!important
  }
  .page-id-12259 .page-header .page-title {
    font-size:11px!important;
    padding:0!important
  }
  .page-id-12259 .page-header .breadcrumbs li,.page-id-12259 .page-header .breadcrumbs li a {
    font-size:10px!important
  }
  .page-id-12259 .page-header .breadcrumbs li:before {
    margin:-2px 3px 0!important
  }
  .page-id-12259 .page-id-12259 .page-header .inner {
    margin:35px 0 5px!important
  }
  .years_experience img {
    min-height:400px!important;
    max-height:300px!important;
    width:100%!important;
    height:100%!important
  }
  #our_services .col-md-12 {
    width:100%
  }
  .certification_bottom .e-con-inner,.client_logos .e-con-inner {
    display:block!important;
    text-align:center
  }
  .certification_bottom .e-con-inner .e-con-full,.client_logos .e-con-inner .e-con-full {
    width:150px!important;
    float:left!important;
    display:inline-block
  }
  .hide_landscape {
    display:none
  }
  .press-posts .main_decs {
    display:flex!important;
    padding:0 0 50px!important
  }
  .why_choose_us .elementor-icon-box-wrapper {
    min-height:255px!important
  }
  #booking_advantages .e-con-full,.why_choose_us .e-con-full,.work_deployement .e-con-full {
    width:45%;
    float:left
  }
  #booking_advantages,.why_choose_us,.work_deployement {
    width:100%!important;
    display:block!important;
    overflow:hidden
  }
  .our_location .elementor-icon-box-description {
    word-break:break-all
  }
  .press_release .e-con-inner {
    padding:20px 0!important
  }
}
@media only screen and (min-width:768px) and (max-width:900px) {
  #banner_home .e-con-full,#banner_home .lt_block,#banner_home .rt_block,#footer #mailpoet_form_1 .mailpoet_paragraph.last,.footer .mailpoet_paragraph {
    width:100%!important
  }
  #banner_home {
    flex-direction:column
  }
  #appoinment .elementor-container {
    margin-left:20px;
    margin-right:20px
  }
  .sidebar_btn {
    top:19%!important;
    width:40px!important
  }
  .about_us_section {
    position:relative;
    z-index:1
  }
  .our_location .elementor-icon-box-description {
    word-break:break-all
  }
  .blog_section .grid-container {
    display:flex;
    flex-grow:1;
    height:100%
  }
  .blog_section .blog_img {
    position:relative;
    overflow:hidden;
    height:94%
  }
  .blog_section .right-posts .blog_img {
    margin-bottom:30px;
    height:44%
  }
}
.bookkeeping-solution .list .nav-item,div#srv-bx {
  width:100%
}
@media only screen and (min-width:768px) and (max-width:1023px) {
  .main_decs,.years_experience img {
    min-height:200px!important
  }
  #banner_home h4,.main_decs {
    margin-bottom:10px!important
  }
  #booking_advantages,#booking_advantages .box-body {
    text-align:center
  }
  .elementor-77 .elementor-element.elementor-element-447392a>.elementor-widget-container {
    padding:11px 0!important
  }
  #back-to-top,.margin_0 img {
    display:none!important
  }
  #booking_advantages,.work_deployement .e-con-inner {
    display:block!important;
    width:100%!important;
    overflow:hidden
  }
  .elementor-12259 .elementor-element.elementor-element-25e502f {
    padding:15px 0 70px
  }
  .elementor .elementor-section.elementor-section-boxed>.elementor-container {
    max-width:none
  }
  #appoinment .elementor-container {
    margin-left:20px;
    margin-right:20px
  }
  .cpa {
    height:420px!important
  }
  .gallery-spacing-custom .elementor-image-gallery .gallery-icon {
    padding:20px
  }
  #bk-servs .srv-bx .elementor-widget-container {
    height:300px!important;
    padding:10px!important
  }
  #tax-servs,.softyware-logos {
    padding:0 10px
  }
  .about_us_section .e-con-inner {
    position:relative;
    z-index:9999
  }
  .work_deployment {
    background-size:cover!important
  }
  .testimonials-rating .fa-star {
    margin-right:4px;
    font-size:8px
  }
  .press_release .e-con-inner {
    padding:20px 0!important
  }
  .our_location .elementor-icon-box-description {
    word-break:break-all
  }
  #banner_home h1 {
    font-size:40px!important
  }
  #banner_home h3 {
    font-size:14px!important;
    margin:0 0 20px!important
  }
  #banner_home h4 {
    font-size:16px!important
  }
  .footer_bottom p,.footer_bottom ul li a {
    font-size:12px!important
  }
  .footer_new .elementor-nav-menu a {
    padding-left:0!important
  }
  #booking_advantages .elementskit-infobox:after,#booking_advantages .elementskit-infobox:before {
    display:none
  }
  #booking_advantages .elementskit-infobox {
    padding:10px
  }
  #booking_advantages .elementskit-info-box-title {
    margin:0 auto 10px!important
  }
  #booking_advantages .e-con-full {
    width:45%;
    float:none;
    display:inline-block;
    vertical-align:top
  }
  .work_deployment,.work_deployment .elementor-widget-container {
    padding-bottom:0!important
  }
  .work_deployement {
    margin-top:0!important
  }
  .content_section {
    padding:0!important;
    margin-top:20px
  }
  .main_block {
    margin-left:0!important;
    margin:0;
    padding:0;
    background:#000
  }
  .footer_bottom .elementor-col-50,.work_deployement .e-con-inner .e-con-full {
    width:100%!important
  }
  .number {
    background-color:#333!important;
    color:#fff!important;
    border-radius:0
  }
  .blog_section .elementor-widget-container,.cTestimonials .container,.faq_section .e-con-inner,.years_experience,.years_experience .e-con-inner {
    padding:0!important
  }
  .exp .elementor-container {
    height:350px
  }
  .why_choose_us p {
    text-align:left
  }
  .years_experience img {
    max-height:200px!important
  }
  .why_choose_us .elementor-icon-box-wrapper {
    display:flex;
    align-items:flex-start!important;
    flex-direction:column;
    justify-content:left;
    text-align:left;
    min-height:300px!important;
    flex-direction:column!important
  }
  .why_choose_us .elementor-icon-box-wrapper .elementor-icon-box-icon {
    padding-bottom:20px
  }
  .about_us_section .elementor-button-link,.bdt-modal-button,.elementor-button-link {
    padding:10px 20px!important;
    font-size:12px!important
  }
  .faq_section .bdt-ep-title-text,.postgrid_container h3 {
    font-size:14px!important
  }
  .outsource_advantages {
    padding:30px 0 0!important
  }
  .left-post .blog_img img {
    min-height:100%!important
  }
  .blog_section .grid-container {
    display:flex;
    flex-grow:1;
    height:100%
  }
  .blog_section .blog_img {
    position:relative;
    overflow:hidden;
    height:94%
  }
  .blog_section .right-posts .blog_img {
    margin-bottom:30px;
    height:44%
  }
  #our_services h3,.about_us_section h3,.appoinment h2,.client_testimonial h3,.faq h3,.outsource_advantages h3,.press_release h3 {
    font-size:20px!important
  }
  #banner_home .bdt-logo-carousel-item {
    height:60px;
    width:100px
  }
  #our_services .col-md-12:nth-child(3) .icon-main:before,#our_services .icon-main:before {
    left:-14px!important
  }
}
@media only screen and (min-width:1024px) and (max-width:1200px) {
  .elementor-12259 .elementor-element.elementor-element-3142409>.elementor-element-populated {
    margin:0!important
  }
  .cpa {
    height:320px
  }
  .elementor-12259 .elementor-element.elementor-element-25e502f {
    padding:15px 0 70px
  }
  #appoinment .elementor-container {
    margin-left:20px;
    margin-right:20px
  }
  .main-navigation>ul>li>a {
    font-size:10.5px!important
  }
  .elementor-top-section .bdt-modal-button {
    font-size:11px!important;
    padding:10px;
    width:80px
  }
  .elementor-11284 .elementor-element.elementor-element-310d8f5>.elementor-widget-container {
    margin:0 10px!important
  }
  #tax-servs,.softyware-logos {
    padding:0 10px
  }
  .about_us_section .e-con-inner {
    position:relative;
    z-index:9999
  }
  .number {
    font-size:20px!important
  }
  .main-navigation>ul>li {
    margin:0 5px!important
  }
  .main_decs {
    min-height:380px
  }
  .blog_section .grid-container {
    display:flex;
    flex-grow:1;
    height:100%
  }
  .blog_section .blog_img {
    position:relative;
    overflow:hidden;
    height:94%
  }
  .blog_section .right-posts .blog_img {
    margin-bottom:30px;
    height:44%
  }
  #banner_home h1 {
    font-size:24px!important
  }
  #banner_home h3 {
    font-size:14px!important;
    margin:0 0 20px!important
  }
  #banner_home h4 {
    font-size:16px!important;
    margin-bottom:10px!important
  }
  #banner_home .elementor-widget-container,.about_menu .elementor-widget-container {
    padding:0!important
  }
  #booking_advantages .elementskit-infobox:after,#booking_advantages .elementskit-infobox:before {
    background-size:45%!important
  }
  .years_experience img {
    min-height:200px!important;
    max-height:200px!important
  }
  .exp .elementor-container {
    height:350px
  }
  .about_menu a {
    padding-left:0!important
  }
  .about_menu .elementor-widget-wrap {
    padding:0 25px!important
  }
  #mailpoet_form_1 .mailpoet_submit,.footer_bottom p,.footer_bottom ul li a {
    font-size:12px!important
  }
  .footer_bottom .elementor-col-50 {
    width:100%!important
  }
  .footer_new .elementor-container {
    justify-content:center;
    align-items:baseline
  }
  .appoinment .bdt-modal-button,.elementor-button-link {
    padding:15px 20px!important;
    font-size:14px!important;
    width:auto
  }
  .years_experience {
    padding-top:0!important
  }
  .work_deployment {
    padding-bottom:50px!important;
    background-size:cover!important
  }
  .outsource_advantages {
    padding-bottom:0!important
  }
}
@media only screen and (min-width:1200px) and (max-width:1370px) {
  #banner_home .elementor-widget-container {
    padding-right:0!important
  }
  .elementor-11284 .elementor-element.elementor-element-310d8f5>.elementor-widget-container {
    margin:0 0 0 54px!important
  }
  #booking_advantages .elementskit-infobox:after,#booking_advantages .elementskit-infobox:before {
    background-size:65%!important
  }
  #banner_home h1 {
    font-size:30px!important
  }
  #banner_home h3 {
    font-size:16px!important;
    margin:0 0 20px!important
  }
  #banner_home h4 {
    font-size:20px!important;
    margin-bottom:10px!important
  }
  .appoinment .bdt-modal-button,.elementor-button-link {
    padding:15px 20px!important;
    font-size:16px!important;
    width:auto
  }
  .sidebar_btn {
    width:65px!important
  }
  .footer_bottom p,.footer_bottom ul li a {
    font-size:12px!important
  }
  .about_menu a {
    padding-left:0!important
  }
  .about_menu .elementor-widget-container {
    padding:0!important;
    margin:0!important
  }
}
.blog-h2-size,.cpa-about h3 {
  font-size:26px
}
@media only screen and (min-width:1400px) {
  #booking_advantages .elementskit-infobox:after,#booking_advantages .elementskit-infobox:before {
    background-size:95%!important
  }
}
@media only screen and (max-width:1024px) {
  .header-desktop {
    display:block!important
  }
  .header-desktop .elementor-top-section {
    display:none!important
  }
  .footer_bottom .elementor-icon-list-items {
    justify-content:center
  }
}
.softyware-logos .gallery-icon {
  background:#fff;
  padding:20px;
  height:100px;
  vertical-align:middle;
  border-radius:10px;
  border:1px solid #e2e2e2;
  display:table;
  width:100%
}
.softyware-logos .gallery-icon a {
  vertical-align:middle;
  display:table-cell
}
.cpa-about h3 {
  font-family:poppins
}
.srv-bx .elementor-widget-container {
  height:260px!important
}
#srv-bx .elementor-widget-container:before,.srv-bx .elementor-widget-container:before {
  content:"";
  background:#e7be0a;
  width:50px;
  height:50px;
  position:absolute;
  bottom:0;
  left:0;
  overflow:hidden;
  border-radius:0 100px 0 0
}
.orng-logo {
  display:flex;
  justify-content:center
}
.cpa h3 {
  color:#000;
  font-family:Roboto,Sans-serif;
  font-size:20px;
  font-weight:500
}
.descrip p {
  font-size:14px;
  font-weight:400;
  color:#000
}
.blog-post strong,.cpa .number {
  font-weight:500
}
.h-auto {
  height:auto!important
}
.cpa .number {
  width:50px;
  height:50px;
  position:absolute;
  bottom:0;
  left:0;
  border-radius:0 100px 0 0;
  font-size:14px;
  color:#fff;
  text-align:left;
  vertical-align:middle;
  line-height:50px;
  padding:5px 5px 5px 15px
}
#quote p {
  text-align:left;
  padding:20px 20px 20px 0
}
.blue {
  background:#007aff
}
.yellow {
  background:#e7be0a
}
.grey {
  background:#333
}
.booknowmeet {
  bottom:30%;
  left:0;
  right:0
}
#cpa-banner {
  margin-top:0
}
.page-id-12259 .page-header {
  height:90px;
  margin-top:90px;
  text-align:center;
  background:#464646
}
.page-id-12259 .page-header .inner {
  margin:10px!important
}
.page-id-12259 .page-header .page-title {
  font-size:19px;
  font-family:Poppins;
  font-weight:500;
  margin:0
}
.statgy {
  float:right;
  width:400px;
  padding:10px
}
#quote {
  border-left:7px solid #0060f2;
  padding-left:20px;
  background:#f9f9f9
}
.popular .price-content ul .zmdi-check,.pricing-purchase .popular .price-content ul *,.pricing-purchase .popular .price-content ul .zmdi-close,.timeline-content:hover~.timeline-image .fa,a.white_link {
  color:#fff!important
}
.blog-post>.inner-post ol li,.blog-post>.inner-post p,.btn.white,.hotel-business .oval-sm:hover .content h4,.hotel-business .oval-sm:hover .content p,.quickBooks .subtitle {
  color:#000
}
.forms_design {
  background:#f7f7f7;
  padding:30px 50px;
  margin:0
}
.FOrms_Newtemplate label.wpforms-field-label,.FOrms_Newtemplate label.wpforms-field-label-inline,.FOrms_Newtemplate label.wpforms-field-sublabel.after,.FOrms_Newtemplate legend.wpforms-field-label,.balancing .fiance-box h6,.commercial-estate .content h4,.essential-quickBooks .heading h4,.pricing-purchase .price-item .price-top *,.service-aps .h-100:hover .fa,.service-aps .h-100:hover .pera,.yardi-account .account-step .hassle-step,.yardi-account .chores-slow .down .pera {
  color:#fff
}
.FOrms_Newtemplate button#wpforms-submit-13640 {
  padding:10px 30px;
  border-radius:10px;
  border:2px solid #6989b4
}
.page-id-13461 #wpforms-13552-field_36-container {
  overflow-x:visible
}
.blog-post .share-post a.twit {
  background:#181818!important
}
.share-post .fa-twitter:before {
  content:"\e9ca"!important
}
body {
  font-family:Poppins,sans-serif
}
.navbar-dark .navbar-nav .nav-link {
  color:#000!important;
  font-size:13px;
  font-weight:700
}
button.btn.btn-danger.dropdown-toggle.nav-link {
  background:unset;
  border:unset
}
.key-item .btn:focus,button.btn.btn-danger.dropdown-toggle.nav-link:focus {
  box-shadow:unset
}
label.info {
  border:1px solid #126fb5;
  font-size:13px;
  border-radius:9px;
  padding:4px 11px;
  color:#126fb5
}
.btn-primary,.btn.yellow,.catagory .cata-box span, .badge,.hero .btn,p.pera {
  font-size:18px
}
.hero .buttons {
  margin-top:20px
}
.hero .btn {
  display:inline-block;
  padding:6px 28px;
  border-radius:8px;
  font-weight:600;
  text-decoration:none;
  transition:.3s
}
.btn.yellow {
  background:#f9c300;
  color:#000;
  margin-right:15px
}
.btn.yellow:hover {
  background:#dba900
}
.box-subtitle,.btn.white {
  background:#fff
}
.btn.white:hover {
  background:#eaeaea
}
.hero .badge {
  position:absolute;
  background:rgb(18 111 181 / .23137254901960785);
  border:1px solid #fff;
  color:#fff;
  padding:8px 16px;
  border-radius:20px;
  z-index:2;
  white-space:revert;
  font-weight:400;
  text-align:left;
  max-width:16%;
  line-height:19px
}
.catagory {
  padding:40px 0
}
.frequently #accordion {
  box-shadow:0 4px 8px 0 rgb(0 0 0 / .2),0 6px 20px 0 rgb(0 0 0 / .19)
}
.catagory-slider {
  padding-top:40px
}
p.pera {
  color:#393939;
  line-height:23px;
  font-weight:400
}
.btn-line,.budgeting-report .content h2,.faultless .content h4 span,.frequently .collapse .card-body a,.heading .highlight,.content h4 label,.popular .price-top span,.popular .price-top sup,.pricing-purchase .popular .price-top h2,.proficient-accounting .content h4 label,.real-estate .content h4 label,.rent-user .user-service:hover h5,.tax .content h4 label,.timeline time {
  color: #065d95;
  padding: 2px 0;
}
section.about-company {
  padding:37px 0
}
.accounting .heading h3,.bookkeeping-solution .heading h3,.heading h2 {
  font-size:30px;
  font-family:Poppins,Sans-serif;
  font-weight:700;
  line-height:42px
}
.btn-primary {
  background:#126fb5;
  border-radius:6px
}
.certification,.faultless,section.system-implement {
  background:#fff;
  padding:40px 0
}
.keys,.system-implement.keys {
  position:relative;
  margin:0 auto;
  aspect-ratio:1/0
}
.keys img {
  width:53%;
  margin:50px 255px
}
.key-item {
  position:absolute;
  width:auto;
  opacity:0;
  transform:translateY(20px);
  animation:.8s forwards fadeInUp
}
.key-item img {
  max-width:100%;
  height:auto
}
.key-item p {
  margin-top:8px;
  font-weight:500
}
.key-item button.btn {
  border-radius:10px;
  font-size:15px;
  font-weight:600
}
#about-custom .modal-header button.close {
  padding:2px 9px!important;
  font-size:25px
}
#about-custom .modal-header button.close,.modal .modal-header button.close {
  background:#126fb5;
  opacity:1;
  color:#fff;
  margin:0!important;
  border-radius:4px;
  font-weight:400;
  position:absolute;
  right:11px
}
.modal .modal-header button.close {
  padding:2px 7px!important;
  font-size:19px
}
.modal h4.modal-title {
  font-size:18px;
  font-weight:600
}
.modal .modal-header {
  padding:8px 16x
}
@media (max-width:768px) {
  .page-header .inner {
    margin-top:65px!important
  }
}
.center-text {
  font-size:16px
}
.center-text span {
  font-size:18px
}
.heading h2 {
  font-size:30px;
  line-height:33px
}
.about-company img {
  width:100%
}
.testimonial_customer .slick-prev {
  left:10px!important
}
.yardi-account .account-step .hassle-step hr {
  left:0!important;
  top:100px!important
}
.bookkeeping-solution .list {
  position:unset!important
}
.bookkeeping-solution .tab-content {
  margin:0!important;
}
.bookkeeping-solution .tab-pane {
  padding:0!important
}
.bookkeeping-solution .tab-pane ul li {
  list-style:disc!important
}
.finances {
  height:auto
}
.finances .content h4 {
  font-size:25px!important;
  line-height:34px!important
}
.finances .content .pera {
  margin-bottom:0!important;
  font-size:14px!important;
  line-height:26px!important
}
.yardi-account .chores-slow .down {
  margin:0!important
}
@media (max-width:480px) {
  .services {
    padding:20px 10px
  }
  .keys {
    max-width:350px
  }
  .key-item {
    width:134px
  }
  .center-text {
    font-size:14px
  }
  .center-text span {
    font-size:16px
  }
}
.certify,.gear-center {
  max-width:100%
}
.bookkeeping-solution .list {
  border:1px solid #ccc;
  padding:2px 11px;
  border-radius:6px;
  position:absolute;
  z-index:1;
  background:#fff
}
.bookkeeping-solution .list .nav-item .nav-link {
  background:#1a5276;
  margin:3px 0;
  padding:11px 15px;
  cursor:pointer;
  border-radius:6px;
  color:#fff;
  font-weight:500
}
.bookkeeping-solution .list .nav-item .active,.bookkeeping-solution .list .nav-item .nav-link:hover {
  background-color:#fff;
  border:2px solid #1a5276;
  color:#1a5276;
}
.bookkeeping-solution .list .nav-item .fa-angle-right {
  right:30px;
  position:absolute;
  font-weight:800
}
section.bookkeeping-solution,section.expertise {
  padding:41px 0
}
.bookkeeping-solution .tab-content {
  background: #f6fcff;
  color: #000;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #1a5276 !important;
  border-radius: 20px;
}
.bookkeeping-solution .tab-pane {
  padding:10px 41px
}
.bookkeeping-solution .tab-content .pera {
  color:#000;
  font-size:18px;
  line-height:29px;
  font-weight:400
}
.bookkeeping-solution .tab-content h3 {
  font-weight:600;
  font-size:26px;
  font-family:Poppins,Sans-serif;
  color:#000
}
.pera {
  font-size: 18px;
  line-height: 29px;
  font-weight: 400;
}
.client-testimonial .card-main {
  border-radius:10px;
  margin-top:110px;
  background:unset
}
.client-testimonial .card-0 {
  color:#fff;
  background-color:unset;
  position:relative;
  border-radius:10px;
  min-height:312px
}
.client-testimonial label {
  font-weight:700;
  margin:17px 0!important
}
.finances .content span.final {
  border:1px solid #f9c300;
  background:#0000003b;
  padding:6px 14px;
  font-size:19px;
  color:#f9c300;
  border-radius:20px
}
.finances .content span.final img {
  padding-right:7px;
  padding-left:7px
}
.balancing .content h2 label,.finances .content h2 label,.finances .fiance-box label {
  color:#f9c300;
  font-weight: bolder;
}
.finances .content label {
  font-weight:700;
  margin-top:30px;
  color:#fff0;
  color:#fff
}
.finances .fiance-box {
  border:3px solid #979797;
  border-radius:10px;
  color:#000000;
  margin-top:27px;
  padding:20px 0
}
.finances .content .pera {
  margin-bottom:30px;
  font-size:19px;
  line-height:36px
}
.finances .content .btn.yellow {
  margin-bottom:20px
}
.frequently .card .card-header {
  margin-bottom:12px;
  cursor:pointer
}
.frequently #accordion {
  width:100%;
  border-radius:20px
}
.frequently {
  background:#fafdff;
  padding:40px 0
}
.frequently #accordion .card {
  border:unset;
  border-radius:unset
}
.properties {
  background: #f2f9fd;
  padding:40px 0
}
.properties .content {
  background:#fff;
  padding:20px;
  border-radius:29px;
  border:2px solid #ad9898;
  font-size:15px;
  line-height:25px
}
.properties .heading {
  margin-bottom:30px;
  color:#fff
}
.bubbles_wrap {
  max-height:100vh;
  pointer-events:none
}
@-webkit-keyframes animateBubble {
  0% {
    margin-top:20%
  }
  to {
    margin-top:-30%
  }
}
@-moz-keyframes animateBubble {
  0% {
    margin-top:20%
  }
  to {
    margin-top:-30%
  }
}
@keyframes animateBubble {
  0% {
    margin-top:20%
  }
  to {
    margin-top:-30%
  }
}
@-webkit-keyframes sideWays {
  0% {
    margin-left:0
  }
  to {
    margin-left:25px
  }
}
@-moz-keyframes sideWays {
  0% {
    margin-left:0
  }
  to {
    margin-left:25px
  }
}
@keyframes sideWays {
  0% {
    margin-left:0
  }
  to {
    margin-left:25px
  }
}
.x1 {
  -webkit-animation:15s linear infinite animateBubble,2s ease-in-out infinite alternate sideWays;
  animation:15s linear infinite animateBubble,2s ease-in-out infinite alternate sideWays;
  left:6%;
  top:45%
}
.x1,.x10,.x2,.x3,.x4,.x5,.x6,.x7,.x8,.x9 {
  background:#f3d13a
}
.x2 {
  -webkit-animation:10s linear infinite animateBubble,4s ease-in-out infinite alternate sideWays;
  animation:10s linear infinite animateBubble,4s ease-in-out infinite alternate sideWays;
  left:5%;
  top:80%
}
.x3 {
  -webkit-animation:18s linear infinite animateBubble,2s ease-in-out infinite alternate sideWays;
  animation:18s linear infinite animateBubble,2s ease-in-out infinite alternate sideWays;
  left:10%;
  top:40%
}
.x4 {
  -webkit-animation:12s linear infinite animateBubble,3s ease-in-out infinite alternate sideWays;
  animation:12s linear infinite animateBubble,3s ease-in-out infinite alternate sideWays;
  left:20%;
  top:0
}
.x5 {
  -webkit-animation:19s linear infinite animateBubble,4s ease-in-out infinite alternate sideWays;
  animation:19s linear infinite animateBubble,4s ease-in-out infinite alternate sideWays;
  left:30%;
  top:50%
}
.x6 {
  -webkit-animation:11s linear infinite animateBubble,2s ease-in-out infinite alternate sideWays;
  animation:11s linear infinite animateBubble,2s ease-in-out infinite alternate sideWays;
  left:50%;
  top:0
}
.x7 {
  -webkit-animation:10s linear infinite animateBubble,2s ease-in-out infinite alternate sideWays;
  animation:10s linear infinite animateBubble,2s ease-in-out infinite alternate sideWays;
  left:65%;
  top:70%
}
.x8 {
  -webkit-animation:12s linear infinite animateBubble,3s ease-in-out infinite alternate sideWays;
  animation:12s linear infinite animateBubble,3s ease-in-out infinite alternate sideWays;
  left:80%;
  top:10%
}
.x9 {
  -webkit-animation:19s linear infinite animateBubble,4s ease-in-out infinite alternate sideWays;
  animation:19s linear infinite animateBubble,4s ease-in-out infinite alternate sideWays;
  left:90%;
  top:50%
}
.x10 {
  -webkit-animation:16s linear infinite animateBubble,2s ease-in-out infinite alternate sideWays;
  animation:16s linear infinite animateBubble,2s ease-in-out infinite alternate sideWays;
  left:80%;
  top:80%
}
.certify-1,.certify-3,.certify-5 {
  top:5%;
  text-align:center
}
.bubble {
  position:absolute;
  border-radius:50%;
  box-shadow:none;
  width:5px;
  height:5px
}
.balancing {
  background:url(https://www.outsourcedbookeeping.com/wp-content/uploads/2026/07/Yardi-Accounting.jpg) 50%/cover no-repeat;
  height:auto;
  padding:40px 0
}
.bookkeeping-solution .box-subtitle,.box-subtitle {
  margin-top:50px!important
}
.balancing .content h1,.balancing .content h2 {
  font-size:4.5rem;
  font-weight:900;
  margin:11px 0;
  color:#fff
}
.balancing .blink-button {
  display:inline-block;
  color:#fff;
  background-color:#126fb5;
  border-radius:5px;
  text-decoration:none;
  font-weight:600;
  position:relative;
  animation:3s ease-in-out infinite pulseShadow
}
.balancing .buttons .btn-primary {
     background: #f3d13a;
    font-size: 18px;
    color: #000 !IMPORTANT
}
.accounting-small-business .blink-yellow,.balancing .blink-yellow,.exceptional-pricing .blink-yellow,.three-way-appfolio .blink-yellow,.blink-yellow,.three-way-trust .blink-yellow {
  background:unset
}
.balancing .fiance-box {
  background:hsla(0, 0%, 0%, 0.55);
  border:1px solid #bfbdbd;
  justify-items: center;
  border-radius:10px;
  margin-bottom:40px;
  padding:21px 0;
  transition:.3s;
  font-size: 30px;
}
.box-subtitle:hover {
  box-shadow:0 4px 8px 0 #f9c300,0 -12px 12px 0 rgb(249 195 0 / .27058823529411763)
}
.accounting-services .migration:hover,.accounting-small-business .fiance-box:hover,.balancing .fiance-box:hover,.exceptional-pricing .fiance-box:hover,.quickbooks-accounts .fiance-box:hover,.three-way-appfolio .fiance-box:hover,.fiance-box:hover,.three-way-trust .fiance-box:hover,.yardi-account .fiance-box:hover {
  transform:translateY(-10px)
}
.balancing .fiance-box img {
  width:13% !important;
  margin-bottom:10px
}
.balancing .fiance-box label {
  font-size:32px;
  font-weight:700;
}
.balancing .content .pera.text-white {
  margin:22px 0;
  font-size:20px
}
.accounting-small-business .compliant .manage,.balancing .compliant .manage,.exceptional-pricing .compliant .manage,.quickbooks-accounts .compliant .manage,.three-way-appfolio .compliant .manage, .compliant .manage,.three-way-trust .compliant .manage {
  color:#fff;
  border:1px solid #ccc;
  border-radius:70px;
  padding:5px 20px;
  margin:0 10px;
  font-size:14px
}
.accounting-small-business .compliant .pera,.balancing .compliant .pera,.exceptional-pricing .compliant .pera,.quickbooks-accounts .compliant .pera,.three-way-appfolio .compliant .pera, .compliant .pera,.three-way-trust .compliant .pera {
  color:#fff;
  margin:18px 0
}
@keyframes fadeInUp {
  0% {
    opacity:0;
    transform:translateY(20px)
  }
  to {
    opacity:1;
    transform:translateY(0)
  }
}
.certification span {
  color:#000;
  font-weight:600
}
.certify {
  position:relative;
  margin:20px auto
}
.certify img {
  width:100% !important;
  margin:80px 0;
  display:block
}
.certify-item {
  position:absolute;
  width:154px
}
@keyframes floatUpDown {
  0%,to {
    transform:translateY(0)
  }
  50% {
    transform:translateY(-12px)
  }
}
.certify-1 {
  left:0;
  animation-delay:0s
}
.certify-2 {
  bottom:0;
  left:19%;
  animation-delay:.3s
}
.certify-3 {
  left:35%;
  animation-delay:.6s
}
.certify-4 {
  bottom:0;
  left:50%;
  animation-delay:.9s
}
.certify-5 {
  right:19%;
  animation-delay:1.2s
}
.certify-6 {
  bottom:0;
  right:2%;
  animation-delay:1.5s
}
.certify .btn {
  background:0 0;
  border:none;
  font-weight:600;
  font-size:15px;
  text-align:center!important;
  padding:0;
  cursor:pointer
}
.yardi-account .fiance-box {
  border:1px solid #dadada;
  padding:20px 0;
  background:rgb(8 8 8 / .3803921568627451)!important;
  transition:.3s
}
.advantages .result-box,.rent .rent-box {
  transition:transform .3s,box-shadow .3s
}
.yardi-account .b24-form-wrapper {
  background:unset!important;
  text-align:left;
  color:#fff
}
.yardi-account .fiance-box:hover .fa {
  padding:15px 16px
}
.yardi-account .fiance-box .contact:hover {
  color:#064979!important;
  background:#fff
}
.yardi-account .fiance-box .contact {
  color:#fff;
  border:1px solid #fff;
  border-radius:10px;
  font-size:12px;
  padding:6px 7px
}
.yardi-account .fiance-box .fa {
  font-size:21px;
  padding:14px 16px;
  border-radius:10px;
  border:1px solid #fff;
  margin-bottom:20px
}
.yardi-account .contact-from {
  border:1px solid #dadada;
  padding:20px;
  background:rgba(8, 8, 8, 0.73);
  margin-top:40px;
  border-radius:10px
}
.yardi-account .contact-from .form-control {
  background:linear-gradient(135deg,#fff0,#fff0);
  border:1px solid #dadada;
  margin-bottom:20px;
  border-radius:11px;
  color:#fff
}
.yardi-account .contact-from .form-control::placeholder {
  color:#fff!important;
  opacity:.8!important
}
.yardi-account .account-step .hassle-step label {
  width:50px;
  position:relative;
  height:50px;
  padding:9px 0;
  border-radius:30px;
  color:#fff;
  font-size:22px
}
.yardi-account .account-step .hassle-step hr {
  position:absolute;
  border:1px solid;
  width:100%;
  left:150px;
  top:24px
}
.yardi-account .account-step {
  margin-top:60px
}
.yardi-account .chores-slow .down {
  background:rgba(8, 8, 8, 0.72);
  border:1px solid #fff;
  border-radius:18px;
  color:#fff;
  padding:20px 10px;
  margin:0 18%
}
#about-custom .modal-header {
  border:unset!important
}
.balancing .content h1 label {
  font-size:4.5rem;
  font-weight:900;
  color:#f9c300
}
@media screen and (max-width:600px) {
  .client-testimonial .card-main {
    padding:0 10px
  }
  .client-testimonial h4.font-weight-bold.mb-4,.client-testimonial h5.font-weight-bold.mb-4 {
    font-size:3.5rem!important
  }
  .client-testimonial .card-0 {
    min-height:432px
  }
  .client-testimonial .profile {
    top:0;
    left:28%;
    z-index:unset!important;
    width:140px!important;
    height:140px!important
  }
  .client-testimonial .profile-pic {
    width:90px;
    height:90px
  }
  .client-testimonial .open-quotes {
    margin-left:100px
  }
  .client-testimonial {
    height:auto!important
  }
  .client-testimonial .content {
    margin-left:120px;
    margin-right:50px
  }
  .client-testimonial .close-quotes {
    margin-right:30px
  }
  .client-testimonial .dbdgb {
    margin:93px 0!important;
    padding:17px 0!important;
    height:auto!important;
    position:relative;
    top:15px
  }
}
.rent {
  position:relative;
  height:100vh;
  background:url(https://www.outsourcedbookeeping.com/wp-content/uploads/2025/09/rent-banner.jpg) 50%/cover no-repeat;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  border-radius:unset
}
.rent .rent-box {
  border:1px solid;
  border-radius:12px;
  padding:50px 30px;
  height:230px;
  text-align:center;
  margin:50px auto;
  color:#fff;
  background:#0b4b7b;
  box-shadow:inset 8px 8px 16px #3ba3f1,inset -8px -8px 16px #3ba3f1
}
.rent .rent-box:hover {
  transform:translateY(-8px);
  box-shadow:0 8px 25px rgb(0 0 0 / .25);
  border:1px solid;
  text-shadow:0 0 103px #f9c300,0 0 44px #f9c300,0 0 0 #f9c300
}
.number-box,.rollout .timeline:before,.timeline-label {
  transform:translateX(-50%)
}
.rent .hero-content h1 {
  font-weight:700;
  font-size:4.5rem
}
.rent .rent-box h2 {
  font-size:2.5rem;
  font-weight:700;
  color:#f9c300
}
section.official {
  border-bottom:1px solid #ccc;
  padding-top:20px
}
.official .icon .fa,.user-service .icon .fa {
  color:#084574;
  font-size:23px
}
.official .icon {
  background:rgb(14 110 175 / .10196078431372549);
  border-radius:111px;
  width:45px;
  height:45px;
  text-align:center;
  margin-right:10px
}
.official label {
  border:1px solid #b4b0b0;
  font-size:14px;
  border-radius:20px;
  padding:3px 10px;
  font-weight:600
}
.btn-line {
  border:1px solid #126fb5;
  font-size:17px;
  background:unset;
  border-radius:9px;
  padding:8px 20px;
  font-weight:500
}
.btn-line:hover {
  background:#126fb5;
  color:#fff
}
.three-way-reconciliation.rentmanager{
  position:relative;overflow:hidden;
  padding:90px 0 110px;
  background:
    radial-gradient(circle at 85% 25%, rgba(255,255,255,.14) 0, rgba(255,255,255,0) 40%),
    radial-gradient(circle at 10% 90%, rgba(7,40,74,.35) 0, rgba(7,40,74,0) 45%),
    #1071B8;
  color:#fff;
}
.three-way-reconciliation.rentmanager::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.12) 1.2px, transparent 1.3px);
  background-size:22px 22px;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 40%,#000 100%);
          mask-image:linear-gradient(90deg,transparent 0,#000 40%,#000 100%);
}
.three-way-reconciliation.rentmanager .container{position:relative;z-index:1}
 
/* badge */
.three-way-reconciliation.rentmanager .rm-badge{
  display:inline-flex;align-items:center;gap:8px;
  padding:7px 16px;margin-bottom:22px;border-radius:999px;
  background:rgba(243,209,58,.14);border:1px solid rgba(243,209,58,.45);
  color:#F3D13A;font-size:13px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;
}
 
/* title */
.three-way-reconciliation.rentmanager .rm-title{
  margin:0 0 20px;color:#fff;text-align:left;
  font-size:clamp(30px,3.2vw,44px);line-height:1.14;font-weight:800;letter-spacing:-.5px;
}
.three-way-reconciliation.rentmanager .rm-gold{color:#F3D13A}
.three-way-reconciliation.rentmanager .rm-block{display:block}
.three-way-reconciliation.rentmanager .rm-underline{
  display:inline-block;
  background:linear-gradient(#F3D13A,#F3D13A) no-repeat 0 100%/0 4px;
  padding-bottom:6px;animation:rmUnderline 1.1s .4s ease forwards;
}
@keyframes rmUnderline{to{background-size:100% 4px}}
 
/* subtitle */
.three-way-reconciliation.rentmanager .rm-lead{
  color:#E4F1FB;font-size:17px;line-height:1.7;max-width:600px;margin:0 0 24px;text-align:left;
}
 
/* points */
.three-way-reconciliation.rentmanager .rm-points{list-style:none;padding:0;margin:0 0 32px;display:flex;flex-wrap:wrap;gap:10px}
.three-way-reconciliation.rentmanager .rm-points li{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 14px;border-radius:999px;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);
  color:#fff;font-size:14px;font-weight:600;
  transition:background .2s ease, transform .2s ease;
}
.three-way-reconciliation.rentmanager .rm-points li svg{color:#F3D13A;flex:0 0 12px}
.three-way-reconciliation.rentmanager .rm-points li:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}
 
/* buttons */
.three-way-reconciliation.rentmanager .rm-buttons{display:flex;flex-wrap:wrap;gap:14px}
.three-way-reconciliation.rentmanager .rm-buttons .btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:52px;padding:0 28px;border-radius:10px;
  font-size:16px;font-weight:700;letter-spacing:.2px;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
}
.three-way-reconciliation.rentmanager .btn-primary{
  background:#F3D13A;border:2px solid #F3D13A;color:#0B2E4A !important;
  box-shadow:0 10px 24px rgba(243,209,58,.28);
}
.three-way-reconciliation.rentmanager .btn-primary:hover,.three-way-reconciliation.rentmanager .btn-primary:focus{
  background:#FFE06A;border-color:#FFE06A;transform:translateY(-2px);box-shadow:0 14px 30px rgba(243,209,58,.38);
}
.three-way-reconciliation.rentmanager .btn-outline-rm{background:transparent;border:2px solid rgba(255,255,255,.6);color:#fff !important}
.three-way-reconciliation.rentmanager .btn-outline-rm:hover,.three-way-reconciliation.rentmanager .btn-outline-rm:focus{background:#fff;border-color:#fff;color:#1071B8 !important;transform:translateY(-2px)}
.three-way-reconciliation.rentmanager .btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
 
/* ===== tie-out card ===== */
.three-way-reconciliation.rentmanager .rm-card{
  position:relative;max-width:460px;margin:0 auto;
  background:#fff;color:#1B1D21;border-radius:20px;padding:24px;
  box-shadow:0 30px 60px rgba(4,28,52,.35);
  animation:rmUp .9s .2s ease both, rmFloat 6s 1.2s ease-in-out infinite;
}
.three-way-reconciliation.rentmanager .rm-radio{position:absolute;opacity:0;pointer-events:none}
.three-way-reconciliation.rentmanager .rm-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.three-way-reconciliation.rentmanager .rm-card-eyebrow{font-size:12px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;color:#5A6168}
 
/* RMO | RMX switch */
.three-way-reconciliation.rentmanager .rm-switch{position:relative;display:grid;grid-template-columns:1fr 1fr;background:#EAF3FC;border-radius:999px;padding:4px;min-width:170px}
.three-way-reconciliation.rentmanager .rm-switch label{
  position:relative;z-index:1;margin:0;text-align:center;cursor:pointer;
  padding:7px 12px;border-radius:999px;font-size:13px;font-weight:700;color:#1071B8;white-space:nowrap;
  transition:color .25s ease;
}
.three-way-reconciliation.rentmanager .rm-knob{
  position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);
  border-radius:999px;background:#0B2E4A;box-shadow:0 4px 10px rgba(11,46,74,.25);
  transition:transform .3s cubic-bezier(.3,1.3,.5,1);
}
.three-way-reconciliation.rentmanager #rm-rmo:checked ~ .rm-card-head label[for="rm-rmo"],
.three-way-reconciliation.rentmanager #rm-rmx:checked ~ .rm-card-head label[for="rm-rmx"]{color:#fff}
.three-way-reconciliation.rentmanager #rm-rmx:checked ~ .rm-card-head .rm-knob{transform:translateX(100%)}
.three-way-reconciliation.rentmanager #rm-rmo:focus-visible ~ .rm-card-head .rm-switch,
.three-way-reconciliation.rentmanager #rm-rmx:focus-visible ~ .rm-card-head .rm-switch{outline:3px solid #F3D13A;outline-offset:2px}
 
/* platform line */
.three-way-reconciliation.rentmanager .rm-platform{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.three-way-reconciliation.rentmanager .rm-p{font-size:16px;font-weight:800;color:#0B2E4A}
.three-way-reconciliation.rentmanager .rm-p-rmx{display:none}
.three-way-reconciliation.rentmanager #rm-rmx:checked ~ .rm-platform .rm-p-rmo{display:none}
.three-way-reconciliation.rentmanager #rm-rmx:checked ~ .rm-platform .rm-p-rmx{display:inline;animation:rmFade .35s ease}
.three-way-reconciliation.rentmanager .rm-status{
  display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;white-space:nowrap;
  background:#E6F5EC;color:#17733F;font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;
}
 
/* ledger rows */
.three-way-reconciliation.rentmanager .rm-row{
  display:grid;grid-template-columns:38px minmax(0,1fr) 70px 24px;align-items:center;gap:12px;
  padding:12px 14px;margin-bottom:10px;border-radius:12px;background:#F3F8FD;
  animation:rmUp .6s ease both;
}
.three-way-reconciliation.rentmanager .rm-row:nth-of-type(1){animation-delay:.5s}
.three-way-reconciliation.rentmanager .rm-row:nth-of-type(2){animation-delay:.7s}
.three-way-reconciliation.rentmanager .rm-row:nth-of-type(3){animation-delay:.9s}
.three-way-reconciliation.rentmanager .rm-ic{width:38px;height:38px;border-radius:10px;background:#E3F2FD;display:flex;align-items:center;justify-content:center}
.three-way-reconciliation.rentmanager .rm-txt{min-width:0;line-height:1.3}
.three-way-reconciliation.rentmanager .rm-txt b{display:block;font-size:14px;font-weight:700;color:#1B1D21}
.three-way-reconciliation.rentmanager .rm-txt small{display:block;font-size:12px;color:#5A6168}
.three-way-reconciliation.rentmanager .rm-bar{height:8px;border-radius:8px;background:#DCEAF4;overflow:hidden}
.three-way-reconciliation.rentmanager .rm-bar i{display:block;height:100%;background:#1071B8;border-radius:8px;transform-origin:left;animation:rmGrow 1s 1s ease both}
.three-way-reconciliation.rentmanager .rm-ok{width:24px;height:24px;border-radius:50%;background:#1F9D55;color:#fff;display:flex;align-items:center;justify-content:center;animation:rmPop .45s 1.6s cubic-bezier(.3,1.6,.5,1) both}
.three-way-reconciliation.rentmanager #rm-rmx:checked ~ .rm-row .rm-bar i{background:#F3B414;animation:rmGrow2 .8s ease both}
.three-way-reconciliation.rentmanager #rm-rmo:checked ~ .rm-row .rm-bar i{animation-name:rmGrow}
 
/* foot */
.three-way-reconciliation.rentmanager .rm-foot{
  display:flex;align-items:center;gap:12px;margin-top:14px;padding:14px 16px;border-radius:12px;
  background:#0B2E4A;color:#D6E4F1;font-size:14px;
}
.three-way-reconciliation.rentmanager .rm-foot b{color:#F3D13A}
.three-way-reconciliation.rentmanager .rm-seal{width:32px;height:32px;flex:0 0 32px;border-radius:50%;background:#F3D13A;color:#0B2E4A;display:flex;align-items:center;justify-content:center}
 
/* wave */
.three-way-reconciliation.rentmanager .rm-wave{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:60px;display:block}
 
/* motion */
.three-way-reconciliation.rentmanager .rm-content > *{animation:rmUp .7s ease both}
.three-way-reconciliation.rentmanager .rm-content > *:nth-child(2){animation-delay:.08s}
.three-way-reconciliation.rentmanager .rm-content > *:nth-child(3){animation-delay:.16s}
.three-way-reconciliation.rentmanager .rm-content > *:nth-child(4){animation-delay:.24s}
.three-way-reconciliation.rentmanager .rm-content > *:nth-child(5){animation-delay:.32s}
@keyframes rmUp{from{opacity:0;transform:translateY(18px)}}
@keyframes rmPop{from{opacity:0;transform:scale(.4)}}
@keyframes rmFade{from{opacity:0}}
@keyframes rmFloat{50%{transform:translateY(-8px)}}
@keyframes rmGrow{from{transform:scaleX(0)}}
@keyframes rmGrow2{from{transform:scaleX(0)}}
 
/* responsive */
@media (max-width:991.98px){
  .three-way-reconciliation.rentmanager{padding:64px 0 100px}
  .three-way-reconciliation.rentmanager .rm-content{text-align:center}
  .three-way-reconciliation.rentmanager .rm-title,.three-way-reconciliation.rentmanager .rm-lead{text-align:center;margin-left:auto;margin-right:auto}
  .three-way-reconciliation.rentmanager .rm-points,.three-way-reconciliation.rentmanager .rm-buttons{justify-content:center}
}
@media (max-width:575.98px){
  .three-way-reconciliation.rentmanager .rm-lead{font-size:16px}
  .three-way-reconciliation.rentmanager .rm-buttons .btn{width:100%}
  .three-way-reconciliation.rentmanager .rm-card{padding:18px}
  .three-way-reconciliation.rentmanager .rm-row{grid-template-columns:34px minmax(0,1fr) 24px}
  .three-way-reconciliation.rentmanager .rm-bar{display:none}
  .three-way-reconciliation.rentmanager .rm-ic{width:34px;height:34px}
  .three-way-reconciliation.rentmanager .rm-switch{min-width:0;width:100%}
}
@media (prefers-reduced-motion:reduce){
  .three-way-reconciliation.rentmanager *,.three-way-reconciliation.rentmanager .rm-card{animation:none !important;transition:none !important}
  .three-way-reconciliation.rentmanager .rm-underline{background-size:100% 4px}
}
.three-way-reconciliation.rentmanager .rm-content{padding:0;margin:0;max-width:none}
.three-way-reconciliation.rentmanager .rm-title span{display:block}
.three-way-reconciliation.rentmanager .rm-title .rm-underline{display:inline-block}
.three-way-reconciliation.rentmanager .btn-primary svg{transition:transform .2s ease}
.three-way-reconciliation.rentmanager .btn-primary:hover svg{transform:translateX(4px)}
.advantages,.consequences,.monthly-sop,.our-certification,.our-onboarding,.rent-process,.rent-user,.service-aps,.service-specific,.services-wrapped,section.pricing-purchase,section.rent-specialist,section.rollout,section.xero-standard {
  padding:40px 0
}
.rent-user .user-service {
  border:1px solid #000;
  padding:20px;
  border-radius:18px;
  height:auto;
  margin-bottom:30px
}
.rent-user .user-service .graph-img {
  position:absolute;
  border:0;
  width:80%;
  bottom:40px
}
.rent-user .user-service ul {
  padding-inline-start:20px
}
.pricing-purchase .price-item .price-top h2,.rent-user .user-service h3 {
  font-weight:700;
  font-size: 20px;
}
.rent-user .user-service:hover {
  box-shadow:0 0 0 0 rgb(18 111 181 / .15),0 0 22px 0 rgb(18 111 181 / .45);
  border:1px solid #126fb5;
  background-image:linear-gradient(131deg,rgb(18 111 181 / .058823529411764705),#fff0)
}
.rent-process .automate .icon,.user-service .icon {
  background:rgb(14 110 175 / .10196078431372549);
  text-align:center
}
.rent-user .user-service img {
  opacity:0;
  transform:translateY(20px);
  width:100%;
  transition:.4s
}
.rent-user .user-service:hover img {
  opacity:1;
  transform:translateY(0)
}
.user-service .icon {
  border-radius:11px;
  width:45px;
  height:45px;
  margin-bottom:21px;
  margin-right:10px
}
.rent-process .automate h3 {
  font-size: 20px;
  font-weight: 600;
}
.rent-process .automate .icon .fa {
  color:#084574;
  font-size:30px
}
.rent-process .automate .icon {
  padding:10px 0;
  border-radius:7px;
  width:50px;
  height:50px;
  margin-bottom:10px;
  margin-right:11px
}
.rent-process .automate {
  border:1px solid #000;
  border-radius:18px;
  padding:22px;
;
  height:100%
}
.rent-process .automate label {
  color:#000;
  font-weight:bolder;
  font-size:19px;
  margin-bottom:16px
}
.rent-process .automate .pera {
  margin-bottom:11px;
  color:#757575;
  font-weight:500;
  font-size:14px
}
.rent-process .automate:hover {
  background-image:linear-gradient(178deg,rgb(18 111 181 / .1411764705882353),rgb(243 209 58 / .1411764705882353),rgb(18 111 181 / .1411764705882353));
  border:1px solid #126fb5;
  transition:transform .9s,box-shadow .9s,background-color 4.4s
}
.rent-process .process-step .icon {
  width:70px;
  text-align:center;
  background:#126fb5;
  cursor:pointer;
  color:#fff;
  height:70px;
  border-radius:70px
}
.rent-process .process-step .icon .fa {
  font-size:26px;
  margin:23px 0
}
.rent-process .process-step hr {
  width:87%;
  border:3px solid #fff0;
  border-image:linear-gradient(178deg,#126fb5,#f3d13a,#126fb5) 1;
  border-radius:12px;
  position:relative;
  top:40px;
  left:70px
}
.process-step {
  margin-bottom:31px
}
.rent-process .process-step .icon:hover {
  background:#f9c300!important
}
.rollout .timeline {
  padding:41px 0;
  position:relative
}
.rollout .timeline-nodes {
  padding-bottom:25px;
  position:relative;
  padding-top:21px
}
.accounting-small-business .buttons .btn-primary,.exceptional-pricing .buttons .btn-primary,.quickbooks-accounts .buttons .btn-primary,.three-way-appfolio .buttons .btn-primary, .buttons .btn-primary,.three-way-trust .buttons .btn-primary,.timeline-content:hover~.timeline-image:before,.trust-accounting .dot.dot-blue {
  background:#D5AE00;color:#fff;
}
.timeline-label {
  position:absolute;
  left:50%;
  background:#fff;
  padding:3px 8px;
  border-radius:5px;
  font-size:12px;
  white-space:nowrap;
  opacity:0;
  visibility:hidden;
  transition:.3s;
  border:1px solid #126fb5;
  color:#126fb5;
  z-index:9
}
.timeline-content:hover~.timeline-image .timeline-label {
  opacity:1;
  visibility:visible;
  top:-61px
}
.rollout .timeline-nodes:nth-child(2n) {
  flex-direction:row-reverse
}
.rollout .timeline h3,.timeline p {
  padding:23px 15px
}
.rollout time.sub-head {
  background: #ffe263;
  color: #000;
  border:1px solid #f9c300;
  border-radius:20px;
  padding:3px 10px;
  font-weight:500
}
.rollout .timeline h3 {
  font-weight:600;
  font-size:24px;
  background:#126fb5
}
.rollout .icon {
  z-index: 9;
  position: relative;
  bottom: -2px;
  left: 0;
}
.rollout .timeline-content:hover {
  box-shadow:0 3px 25px 0 rgb(10 55 90 / .2)
}
.rollout .timeline:before {
  content:"";
  display:block;
  position:absolute;
  top:50px;
  left:50%;
  width:0;
  border-left:2px dashed #126fb5;
  height:76%;
  z-index:1
}
.rollout .timeline-content {
  border:1px solid #126fb5;
  position:relative;
  border-radius:0 0 10px 10px
}
.rollout .timeline-nodes:nth-child(2n) .timeline-date,.rollout .timeline-nodes:nth-child(odd) h3,.timeline-nodes:nth-child(odd) p {
  text-align:right
}
.playbook-step .content,.rollout .timeline-nodes:nth-child(odd) .timeline-date {
  text-align:left
}
.rollout .timeline-nodes:nth-child(odd) .timeline-content:after {
  content:"";
  position:absolute;
  top:5%;
  left:100%;
  width:0;
  border-left:10px solid #126fb5;
  border-top:10px solid #fff0;
  border-bottom:10px solid #fff0
}
.rollout .timeline-nodes:nth-child(2n) .timeline-content:after {
  content:"";
  position:absolute;
  top:5%;
  right:100%;
  width:0;
  border-right:10px solid #126fb5;
  border-top:10px solid #fff0;
  border-bottom:10px solid #fff0
}
.rollout .timeline-image svg {
  color:#126fb5;
  z-index:9;
  position:relative;
  font-size:1.9rem
}
.rollout .timeline-image:before {
  content:"";
  width:80px;
  height:80px;
  border:2px dashed #126fb5;
  border-radius:50%;
  display:block;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  background-color:#fff;
  z-index:1
}
.rollout .timeline-image img {
  position:relative;
  z-index:100
}
@media (max-width:767px) {
  .rollout .timeline-nodes:nth-child(2n) .timeline-date,.rollout .timeline-nodes:nth-child(odd) h3,.rollout .timeline-nodes:nth-child(odd) p {
    text-align:left
  }
  .rent {
    height:auto!important
  }
  .rent .rent-box {
    margin:10px auto!important
  }
  .rent .hero-content h1 {
    font-size:2.5rem!important
  }
  .rent-process .process-step .icon .fa {
    font-size:16px!important;
    margin:9px 0!important
  }
  .rent-process .process-step hr {
    top:37px!important;
    left:19px!important
  }
  .rent-process .process-step .icon {
    height:70px!important
  }
  .rollout .timeline-image .fa {
    margin-left:20px;
    font-size:19px!important
  }
  .easiest .content h6 {
    margin:23px 0!important
  }
  .easiest .content .btn.yellow {
    margin-bottom:20px!important
  }
  .easiest .content h4 {
    line-height:34px!important
  }
  .rollout .timeline-nodes:nth-child(2n) {
    flex-direction:row
  }
  .rollout .timeline:before {
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:4%;
    width:0;
    border-left:2px dashed #126fb5;
    height:100%;
    z-index:1;
    transform:translateX(-50%)
  }
  .rollout .timeline-content {
    margin-top:10px
  }
  .rollout .timeline h3 {
    font-size:1.7rem
  }
  .rollout .timeline p {
    font-size:14px
  }
  .rollout .timeline-image {
    position:absolute;
    left:0;
    top:60px
  }
  .rollout .timeline-nodes:nth-child(odd) .timeline-content:after {
    left:auto;
    border-left:0
  }
  .rollout .timeline-nodes:nth-child(2n) .timeline-content:after,.rollout .timeline-nodes:nth-child(odd) .timeline-content:after {
    content:"";
    position:absolute;
    top:5%;
    right:100%;
    width:0;
    border-right:10px solid #126fb5;
    border-top:10px solid #fff0;
    border-bottom:10px solid #fff0
  }
  .rollout .timeline-image:before {
    width:50px!important;
    height:50px!important;
    left: 30px;
    top: 26px;
  }
}
@media (max-width:575px) {
  .rollout .timeline:before {
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:6%
  }
  .rollout .timeline-image {
    position:absolute;
    left:-2%
  }
  .rollout .timeline-image:before {
    width:60px;
    height:60px
  }
}
.result .result-box {
  border:1px solid #ccc;
  border-radius:20px;
  height: 100%;
  text-align:center;
  padding:15px
}
.result .result-box .icon {
  font-size: 34px;
  width:60px;
  text-align:center;
  background:rgb(14 110 175 / .10196078431372549);
  color:#fff;
  height:60px;
  border-radius:70px
}
.result .result-box .icon .fa {
  font-size:32px;
  margin:12px 0;
  color:#126fb5
}
.result .result-box h4 {
  color:#126fb5;
  font-weight:900;
  font-size:18px;
  margin-top:10px
}
.result .result-box label {
  color:#f9c307;
  font-weight:600
}
.result .result-box h3 {
  font-weight:700;
  font-size:18px
}
.result .result-box h6 {
  color:#767676
}
.result .result-box:hover {
  box-shadow:0 0 7px 0 rgb(0 0 0 / .2),0 0 15px 0 rgb(0 0 0 / .19);
  background:radial-gradient(circle,rgb(18 111 181 / .14) 1%,rgb(214 168 2 / .06))
}
.events-slider-init .slick-next:before,.events-slider-init .slick-prev:before,.slick-next:before,.slick-prev:before,.software .cata-box .slick-next:before,.software .cata-box .slick-prev:before,.text-primary {
  color:#323232!important
}
.industry-focus p {
  font-size:16px;
  color:#333
}
.industry-focus .badge {
  font-size:11px;
  background:#f8f9fa
}
.industry-focus .card-body {
  font-size:13px
}
.industry-focus .shadow {
  box-shadow:0 .5rem 1rem rgb(0 0 0 / .15)!important;
  border:1px solid #ccc!important;
  border-radius:20px!important
}
.easiest {
  background: #EEF7FC;
  height:auto;
  padding:50px 0
}
.easiest .easiest-box {
  background: #fff;
  padding: 10px 0;
  border: 1px solid #ccc;
  border-radius: 11px;
  margin: 20px 0;
}
.easiest a.btn.white {
  padding:4px 8px;
  border-radius:3px;
  font-size:17px
}
.easiest .content h5 {
  font-size:1.4rem;
  color:#fff;
  margin:23px 0;
  border-bottom:1px solid #b6b1b1;
  padding-bottom:57px
}
.easiest .proven .easiest-box h2 {
  color:#f9c300;
  font-size:21px;
  font-weight:700
}
.rent-specialist .special-box h3 {
  font-size: 24px;
}
.rent-specialist .infographic-cards .special-box {
  list-style:none;
  height:100%;
  padding:13px 10px;
  background:#d7eeff;
  position:relative;
  background-image:linear-gradient(to bottom right,rgb(233 234 236 / .8549019607843137),#fff);
  filter:drop-shadow(10px 10px 10px rgb(0 0 0 / .25));
  box-shadow:inset 2px 2px 2px #fff,inset -1px -1px 1px rgb(0 0 0 / .25);
  text-align:center;
  border-radius:20px;
  border:10px solid #ccc;
  cursor:pointer;
  padding-bottom: 40px;
}
.accounting-services .migration:hover,.service-specific .faq-card:hover,.trust-accounting .mini-card:hover {
  box-shadow:0 5px 26px 0 rgb(18 110 181 / .38)
}
.rent-specialist .infographic-cards .special-box h3 {
  font-size:20px;
  font-weight:700;
  margin-bottom:15px
}
.rent-specialist .infographic-cards .special-box h4 {
  font-size:24px;
  font-weight:400;
  margin-bottom:0
}
.rent-specialist .infographic-cards .color-1:hover,.rent-specialist .infographic-cards .color-4:hover {
  border:10px solid
}
.rent-specialist .infographic-cards .color-2:hover {
  border:10px solid #ff000042
}
.rent-specialist .infographic-cards .color-3:hover {
  border:10px solid #6633994a
}
.rent-specialist .infographic-cards .color-5:hover {
  border:10px solid #2bff0042
}
.rent-specialist .infographic-cards .color-6:hover {
  border:10px solid #ffdd0042
}
.rent-specialist .infographic-cards .color-7:hover {
  border:10px solid #da00ff42
}
.rent-specialist .infographic-cards .special-box i {
  font-size:35px;
  margin-bottom:15px
}
.number-box {
  position:absolute;
  bottom:0;
  padding:15px;
  font-size:21px;
  border-radius:60px 60px 0 0;
  width:60px;
  height:50px;
  right:28%;
  box-shadow:inset .25em .25em .25em rgb(0 0 0 / .2),0 .05em #fff0;
  font-weight:800;
  color:#454545
}
.rent-specialist .infographic-cards .color-1:hover .number-box {
  background:#f90;
  color:#fff
}
.hotel-business .oval-sm:hover .step1,.rent-specialist .infographic-cards .color-2:hover .number-box,.service-aps .card1:hover {
  background:red;
  color:#fff
}
.rent-specialist .infographic-cards .color-3:hover .number-box {
  background:#639;
  color:#fff
}
.rent-specialist .infographic-cards .color-4:hover .number-box {
  background:#07f;
  color:#fff
}
.rent-specialist .infographic-cards .color-5:hover .number-box {
  background:#1fb800;
  color:#fff
}
.rent-specialist .infographic-cards .color-6:hover .number-box {
  background:#ecd234;
  color:#fff
}
.rent-specialist .infographic-cards .color-7:hover .number-box {
  background:#ba45ce;
  color:#fff
}
@media screen and (max-width:991px) {
  .rent-specialist .infographic-cards .special-box {
    flex:0 0 auto;
  }
}
@media screen and (max-width:578px) {
  .rent-specialist .infographic-cards .special-box {
    width:100%
  }
}
section.affordable {
  padding:40px 0;
  background: #1071B8;
}
.btn-warning {
  font-weight:600;
  border-radius:6px;
  background:unset;
  border:1px solid #abaaa6;
  color:#126fb5
}
.affordable .main-title strong {
    color: #f3d13a;
}
.interactive,.sub-title {
  background-image:linear-gradient(135deg,#f6f8f9,#fefcf6);
  padding:20px 0
}
.btn-warning:hover {
  background:#f3d13a;
  color:#000
}
.affordable .badge-top,.voyager-breeze .badge-top {
  display:inline-block;
  padding:6px 14px;
  border-radius:20px;
  background:#fff;
  font-size:14px;
  color:#126fb5;
  border:1px solid #d1d5db;
  font-weight:500;
  margin-bottom:20px
}
.affordable .main-title {
  font-size:4.5rem;
  text-align:center;
  font-weight:700;
  color:#fff
}
.affordable .subtitle {
  color:#fff;
  margin:30px auto;
  font-size:19px;
  line-height:36px;
  font-weight:500
}
.affordable .btn-custom {
  padding:12px 24px;
  font-weight:600;
  border-radius:6px;
  font-size:16px
}
.affordable .info-icons {
  color:#fff;
  font-size:14px
}
.affordable .info-icons i {
  margin-right:5px
}
.advantages .result-box {
  height:239px
}
.interactive,.playbook-step .step-box,.sub-title,section.xero-standard .card {
  transition:transform .3s
}
.advantages .result-box h3 {
  font-weight:bold;
  font-size:20px
}
.advantages .result-box:hover {
  transform:translateY(-5px)
}
.sub-title .pera {
  font-size:14px;
  line-height:22px
}
.sub-title .fa {
  color:#084574;
  font-size:46px;
  margin-bottom:15px
}
.sub-title {
  border:1px solid #d3d0d0;
  border-radius:11px;
  margin-top:30px
}
.interactive:hover,.sub-title:hover {
  transform:translateY(-5px);
  box-shadow:0 4px 14px rgb(15 17 18 / .25098039215686274)
}
section.playbook-step .tab-pane {
  padding:20px 30px;
  color:#495057;
  background-color:#fff;
  border:1px solid #d7d8d9
}
.playbook-step .step-nav {
  align-items:center
}
.playbook-step .tab-pane {
  background:#fff;
  padding:20px 30px
}
.playbook-step .step-item {
  text-align:center;
  margin:10px 0;
  cursor:pointer
}
.playbook-step .step-number {
  width:36px;
  margin-right:14px;
  height:36px;
  border-radius:50%;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  font-weight:700;
  background-color:#e5e7eb;
  color:#6b7280
}
section.playbook-step {
  padding:40px 0;
  background:#f6fafc
}
.playbook-step .icon1,.step-item.step-1 .step-number {
  background-color:#e53935;
  color:#fff
}
.playbook-step .icon2,.step-item.step-2 .step-number {
  background-color:#fb8c00;
  color:#fff
}
.playbook-step .icon3,.step-item.step-3 .step-number {
  background-color:#43a047;
  color:#fff
}
.playbook-step .icon4,.step-item.step-4 .step-number {
  background-color:#1e88e5;
  color:#fff
}
.step-item.nav-link:not(.active):hover .step-number {
  filter:brightness(.9)
}
.playbook-step .step-item .step-label {
  font-size:14px;
  font-weight:600;
  margin-top:6px;
  color:#374151
}
.playbook-step .step-item .step-desc {
  font-size:16px;
  color:#000
		font-weight: 700;
}
.playbook-step .step-arrow {
  font-size:20px;
  color:#9ca3af;
  margin:0 10px
}
.playbook-step .step-box {
  background-color:#fff;
  border-radius:8px;
  box-shadow:0 0 10px rgb(0 0 0 / .05);
  padding:30px;
  border:1px solid #ccc
}
.playbook-step .step-box:hover,section.xero-standard .card:hover {
  transform:translateY(-5px);
  box-shadow:0 5px 26px 0 rgb(18 110 181 / .38)
}
.playbook-step .step-icon-circle {
  width:50px;
  height:50px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  margin-bottom:10px
}
.playbook-step .check-list {
  list-style:none;
  padding-left:0
}
.playbook-step .check-list li {
  margin-bottom:10px;
  font-size:15px
}
.playbook-step .check-list li .fa {
  color:#10b981
}
.playbook-step .check-list li i {
  margin-right:8px
}
section.xero-standard .card.bg-warning.text-dark.text-center.p-3.shadow-sm {
  background:#f9f7ea!important;
  padding:30px 20px!important;
  position:sticky;
  top:0
}
section.xero-standard .btn.yellow {
  font-size:14px;
  font-weight:600
}
section.xero-standard .interactive {
  background:#f4f7fa
}
section.xero-standard .bg-primary.text-white.p-3.rounded.h-100.text-center {
  background:#e3ebf0!important;
  color:#000!important;
  border:1px solid #dfdfdf;
  border-radius:7px!important
}
section.xero-standard .bg-light.p-3.rounded.h-100.text-center {
  background:#fff!important;
  border:1px solid #dfdfdf;
  border-radius:7px!important
}
.btn-warning {
  font-size:13px;
  padding:8px 20px
}
.commonly-implement {
  background:#f6fafc;
  padding:40px 0
}
.commonly-implement .badge-top {
  display:inline-block;
  padding:6px 14px;
  border-radius:20px;
  background:#fff;
  font-size:14px;
  color:#000;
  border:1px solid #f3d13a;
  font-weight:500;
  margin-bottom:20px
}
.commonly-implement .pera {
  font-size:15px;
  margin-top:31px
}
.rotate {
  animation:8s linear infinite rotate
}
@keyframes rotate {
  0% {
    transform:rotate(0)
  }
  to {
    transform:rotate(1turn)
  }
}
.commonly-implement .gear-center i {
  color:#fff;
  font-size:30px
}
.commonly-implement .arrow {
  font-size:18px;
  color:#555
}
.commonly-implement .item-icon {
  font-size:20px;
  margin-right:10px;
  color:#333
}
.commonly-implement .item {
  display:flex;
  align-items:center;
  margin-bottom:46px;
  will-change:transform;
  overflow:visible
}
.commonly-implement .left-text,.right-text {
  color:#fff;
  padding:8px 13px;
  font-size:17px;
  margin-top:11px;
  border-radius:11px;
  border:unset
}
.commonly-implement .item hr {
  width:40px;
  border:2px solid #000;
  position:relative;
  top:0
}
.commonly-implement .arrow .fa.fa-arrow-right {
  position:relative;
  top:20px
}
.commonly-implement .arrow .fa.fa-arrow-left {
  position:relative;
  top:20px;
  left:0
}
.our-onboarding .cta-box {
  background-color:#1769ae;
  border-radius:15px;
  padding:40px 20px;
  text-align:center;
  color:#fff
}
.our-onboarding .cta-button {
  background-color:#ffd43b;
  color:#000;
  font-weight:600;
  border:none;
  padding:10px 25px;
  border-radius:8px;
  margin-top:20px;
  display:inline-flex;
  align-items:center
}
.our-onboarding .cta-button:hover {
  background-color:#e6be2e;
  color:#000;
  text-decoration:none
}
.certification-section {
  padding:40px 0;
  text-align:center;
  background:#f6fafc
}
.certification-section .certification-badge {
  max-width:437px
}
.why-section {
  background:linear-gradient(210deg,#b3d3eb,#fdf3d0 35%,#b3d3eb);
  padding:64px 0 88px;
  color:#1f2937
}
.why-section h2 {
  font-weight:700;
  letter-spacing:.2px
}
.why-subtitle {
  color:#5b6b7c;
  font-size:1.1rem;
  margin-bottom:28px
}
.service-specific .faq-btn:hover .faq-question,.stat-chip {
  color:#1f2937
}
.chip-row {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  margin:0 -6px
}
.gradient-pill,.stat-chip {
  display:inline-flex;
  align-items:center
}
.stat-chip {
  margin:6px;
  padding:10px 16px;
  border-radius:9999px;
  background:#eaf3ff;
  font-weight:600;
  line-height:1.2;
  border:1px solid;
  box-shadow:0 6px 16px rgb(16 24 40 / .06);
  transition:transform .25s,box-shadow .25s,background .25s;
  animation:6.5s ease-in-out infinite float-y;
  will-change:transform;
  animation-delay:var(--delay, 0s)
}
.stat-chip.chip-green {
  background:#e7f7ef
}
.stat-chip.chip-blue {
  background:#eaf3ff
}
.stat-chip.chip-indigo {
  background:#e8edff
}
.stat-chip i {
  font-size:.95rem;
  margin-right:10px;
  opacity:.9
}
.stat-chip:hover {
  transform:translateY(-3px) scale(1.02);
  box-shadow:0 10px 22px rgb(16 24 40 / .12);
  background:#fff
}
@keyframes float-y {
  0%,to {
    transform:translateY(0)
  }
  50% {
    transform:translateY(-6px)
  }
}
.gradient-pill {
  justify-content:center;
  padding:14px 22px;
  border-radius:9999px;
  background:linear-gradient(90deg,#3c8dbc,#5fa5b6 35%,#8bbf6d 70%,#e6c338);
  color:#fff;
  font-weight:700;
  box-shadow:0 10px 30px rgb(60 141 188 / .25);
  margin-top:28px;
  letter-spacing:.2px;
  text-align:center;
  white-space:normal
}
.trust-accounting {
     background: #1071B8;
  height:auto;
  display:flex;
  align-items:center;
  padding:40px 0
}
.trust-accounting .hero-paper {
  position:absolute;
  left:50%;
  top:44%;
  width:760px;
  height:420px;
  z-index:0;
  transform:translate(-50%,-50%) rotate(-8deg);
  background:#fff;
  border-radius:8px;
  opacity:.45;
  box-shadow:0 40px 80px rgb(16 24 40 / .15);
  display:none
}
@media (min-width:992px) {
  .why-subtitle {
    font-size:1.15rem
  }
  .stat-chip {
    padding:12px 18px
  }
  .hero-paper {
    display:block
  }
}
.trust-accounting .dot {
  position:absolute;
  border-radius:50%;
  opacity:.35;
  z-index:0
}
.trust-accounting .dot.dot-gold {
  background:#f1c40f
}
.trust-accounting .dot-1 {
  width:64px;
  height:64px;
  left:3%;
  top:18%
}
.trust-accounting .dot-2 {
  width:44px;
  height:44px;
  right:6%;
  top:22%
}
.trust-accounting .month-end {
  position:relative;
  z-index:2;
  padding:110px 0 70px
}
.trust-accounting .chip-badge {
  display:inline-flex;
  align-items:center;
  padding:6px 14px;
  border-radius:9999px;
  background:#fff;
  color:#57708f;
  font-weight:600;
  box-shadow:0 8px 22px rgb(16 24 40 / .08)
}
.trust-accounting .chip-badge i {
  color:#f2c94c;
  margin-right:8px
}
.trust-accounting .hero-title {
  font-weight:800;
  line-height:1.4;
  letter-spacing:.2px;
  font-size:5rem;
  margin-top:16px;
  margin-bottom:18px
}
@media (min-width:768px) {
  .hero-title {
    font-size:64px
  }
}
@media (min-width:1200px) {
  .hero-title {
    font-size:76px
  }
}
.trust-accounting .hero-title .accent-blue {
  background:linear-gradient(135deg, #ffffff, #ffffff 50%, #f2d636);
  background-clip:text;
  -webkit-text-fill-color:#fff0;
  color:#fff0;
  display:inline-block
}
.trust-accounting .hero-title .accent-blue2 {
  font-weight:700;
  color:#6e5a3e;
  font-family:Playfair Display,Georgia,serif;
  font-size:2.75rem
}
.trust-accounting .hero-sub {
  font-size:2.08rem;
  color:var(--muted);
  max-width:920px
}
.trust-accounting .hero-sub b {
  color:var(--brand-blue);
  font-weight:700
}
.trust-accounting .hero-sub .highlight {
  color:#d7a21b;
  font-weight:700
}
.trust-accounting .btn-primary {
  background:#f1c40f;
  border-color:#f1c40f;
  color:#1f2a44;
  font-weight:700;
  padding:.8rem 1.25rem;
  border-radius:12px;
  box-shadow:0 14px 24px rgb(241 196 15 / .25)
}
.trust-accounting .btn-primary:hover {
  filter:brightness(.95)
}
.trust-accounting .btn-outline-brand {
  border:2px solid #2e6db9;
  color:#2e6db9;
  font-weight:700;
  padding:.76rem 1.25rem;
  border-radius:14px;
  background:#fff
}
.trust-accounting .btn-outline-brand:hover {
  background:#2e6db9;
  color:#fff
}
.trust-accounting .mini-cards {
  margin-top:32px
}
.trust-accounting .mini-card {
  border-radius:10px;
  padding:18px;
  text-align:center;
  box-shadow:0 10px 24px rgb(16 24 40 / .06);
  transition:transform .3s;
  height:100%;
  background:#fff;
  border:1px solid #126fb5
}
.trust-accounting .mini-card:hover {
  transform:translateY(-5px);
  background-image:linear-gradient(178deg,rgb(18 111 181 / .1411764705882353),rgb(18 111 181 / .0784313725490196),rgb(18 111 181 / .1411764705882353))
}
.trust-accounting .mini-card i {
  font-size:3rem;
  color:#4991d3
}
.trust-accounting .mini-card .title {
  font-weight:700;
  color:#41546d;
  font-size:1.8rem;
  margin-top:6px
}
@media (max-width:991px) {
  .hero {
    text-align: center;
    padding-top: 20px;
    height: auto;
    margin-top: 0;
    background: #1969a4;
    margin-bottom: 20px;
    padding-bottom: 30px;
  }
  .hero .hero-content h1 {
    font-size:36px
  }
  .hero .hero-content h2 span {
    font-size:26px
  }
  .hero .hero-content p {
    font-size:16px
  }
  .btn.yellow {
    margin:10px 0
  }
}
.budgeting-report {
  background:#1071B8;
  display:flex;
  align-items:center
}
.budgeting-report .content h2 label {
  text-shadow:none!important
}
.budgeting-report .fiance-box {
  background:hsl(0 0% 100% / .8784313725490196)!important
}
.budgeting-report .fiance-box h6 {
  color:#616060
}
.rent-process .automate .content span {
  font-size:15px;
  margin:0 10px;
  border:1px solid #126fb5;
  color:#126fb5;
  border-radius:20px;
  padding:5px 10px;
  background:#eef5ff
}
.quickBooks {
  background:#1071B8;
  text-align:center;
  height:70vh;
  display:flex;
  align-items:center
}
.quickBooks .info-icons .mx-3 {
  border:1px solid #000;
  padding:4px 20px;
  border-radius:30px;
  background:#f3d13a;
  color:#000
}
.accounting-services {
  padding:80px 0
}
.accounting-services .migration .icon,.essential-quickBooks .migration .icon {
  background:#e6f0f6;
  width:60px;
  height:60px;
  border-radius:10px;
  padding:7px;
  font-size:28px;
  color:#206c92
}
.accounting-services .migration ul {
  padding:0;
  list-style:none
}
.accounting-services .migration li {
  font-size:1.4rem;
  margin:18px 0;
  color:#5b5555
}
.accounting-services .migration li .fa {
  margin-right:10px;
  color:#d5ae00
}
.accounting-services .migration {
  border:1px solid;
  padding:10px;
  border-radius:10px;
  box-shadow:0 4px 8px 0 transparent,0 6px 20px 0 rgb(0 0 0 / .15);
  height:100%;
  transition:.3s
}
.accounting-services .migration h5 {
  font-weight:700;
  font-size:21px;
  margin-top:16px
}
.service-specific .faq-card {
  border:1px solid #cdd3db;
  border-radius:10px;
  padding:18px 18px 6px;
  background:#fff;
  margin-bottom:31px;
}
.service-specific .faq-card__head {
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:10px
}
.service-specific .faq-card__icon {
  width:60px;
  height:60px;
  border-radius:10px;
  background:#eef4ff;
  display:inline-grid;
  place-items:center;
  font-size:36px;
  color:#2b6ef5
}
.service-specific .faq-card__title {
  font-size:21px;
  font-weight:700;
  margin:0;
  color:#0f172a
}
.service-specific .faq-item {
  border-top:1px solid #f0f2f5
}
.service-specific .faq-item:first-of-type {
  border-top:0
}
.service-specific .faq-btn {
  width:100%;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:12px;
  padding:14px 4px;
  background:0 0;
  border:0;
  cursor:pointer
}
.service-specific .faq-num {
  width:24px;
  height:24px;
  border-radius:999px;
  background:#eef2ff;
  color:#2b6ef5;
  display:inline-grid;
  place-items:center;
  font-weight:600;
  font-size:15px
}
.service-specific .faq-question {
  text-align:left;
  font-size:15px;
  color:#0b1324;
  font-weight:600
}
.service-specific .faq-chevron {
  width:8px;
  height:8px;
  border-right:2px solid #6b7280;
  border-bottom:2px solid #6b7280;
  transform:rotate(-45deg);
  transition:transform .2s
}
.service-specific .faq-btn[aria-expanded=true] .faq-chevron {
  transform:rotate(135deg)
}
.service-specific .faq-panel {
  padding:0 40px 14px;
  color:#475569;
  font-size:15px;
  line-height:1.6
}
.service-specific .faq-btn:focus-visible {
  outline:#93c5fd solid 2px;
  outline-offset:2px;
  border-radius:8px
}
.profitability .hard ul.list-unstyled.m-0.features {
  position:absolute;
  top:0;
  right:0;
  width:30%
}
.profitability .hard ul.list-unstyled.m-0.features .feature {
  margin:71px 0
}
.features .feature {
  opacity:1;
  transform:none
}
.account-payable {
  background:url(https://www.outsourcedbookeeping.com/wp-content/uploads/2026/03/ai-accounting.png) center center/cover no-repeat;
  height:auto;
  padding: 9% 0;
  align-content: center;
}
.account-payable .content h4,.account-recievable .content h4 {
  font-size:4.75rem;
  font-weight:700;
  line-height:53px;
  margin-top:30px;
  color:#000
}
.account-payable .content h4 label,.account-recievable .content h4 label {
  color:#c79c00
}
.account-payable .content,.account-recievable .content {
  text-align:left!important
}
section.software {
  padding-bottom:42px
}
.software .cata-box {
  border-radius:16px;
  padding:30px 20px;
  text-align:center;
  color:#000;
  background:#fff;
  box-shadow:inset 8px 8px 16px #3ba3f1,inset -8px -8px 16px #3ba3f1;
  transition:transform .3s;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  height:16vh;
  margin:10px
}
.software .cata-box img {
  width:83%
}
.neo-section {
  padding:48px 0;
  background:#f1fcff
}
.neo-card {
  position:relative;
  background:var(--bg);
  border-radius:15px;
  padding:34px 24px;
  box-shadow:18px 18px 36px rgb(170 174 185 / .55),-18px -18px 36px rgb(255 255 255 / .95)
}
.neo-card::before {
  content:"";
  position:absolute;
  inset:12px;
  border-radius:var(--inner-radius);
  background:linear-gradient(145deg,#f7f8fc,#dde1ea);
  box-shadow:inset 8px 8px 16px rgb(170 174 185 / .35),inset -8px -8px 16px rgb(255 255 255 / .85);
  pointer-events:none
}
.neo-content {
  position:relative;
  z-index:1;
  text-align:center;
  margin-top:10px
}
.neo-title {
  font-weight:800;
  letter-spacing:.3px;
  text-transform:uppercase;
  color:var(--text-dark);
  font-size:18px;
  margin-bottom:.5rem;
  margin-top:38px
}
.neo-text {
  color:var(--text-muted);
  font-size:19px;
  line-height:1.35;
  margin:0 auto;
  max-width:210px
}
.social-badge {
  position:absolute;
  top:0;
  left:0;
  background:#fff;
  width:70px;
  height:70px;
  border-radius:50%;
  display:grid;
  place-items:center;
  box-shadow:0 1px 11px rgb(170 174 185 / .55),0 0 3px #126fb570;
  z-index:2
}
.social-badge::before {
  content:"";
  position:unset;
  border-radius:50%;
  background:#fff;
  box-shadow:inset 4px 4px 8px rgb(170 174 185 / .35),inset -4px -4px 8px rgb(255 255 255 / .9)
}
.social-badge i {
  position:relative;
  z-index:1;
  font-size:22px
}
.neo-card:hover .icon1 {
  background:conic-gradient(from 210deg,#f09433)
}
.neo-card:hover .icon2 {
  background:conic-gradient(from 210deg,#04e704)
}
.neo-card:hover .icon3 {
  background:conic-gradient(from 210deg,#2600fc)
}
.neo-card:hover .icon4 {
  background:conic-gradient(from 210deg,#ee00da)
}
.neo-card:hover .icon5 {
  background:conic-gradient(from 210deg,red)
}
.neo-card:hover .icon6 {
  background:conic-gradient(from 210deg,#33f0f0)
}
@media (max-width:575.98px) {
  .table-responsive-sm {
    overflow-x:auto;
    -webkit-overflow-scrolling:touch
  }
  .neo-card {
    margin-top:18px
  }
}
.artificial-intelligence {
  padding:56px 0;
  background:#f8f9f8
}
.artificial-intelligence .hero-media img {
  width:100%;
  border-radius:18px;
  display:block
}
.artificial-intelligence .hero-kicker {
  letter-spacing:.02em;
  font-weight:800;
  color:#1f2d3a
}
.artificial-intelligence .hero-kicker .brand {
  color:#3182bf
}
.artificial-intelligence .hero-lead {
  color:var(--muted);
  font-size:1.02rem;
  line-height:1.7
}
.artificial-intelligence .checklist {
  margin:18px 0 8px
}
.artificial-intelligence .checklist li {
  margin-bottom:16px;
  color:#233242;
  font-size:1rem
}
.artificial-intelligence .checklist .tick {
  width:28px;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-right:12px;
  color:#f6b500;
  font-size:1rem
}
.artificial-intelligence .btn-pill {
  border-radius:12px;
  padding:.7rem 1.4rem;
  font-weight:600
}
.shift-account .hero-eyebrow,.weekly-account .eyebrow {
  letter-spacing:.12em;
  font-weight:700
}
.artificial-intelligence .btn-brand {
  background:var(--brand);
  border-color:var(--brand)
}
.artificial-intelligence .btn-brand:hover {
  background:#0c5f92;
  border-color:#0c5f92
}
.artificial-intelligence .btn-soft {
  background:var(--soft);
  border:1px solid #e2e7ec;
  color:#495862
}
.artificial-intelligence .btn-soft:hover {
  background:#f9c300;
  color:#2d3b45
}
@media (max-width:991.98px) {
  .table-responsive-lg {
    overflow-x:auto;
    -webkit-overflow-scrolling:touch
  }
  .artificial-intelligence .hero {
    padding-top:36px
  }
  .artificial-intelligence .hero-media {
    margin-bottom:24px
  }
  .profitability .hard ul.list-unstyled.m-0.features .feature {
    margin:30px 0!important
  }
}
.weekly-account .text-gradient {
  background:linear-gradient(90deg,#126fb5,#ffd449);
  -webkit-background-clip:text;
  background-clip:text;
  color:#fff0
}
.weekly-account .display-4 {
  font-size:40px;
  line-height:50px
}
.weekly-account .feature-card {
  position:relative;
  border-radius:20px;
  padding:20px;
  box-shadow:0 12px 30px rgb(0 0 0 / .08);
  transition:transform .25s,box-shadow .25s,background-position .45s;
  will-change:transform,box-shadow,background-position;
  background-size:140% 140%
}
.weekly-account .feature-card:hover {
  transform:translateY(-8px);
  box-shadow:0 18px 40px rgb(0 0 0 / .18)
}
.weekly-account .feature-card .badge-icon {
  width:66px;
  height:66px;
  border-radius:50%;
  background:#00000073;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:transform .25s,filter .25s,background-color .25s;
  font-size:37px
}
.weekly-account .feature-card:hover .badge-icon {
  transform:translateY(-2px) scale(1.07);
  filter:drop-shadow(0 6px 10px rgb(0 0 0 / .18))
}
.weekly-account .feature-card::after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  transform:translateX(-120%);
  transition:transform 1s cubic-bezier(.2, .6, .2, 1)
}
.weekly-account .feature-card:hover::after {
  transform:translateX(120%);
  background:linear-gradient(120deg,transparent 0,rgb(255 255 255 / .35) 35%,transparent 70%)
}
.weekly-account .fc-blue {
  background:linear-gradient(90deg,#1370b4,#126fb5);
  color:#fff
}
.weekly-account .fc-yellow {
  background:linear-gradient(90deg,#f7d24a,#efc12b);
  color:#000
}
.hotel-business .oval-sm,.hotel-business .oval-sm .icon {
  color:#6c7587;
  transition:250ms ease-in-out;
  box-shadow:8px 8px 12px -2px rgb(72 79 96 / .4),-6px -6px 12px -1px #fff
}
.account-recievable {
  background:url(https://www.outsourcedbookeeping.com/wp-content/uploads/2026/03/account-payable-scaled.png) center center/cover no-repeat;
  height:100vh;
  display:flex;
  align-items:center;
  padding:40px 0;
}
.hotel-business {
  background-color:#ebecf0;
  padding:40px 0
}
.hotel-business .oval-sm {
  border:3px solid #fff0;
  background-color:#ebecf0;
  border-radius:19px;
  padding:10px;
  margin-bottom:20px;
  cursor:pointer
}
.platform-guides .btn-guide svg,.small-business .hex {
  transition:transform .2s
}
.hotel-business .oval-sm .content h3 {
  font-size:23px;
  font-weight:bolder;
  color:#000
}
.hotel-business .oval-sm .content p.pera {
  color:#393939;
  font-size:15px;
  line-height:23px;
  margin:0;
  font-weight:400
}
.hotel-business .oval-sm .icon {
  border:3px solid #fff0;
  background-color:#ebecf0;
  border-radius:60px;
  padding:0 19px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:29px;
  font-weight:600;
  margin-right:18px
}
.hotel-business .oval-sm:hover .step2,.service-aps .card2:hover {
  background:#0ea301;
  color:#fff
}
.hotel-business .oval-sm:hover .step3,.service-aps .card3:hover {
  background:#027fd3;
  color:#fff
}
.hotel-business .oval-sm:hover .step4,.service-aps .card4:hover {
  background:#8400ff;
  color:#fff
}
.hotel-business .service1:hover {
  border-color:red
}
.hotel-business .service2:hover {
  border-color:#0ea301
}
.hotel-business .service3:hover {
  border-color:#027fd3
}
.hotel-business .service4:hover {
  border-color:#8400ff
}
.shift-account {
  position:relative;
  padding:40px 0;
  background:radial-gradient(1300px 600px at 22% 58%,#fffceb 0,#e9f6ff 48%,#fffefa 52%),#edd966
}
.shift-account .hero-eyebrow {
  display:inline-block;
  padding:.45rem .9rem;
  border-radius:999px;
  font-size:.75rem;
  text-transform:uppercase;
  color:#fff;
  background:linear-gradient(90deg,var(--blue-2),var(--teal));
  box-shadow:0 4px 14px rgb(56 160 207 / .25)
}
.shift-account .hero-title {
  color:var(--ink);
  font-weight:800;
  line-height:1.12;
  letter-spacing:-.02em;
  margin:18px 0;
  font-size:4.875rem
}
.shift-account .list-check {
  list-style:none;
  padding:0;
  margin:1rem 0 1.75rem
}
.shift-account .list-check li {
  position:relative;
  padding-left:2rem;
  margin:1rem 0
}
.shift-account .list-check .fa {
  position:absolute;
  left:0;
  top:.15rem;
  width:1.35rem;
  height:1.35rem;
  line-height:1.35rem;
  text-align:center;
  font-weight:700;
  color:#2b7cc2;
  background:radial-gradient(circle at 40% 35%,#ffe493,var(--gold));
  border-radius:50%;
  box-shadow:0 2px 6px rgb(0 0 0 / .12)
}
.shift-account .hero-media.zoom-rotate {
  overflow:hidden;
  border-radius:1.25rem
}
.shift-account .grad-bluegreen,.shift-account .grad-greenyellow {
  background:linear-gradient(90deg,#2a7fc4,#f3dc63);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:#fff0
}
.shift-account .hero-media.zoom-rotate img {
  display:block;
  width:100%;
  height:auto;
  transform:scale(1) rotate(0);
  transition:transform .6s cubic-bezier(.2, .8, .2, 1);
  will-change:transform
}
.faultless .hero-media.zoom-rotate:hover img,.shift-account .hero-media.zoom-rotate:hover img {
  transform:scale(1.1) rotate(3deg)
}
@media (prefers-reduced-motion:reduce) {
  .shift-account .hero-media.zoom-rotate img {
    transition:none
  }
}
.restaurant-chains {
  padding:40px 0;
  background:#ecf0f3
}
.restaurant-chains .chain-box {
  background:#ecf0f3;
  font-size:14px;
  border-radius:20px;
  box-shadow:inset 6px 6px 6px #cbced1,inset -6px -6px 6px #fff;
  padding:20px;
  height: 100%;
  text-align:center;
}
.restaurant-chains .chain-box .icon {
  margin:auto;
  border-radius:50%;
  box-sizing:border-box;
  box-shadow:7px 7px 10px #cbced1,-7px -7px 10px #fff;
  width:70px;
  height:70px;
  display:flex;
  justify-content:center;
  font-size:34px;
  align-items:center;
  color:#1da1f2
}
.restaurant-chains .chain-box:hover,.service-aps .h-100 {
  box-shadow:8px 8px 12px -2px rgb(72 79 96 / .4),-6px -6px 12px -1px #fff
}
.restaurant-chains .chain-box h3 {
  font-size:2.4rem;
  margin-top:20px;
  font-weight:700
}
.restaurant-chains .chain-box .pera {
  font-size:17px;
  margin-bottom:0
}
.service-aps .h-100 {
  border-radius:20px;
  cursor:pointer
}
.landscaping-trimming {
  padding:40px 0;
  background:url(../img/trimming.png) center center/cover no-repeat;
  height:89vh;
  display:flex;
  align-items:center
}
.landscaping-trimming .content h4 {
  font-size:3.25rem;
  font-weight:700;
  line-height:57px
}
.landscaping-trimming .content h4 label {
  color:#0267b3
}
.tax {
  padding:40px 0;
  position:relative;
  background:url(https://www.outsourcedbookeeping.com/wp-content/uploads/2025/12/tax.jpg) center center/cover no-repeat;
  height:75vh;
  background-position-x:right;
}
.tax .content h1 {
  font-size:4.5rem;
  font-weight:700
}
.faultless .content h4 {
  font-size:30px;
  font-weight:700;
  line-height:42px
}
.faultless .hero-media.zoom-rotate img {
  display:block;
  width:100%;
  height:auto;
  transform:scale(1) rotate(0);
  transition:transform .6s cubic-bezier(.2, .8, .2, 1);
  will-change:transform;
  border-radius:20px
}
.consequences .box .faq-card__icon {
  background:#fff;
  border:1px solid #ccc;
  font-size:25px;
  border-radius:140px;
  padding:6px
}
.consequences .box {
  border:1px solid #ccc;
  padding:10px;
  border-radius:12px;
  height:136px;
  margin-bottom:30px;
  gap:11px
}
.consequences .box:hover {
  background:linear-gradient(to right,#e7f5ff,#f9f3d8);
  border:1px solid #000
}
.consequences .box h6 {
  font-size:1.2rem
}
.small-business {
  padding:40px 0;
  background:url(https://www.outsourcedbookeeping.com/wp-content/uploads/2025/08/properties-back.jpg) center center/cover no-repeat
}
.small-business .ring-inner {
  position:relative;
  width:760px;
  height:760px;
  max-width:100%;
  margin:auto
}
.small-business .center-hex,.small-business .center-wrap,.small-business .hex {
  position:absolute;
  clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0% 50%);
  background:#fff
}
.small-business .hex:hover {
  transform:translateY(-10px);
  background:linear-gradient(to right,#c6e7ff,#ffee9f)
}
.small-business .hex {
  width:264px;
  height:264px;
  border:2px solid #1f4b3e;
  border-radius:16px;
  box-shadow:0 1px 0 rgb(16 24 40 / .03);
  cursor:pointer;
  outline:0;
  display:grid;
  place-items:center;
  text-align:center;
  padding:0 22px;
  color:#0b1320;
  line-height:1.25;
  font-weight:600;
  font-size:25px
}
.small-business .hex-0 {
  left:240px;
  top:-28px
}
.small-business .hex-1 {
  left:459px;
  top:101px
}
.small-business .hex-2 {
  left:463px;
  top:366px
}
.small-business .hex-3 {
  left:236px;
  top:494px
}
.small-business .hex-4 {
  left:13px;
  top:360px
}
.small-business .hex-5 {
  left:18px;
  top:102px
}
.small-business .center-wrap {
  left:49%;
  top:50%;
  transform:translate(-50%,-55%);
  width:277px;
  height:273px;
  z-index:1;
  display:flex;
  justify-content:center;
  align-items:center
}
.real-operator .icon,.start-supporting .hex-icon {
  clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%)
}
.small-business .center-wrap img {
  width:108%;
  height:auto;
  display:block;
  object-fit:contain;
  border-radius:12px
}
@media (max-width:1200px) {
  .small-business .ring-inner {
    transform:scale(.9);
    transform-origin:top center
  }
}
@media (max-width:992px) {
  .tax {
    height:auto!important
  }
  .tax .content h4 {
    font-size:2.4rem!important
  }
  .small-business .ring-inner {
    transform:scale(.8)
  }
}
@media (max-width:768px) {
  .advantages .result-box,.balancing {
    height:auto
  }
  .balancing .buttons .btn-primary {
    display:flex!important;
    justify-content:center!important;
    margin:10px 0!important
  }
  .commonly-implement .arrow,.key-item p,.playbook-step .step-arrow {
    font-size:16px
  }
  .accounting .heading h3,.bookkeeping-solution .heading h3,.heading h2 {
    font-size:31px;
    line-height:35px;
    font-family:Poppins!important
  }
  .testimonial_customer .slick-prev {
    left:10px!important
  }
  .balancing {
    margin:0
  }
  .balancing .compliant .pera {
    color:#fff
  }
  .balancing .compliant .manage {
    color:#fff;
    font-size:16px;
    padding:0 11pxl;
    margin:4px;
  }
  .balancing .d-flex.justify-content-center {
    display:contents!important
  }
  .box-subtitle {
    padding:10px;
    margin:0
  }
  .certify {
    display:flex;
    flex-direction:column;
    align-items:center
  }
  .certify img {
    margin:10px 0!important
  }
  .certify-item {
    position:static;
    width:auto;
    margin:10px 0;
    text-align:center!important
  }
  .commonly-implement .item {
    justify-content:center!important;
    margin-bottom:0!important
  }
  .sub-title {
    padding:20px 9px!important
  }
  .affordable .main-title {
    font-size:3rem!important;
    margin:0!important
  }
  .advantages .result-box h5 {
    font-size:15px!important
  }
  .btn-primary,.btn-warning {
    font-size:16px!important
  }
  .quickbooks-accounts .content h1 {
    font-size:4remn!important
  }
  .quickbooks-accounts .content p.pera.text-white {
    background:#1a241f!important
  }
  .playbook-step .step-nav {
    justify-content:left
  }
  .small-business .ring-inner {
    transform:scale(.65)
  }
}
.accounting-small-business {
  padding:40px 0;
  position:relative;
  background:url(https://www.outsourcedbookeeping.com/wp-content/uploads/2026/02/small-business.jpg) center center/cover no-repeat;
  height:86vh;
  display:flex;
  align-items:center
}
.accounting-small-business .content h1 label,.exceptional-pricing .content h1 label,.three-way-appfolio .content h1 label, .content h1 label,.three-way-trust .content h1 label {
  color:#cda205;
  display:unset
}
.accounting-small-business .content h1,.exceptional-pricing .content h1 {
  font-size:4.75rem;
  font-weight:900;
  margin:11px 0;
  text-shadow:1px 1px 3px #fff,0 0 25px #ffffffa6,0 0 5px #fff0;
  color:#000
}
.accounting-small-business .content,.exceptional-pricing .content,.quickbooks-accounts .content,.content, .content,.three-way-trust .content {
  margin-bottom:60px
}

.box-subtitle {
  box-shadow:0 4px 8px 0 rgb(0 0 0 / .2),0 6px 20px 0 rgb(0 0 0 / .19);
  border-radius:20px;
  padding:30px 10px;
  margin:0 120px
}
.real-operator,.three-way-trust {
  padding:40px 0;
  position:relative
}
.box-subtitle:hover {
  box-shadow:0 4px 8px 0 #f9c300,0 -12px 12px 0 #f9c30045
}
.accounting-small-business .content p.pera.text-white,.exceptional-pricing .content p.pera.text-white,.quickbooks-accounts .content p.pera.text-white,.three-way-appfolio .content p.pera.text-white, .content p.pera.text-white,.three-way-trust .content p.pera.text-white {
  margin:22px 0;
  font-weight:700;
  font-size:15px
}
.accounting-small-business .badge {
  position:absolute;
  background:#126fb5;
  border:1px solid #fff;
  color:#fff;
  padding:8px 16px;
  border-radius:20px;
  font-size:12px;
  z-index:2;
  white-space:revert;
  font-weight:400;
  text-align:left;
  max-width:16%;
  line-height:15px
}
.operators-section {
  background:#f7faf9
}
.playbook-step .icon6,.step-item.step-6 .step-number {
  background-color:#641ee5;
  color:#fff
}
.step-item.step-5 .step-number {
  background-color:#e51ea9;
  color:#fff
}
.start-supporting .start-box {
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:10px;
  transition:.3s;
  box-shadow:0 1px 3px rgb(0 0 0 / .08)
}
.start-supporting .start-box:hover {
  transform:translateY(-5px);
  box-shadow:0 6px 20px rgb(0 0 0 / .1)
}
.start-supporting .hex-icon {
  font-size: 34px;
  width:120px;
  height:120px;
  margin:0 auto 10px;
  background:#87c1ed;
  display:flex;
  align-items:center;
  justify-content:center
}
.start-supporting .hex-icon i {
  font-size:24px;
  color:#000
}
.start-supporting .start-box p {
  font-size:16px;
  color:#374151
}
.start-supporting .start-box .btn {
  background-color:#1f2937;
  border:none;
  border-radius:6px;
  font-size:15px;
  transition:.3s
}
.start-supporting .start-box .btn:hover {
  background-color:#126fb5;
  color:#fff
}
.real-operator {
  background:url(https://www.outsourcedbookeeping.com/wp-content/uploads/2025/11/operator.jpg) center center/cover no-repeat;
  height:80vh
}
.real-operator .pera {
  color:#555;
  font-size:15px;
  max-width:650px;
  margin:0 auto
}
.real-operator .flex-item {
  perspective:1000px
}
.real-operator .card-flip {
  position:relative;
  width:100%;
  height:330px;
  transition:transform .6s;
  transform-style:preserve-3d
}
.real-operator .card-back,.real-operator .flex-item:hover .card-flip {
  transform:rotateY(180deg)
}
.real-operator .card-back,.real-operator .card-front {
  position:absolute;
  width:100%;
  height:100%;
  border-radius:20px;
  backface-visibility:hidden;
  background:#fff;
  box-shadow:0 8px 16px rgb(0 0 0 / .05);
  text-align:center;
  padding:25px 15px;
  transition:.4s
}
.real-operator .card-front {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center
}
.real-operator .icon {
  width:90px;
  height:90px;
  border:2px solid #1f4b3e;
  border-radius:20px;
  background:#eaf7ef;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:34px;
  margin-bottom:20px
}
.real-operator .card-front h3 {
  font-size:21px;
  font-weight:600;
  color:#0b1320;
  margin:0
}
.real-operator .card-back {
  background:#073763;
  color:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center
}
.real-operator .card-back h5 {
  font-size:21px;
  font-weight:600;
	color:#fff;
  margin-bottom:10px
}
.real-operator .card-back p {
  font-size:14px;
  color:#e0e0e0;
  margin:0;
  line-height:1.5
}
@media (max-width:992px) {
  .real-operator .card-flip {
    height:220px
  }
}
@media (max-width:576px) {
  .hero .badge {
    display:block;
    width:100%;
    margin:6px 0;
    font-size:12px;
    padding:8px 12px
  }
  .hero .hero-content h1,.hero .hero-content h2 span {
    font-size:23px
  }
  .hero .hero-content p,.real-operator .card-front h4 {
    font-size:14px
  }
  .small-business .ring-inner {
    width:100%;
    height:auto;
    display:flex;
    flex-direction:column;
    align-items:center;
    transform:none
  }
  .small-business .hex {
    position:relative;
    width:180px;
    height:180px;
    margin:10px 0
  }
  .small-business .center-wrap {
    position:relative;
    transform:none;
    margin-top:20px;
    width:200px;
    height:230px
  }
  .small-business .hex-0,.small-business .hex-1,.small-business .hex-2,.small-business .hex-3,.small-business .hex-4,.small-business .hex-5 {
    position:relative;
    left:auto;
    top:auto
  }
  .real-operator .card-flip {
    height:200px
  }
  .real-operator .icon {
    width:70px;
    height:70px
  }
}
.three-way-trust {
  background:#1071B8;
  display:flex;
  align-items:center
}
.three-way-appfolio .content h1, .content h1,.three-way-trust .content h1 {
  font-size:4rem;
  font-weight:900;
  margin:11px 0;
  color:#fff
}
.monthly-sop .card {
  background:#f7fbff;
  height:79px;
  display:flex;
  justify-content:center;
  border-radius:9px
}
.fix-flowchart .flow-node {
  background:var(--bg);
  border:1px solid #e5e7eb;
  border-radius:12px;
  box-shadow:0 8px 20px rgb(31 41 55 / .08);
  padding:.9rem 1rem
}
.fix-flowchart .node--start {
  border-radius:999px;
  font-weight:600;
  background:#ffc107;
  cursor:pointer
}
.fix-flowchart .node--end {
  border-left:4px solid #28a745;
  background:#f6fff8
}
.fix-flowchart .node--decision {
  width:140px;
  height:140px;
  position:relative;
  margin:0 auto;
  transform:rotate(45deg);
  border-radius:10px;
  box-shadow:0 5px 26px 0 rgb(18 110 181 / 38%)
}
.fix-flowchart .node--decision .decision-text {
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  transform:rotate(-45deg);
  padding:.5rem;
  text-align:center;
  font-weight:600
}
.fix-flowchart .connector {
  width:2px;
  height:24px;
  background:var(--line);
  margin:0 auto
}
.fix-flowchart .join,.fix-flowchart .split {
  position:relative;
  height:26px
}
.fix-flowchart .split::before {
  content:"";
  position:absolute;
  left:50%;
  top:0;
  bottom:0;
  width:2px;
  background:var(--line)
}
.fix-flowchart .join::before,.fix-flowchart .split::after {
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  top:50%;
  height:2px;
  background:var(--line)
}
.fix-flowchart .join::after {
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:2px;
  height:26px;
  background:var(--line)
}
.fix-flowchart .branch-label {
  font-weight:600;
  margin-bottom:1rem;
  font-size:20px;
  color:var(--ink)
}
.fix-flowchart .flow-card {
  background:var(--card);
  border:1px solid #e5e7eb;
  border-radius:12px;
  padding:1rem 1.1rem;
  margin-bottom:.9rem;
  transition:.3s;
  box-shadow:0 4px 8px 0 #fff0,0 6px 20px 0 rgb(0 0 0 / 15%)
}
.fix-flowchart .flow-card:hover {
  transform:translateY(-10px);
  box-shadow:0 5px 26px 0 rgb(18 110 181 / 38%)
}
section.platform-guides {
  padding:40px 0;
  background:#f4faff
}
.platform-guides .heading-underline {
  height:6px;
  width:60px;
  background:#f0c54d;
  border-radius:4px
}
.platform-guides .guide-card {
  background:#fffef8;
  border-radius:12px;
  border:1px solid #eef2f6;
  box-shadow:0 10px 30px rgb(0 0 0 / .06);
  transition:transform .2s,box-shadow .2s
}
.platform-guides .guide-card:hover {
  transform:translateY(-4px);
  box-shadow:0 18px 40px rgb(0 0 0 / .09)
}
.platform-guides .guide-icon svg {
  display:block;
  margin:0 auto
}
.platform-guides .btn-guide {
  border-width:2px;
  font-weight:600;
  padding:.5rem 1rem;
  border-radius:8px
}
.platform-guides .btn-guide:hover svg {
  transform:translateX(2px)
}
.platform-guides .filter-pills .btn {
  box-shadow:0 6px 16px rgb(13 110 253 / .12)
}
.platform-guides .guide-icon {
  font-size:52px
}


.issues-section .issue-card {
  background:#fff;
  border:2px solid #ffc107;
  border-radius:12px;
  padding:20px;
  box-shadow:0 3px 8px rgb(0 0 0 / .05);
  transition:.3s ease-in-out
}
.issues-section .issue-card:hover {
  transform:translateY(-4px);
  box-shadow:0 18px 40px rgb(0 0 0 / .09);
  border-top:13px solid #ffc107
}
.issues-section .issue-header {
  display:flex;
  align-items:center;
  color:#2c2c2c;
  font-size: 20px;
}
.issues-section .issue-icon {
  font-size:1.6rem;
  margin-right:10px
}
.three-way-appfolio{
  position:relative;overflow:hidden;
  padding:90px 0 110px;
  background:
    radial-gradient(circle at 85% 25%, rgba(255,255,255,.14) 0, rgba(255,255,255,0) 40%),
    radial-gradient(circle at 10% 90%, rgba(7,40,74,.35) 0, rgba(7,40,74,0) 45%),
    #1071B8;
  color:#fff;
}
.three-way-appfolio::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.12) 1.2px, transparent 1.3px);
  background-size:22px 22px;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 40%,#000 100%);
          mask-image:linear-gradient(90deg,transparent 0,#000 40%,#000 100%);
}
.three-way-appfolio .container{position:relative;z-index:1}
 
/* eyebrow */
.three-way-appfolio .af-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  padding:7px 16px;margin-bottom:22px;border-radius:999px;
  background:rgba(243,209,58,.14);border:1px solid rgba(243,209,58,.45);
  color:#F3D13A;font-size:13px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;
}
 
/* title */
.three-way-appfolio .af-title{
  margin:0 0 20px;color:#fff;
  font-size:clamp(32px,3.6vw,50px);line-height:1.12;font-weight:800;letter-spacing:-.5px;
}
.three-way-appfolio .af-title span{display:block}
.three-way-appfolio .af-gold{color:#F3D13A}
.three-way-appfolio .af-sop{
  display:inline-block !important;margin-top:12px;
  font-size:.42em;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;
  color:#0B2E4A;background:#F3D13A;padding:6px 14px;border-radius:8px;
}
 
/* lead */
.three-way-appfolio .af-lead{
  color:#E4F1FB !important;font-size:19px;line-height:1.6;max-width:560px;margin:0 0 26px;
}
 
/* checkpoint chips */
.three-way-appfolio .af-checks{list-style:none;padding:0;margin:0 0 32px;display:flex;flex-wrap:wrap;gap:10px}
.three-way-appfolio .af-checks li{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 14px;border-radius:999px;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);
  color:#fff;font-size:14px;font-weight:600;
  transition:background .2s ease, transform .2s ease;
}
.three-way-appfolio .af-checks li svg{color:#F3D13A;flex:0 0 14px}
.three-way-appfolio .af-checks li:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}
 
/* buttons */
.three-way-appfolio .buttons{display:flex;flex-wrap:wrap;gap:14px}
.three-way-appfolio .btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:52px;padding:0 28px;border-radius:10px;
  font-size:16px;font-weight:700;letter-spacing:.2px;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.three-way-appfolio .btn-primary{
  background:#F3D13A;border:2px solid #F3D13A;color:#0B2E4A !important;
  box-shadow:0 10px 24px rgba(243,209,58,.28);
}
.three-way-appfolio .btn-primary:hover,
.three-way-appfolio .btn-primary:focus{
  background:#FFE06A;border-color:#FFE06A;color:#0B2E4A !important;
  transform:translateY(-2px);box-shadow:0 14px 30px rgba(243,209,58,.38);
}
.three-way-appfolio .btn-primary svg{transition:transform .2s ease}
.three-way-appfolio .btn-primary:hover svg{transform:translateX(4px)}
.three-way-appfolio .btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
 
/* tie-out card */
.three-way-appfolio .af-card{
  position:relative;max-width:440px;margin:0 auto;
  background:#fff;color:#1B1D21;border-radius:20px;padding:26px 26px 40px;
  box-shadow:0 30px 60px rgba(4,28,52,.35);
  animation:afUp .9s .2s ease both, afFloat 6s 1.2s ease-in-out infinite;
}
.three-way-appfolio .af-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}
.three-way-appfolio .af-card-eyebrow{font-size:12px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;color:#5A6168}
.three-way-appfolio .af-badge{
  display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;
  background:#E6F5EC;color:#17733F;font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;white-space:nowrap;flex:0 0 auto;
  animation:afPop .5s 1.4s cubic-bezier(.3,1.6,.5,1) both;
}
.three-way-appfolio .af-row{
  display:flex;align-items:center;gap:12px;padding:13px 14px;margin-bottom:10px;
  border-radius:12px;background:#F3F8FD;
  animation:afUp .6s ease both;
}
.three-way-appfolio .af-row:nth-of-type(2){animation-delay:.5s}
.three-way-appfolio .af-row:nth-of-type(3){animation-delay:.7s}
.three-way-appfolio .af-row:nth-of-type(4){animation-delay:.9s}
.three-way-appfolio .af-ic{width:38px;height:38px;flex:0 0 38px;border-radius:10px;background:#E3F2FD;display:flex;align-items:center;justify-content:center}
.three-way-appfolio .af-lbl{flex:1;font-size:14px;font-weight:500;min-width:0}
.three-way-appfolio .af-amt{font-weight:700;font-size:16px;color:#0B2E4A;font-variant-numeric:tabular-nums;white-space:nowrap}
.three-way-appfolio .af-foot{
  display:flex;align-items:center;gap:8px;margin-top:14px;padding-top:14px;
  border-top:1px dashed #D5E2EE;color:#17733F;font-weight:600;font-size:14px;
  animation:afUp .6s 1.2s ease both;
}
/* floating stat chips */
.three-way-appfolio .af-chip{
  position:absolute;background:#0B2E4A;color:#fff;border-radius:12px;
  padding:10px 14px;font-size:13px;font-weight:600;white-space:nowrap;
  box-shadow:0 14px 30px rgba(4,28,52,.35);
}
.three-way-appfolio .af-chip strong{color:#F3D13A;font-size:18px;margin-right:4px}
.three-way-appfolio .af-chip-1{top:-18px;right:-22px;animation:afPop .5s 1.6s cubic-bezier(.3,1.6,.5,1) both}
.three-way-appfolio .af-chip-2{bottom:-20px;left:-24px;animation:afPop .5s 1.8s cubic-bezier(.3,1.6,.5,1) both}
 
/* wave into the next section */
.three-way-appfolio .af-wave{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:60px;display:block}
 
/* entrance */
.three-way-appfolio .content > *{animation:afUp .7s ease both}
.three-way-appfolio .content > *:nth-child(2){animation-delay:.08s}
.three-way-appfolio .content > *:nth-child(3){animation-delay:.16s}
.three-way-appfolio .content > *:nth-child(4){animation-delay:.24s}
.three-way-appfolio .content > *:nth-child(5){animation-delay:.32s}
@keyframes afUp{from{opacity:0;transform:translateY(18px)}}
@keyframes afPop{from{opacity:0;transform:scale(.6)}}
@keyframes afFloat{50%{transform:translateY(-8px)}}
 
/* responsive */
@media (max-width:991.98px){
  .three-way-appfolio{padding:64px 0 100px;text-align:center}
  .three-way-appfolio .af-lead{margin-left:auto;margin-right:auto}
  .three-way-appfolio .af-checks,.three-way-appfolio .buttons{justify-content:center}
  .three-way-appfolio .af-card{text-align:left}
}
@media (max-width:575.98px){
  .three-way-appfolio .af-lead{font-size:17px}
  .three-way-appfolio .buttons .btn{width:100%}
  .three-way-appfolio .af-chip-1{right:-6px;top:-34px}
  .three-way-appfolio .af-chip-2{left:-6px}
  .three-way-appfolio .af-card{padding:20px 20px 40px}
  .three-way-appfolio .af-card-eyebrow{font-size:11px;letter-spacing:1px}
  .three-way-appfolio .af-lbl{font-size:13px}
  .three-way-appfolio .af-amt{font-size:15px}
}
@media (prefers-reduced-motion:reduce){
  .three-way-appfolio *,.three-way-appfolio .af-card{animation:none !important}
}
.common-issues .number-box {
  position:absolute;
  top:0;
  padding:2px 15px;
  font-size:22px;
  border-radius:0 0 60px 60px;
  width:60px;
  height:50px;
  transform:translateX(214%);
  box-shadow:inset 0 -3px .25em rgb(0 0 0 / .2),0 1em 18px 20px #fff0;
  font-weight:800;
  color:#454545
}
.common-issues .special-box {
  text-align:left!important;
  height:auto!important
}
.security-deposite {
  padding:40px 0;
  background:url(https://www.outsourcedbookeeping.com/wp-content/uploads/2025/08/property-back.jpg) center center/cover no-repeat;
  height:70vh
}
.security-deposite .number {
  background:#ffd43b;
  width:40px;
  height:40px;
  border-radius:50px;
  text-align:center;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
  margin-right:20px;
  color:#000
}
.security-deposite .point {
  margin-bottom:20px;
  border:1px solid #231a1a;
  align-items:center;
  padding:10px;
  border-radius:11px
}
.security-deposite .box-deposite {
  background:#5b5b5b78;
  padding:13px;
  border-radius:12px;
  margin-bottom:20px;
  color:#fff;
  border:1px solid #ccc
}
.cta-box,.cta-section {
  border-radius:10px
}
.voyager-breeze{
  position:relative;overflow:hidden;
  padding:90px 0 110px;
  background:
    radial-gradient(circle at 85% 25%, rgba(255,255,255,.14) 0, rgba(255,255,255,0) 40%),
    radial-gradient(circle at 10% 90%, rgba(7,40,74,.35) 0, rgba(7,40,74,0) 45%),
    #1071B8;
  color:#fff;
}
.voyager-breeze::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.12) 1.2px, transparent 1.3px);
  background-size:22px 22px;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 40%,#000 100%);
          mask-image:linear-gradient(90deg,transparent 0,#000 40%,#000 100%);
}
.voyager-breeze .container{position:relative;z-index:1}
 
/* badge */
.voyager-breeze .badge-top{
  display:inline-flex;align-items:center;gap:8px;
  padding:7px 16px;margin-bottom:22px;border-radius:999px;
  background:rgba(243,209,58,.14);border:1px solid rgba(243,209,58,.45);
  color:#F3D13A;font-size:13px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;
}
 
/* title */
.voyager-breeze .main-title{
  margin:0 0 20px;color:#fff;text-align:left;
  font-size:clamp(32px,3.6vw,50px);line-height:1.14;font-weight:800;letter-spacing:-.5px;
}
.voyager-breeze .vb-gold{color:#F3D13A}
.voyager-breeze .vb-block{display:block}
.voyager-breeze .vb-underline{
  display:inline-block;
  background:linear-gradient(#F3D13A,#F3D13A) no-repeat 0 100%/0 4px;
  padding-bottom:6px;animation:vbUnderline 1.1s .4s ease forwards;
}
@keyframes vbUnderline{to{background-size:100% 4px}}
 
/* subtitle */
.voyager-breeze .subtitle{
  color:#E4F1FB;font-size:17px;line-height:1.7;max-width:600px;margin:0 0 24px;text-align:left;
}
 
/* points */
.voyager-breeze .vb-points{list-style:none;padding:0;margin:0 0 32px;display:flex;flex-wrap:wrap;gap:10px}
.voyager-breeze .vb-points li{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 14px;border-radius:999px;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);
  color:#fff;font-size:14px;font-weight:600;
  transition:background .2s ease, transform .2s ease;
}
.voyager-breeze .vb-points li svg{color:#F3D13A;flex:0 0 12px}
.voyager-breeze .vb-points li:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}
 
/* buttons */
.voyager-breeze .vb-buttons{display:flex;flex-wrap:wrap;gap:14px}
.voyager-breeze .vb-buttons .btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:52px;padding:0 28px;border-radius:10px;
  font-size:16px;font-weight:700;letter-spacing:.2px;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
}
.voyager-breeze .btn.yellow{
  background:#F3D13A;border:2px solid #F3D13A;color:#0B2E4A !important;
  box-shadow:0 10px 24px rgba(243,209,58,.28);
}
.voyager-breeze .btn.yellow:hover,.voyager-breeze .btn.yellow:focus{
  background:#FFE06A;border-color:#FFE06A;transform:translateY(-2px);box-shadow:0 14px 30px rgba(243,209,58,.38);
}
.voyager-breeze .btn.white{background:transparent;border:2px solid rgba(255,255,255,.6);color:#fff !important}
.voyager-breeze .btn.white:hover,.voyager-breeze .btn.white:focus{background:#fff;border-color:#fff;color:#1071B8 !important;transform:translateY(-2px)}
.voyager-breeze .btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
 
/* ===== tie-out card ===== */
.voyager-breeze .vb-card{
  position:relative;max-width:460px;margin:0 auto;
  background:#fff;color:#1B1D21;border-radius:20px;padding:24px;
  box-shadow:0 30px 60px rgba(4,28,52,.35);
  animation:vbUp .9s .2s ease both, vbFloat 6s 1.2s ease-in-out infinite;
}
.voyager-breeze .vb-radio{position:absolute;opacity:0;pointer-events:none}
.voyager-breeze .vb-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.voyager-breeze .vb-card-eyebrow{font-size:12px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;color:#5A6168}
 
/* Voyager | Breeze switch */
.voyager-breeze .vb-switch{position:relative;display:grid;grid-template-columns:1fr 1fr;background:#EAF3FC;border-radius:999px;padding:4px;min-width:190px}
.voyager-breeze .vb-switch label{
  position:relative;z-index:1;margin:0;text-align:center;cursor:pointer;
  padding:7px 14px;border-radius:999px;font-size:13px;font-weight:700;color:#1071B8;
  transition:color .25s ease;
}
.voyager-breeze .vb-knob{
  position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);
  border-radius:999px;background:#0B2E4A;box-shadow:0 4px 10px rgba(11,46,74,.25);
  transition:transform .3s cubic-bezier(.3,1.3,.5,1);
}
.voyager-breeze #vb-voyager:checked ~ .vb-card-head label[for="vb-voyager"],
.voyager-breeze #vb-breeze:checked ~ .vb-card-head label[for="vb-breeze"]{color:#fff}
.voyager-breeze #vb-breeze:checked ~ .vb-card-head .vb-knob{transform:translateX(100%)}
.voyager-breeze #vb-voyager:focus-visible ~ .vb-card-head .vb-switch,
.voyager-breeze #vb-breeze:focus-visible ~ .vb-card-head .vb-switch{outline:3px solid #F3D13A;outline-offset:2px}
 
/* platform line */
.voyager-breeze .vb-platform{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.voyager-breeze .vb-p{font-size:18px;font-weight:800;color:#0B2E4A}
.voyager-breeze .vb-p-breeze{display:none}
.voyager-breeze #vb-breeze:checked ~ .vb-platform .vb-p-voyager{display:none}
.voyager-breeze #vb-breeze:checked ~ .vb-platform .vb-p-breeze{display:inline;animation:vbFade .35s ease}
.voyager-breeze .vb-status{
  display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;white-space:nowrap;
  background:#E6F5EC;color:#17733F;font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;
}
 
/* ledger rows */
.voyager-breeze .vb-row{
  display:grid;grid-template-columns:38px minmax(0,1fr) 70px 24px;align-items:center;gap:12px;
  padding:12px 14px;margin-bottom:10px;border-radius:12px;background:#F3F8FD;
  animation:vbUp .6s ease both;
}
.voyager-breeze .vb-row:nth-of-type(1){animation-delay:.5s}
.voyager-breeze .vb-row:nth-of-type(2){animation-delay:.7s}
.voyager-breeze .vb-row:nth-of-type(3){animation-delay:.9s}
.voyager-breeze .vb-ic{width:38px;height:38px;border-radius:10px;background:#E3F2FD;display:flex;align-items:center;justify-content:center}
.voyager-breeze .vb-txt{min-width:0;line-height:1.3}
.voyager-breeze .vb-txt b{display:block;font-size:14px;font-weight:700;color:#1B1D21}
.voyager-breeze .vb-txt small{display:block;font-size:12px;color:#5A6168}
.voyager-breeze .vb-bar{height:8px;border-radius:8px;background:#DCEAF4;overflow:hidden}
.voyager-breeze .vb-bar i{display:block;height:100%;background:#1071B8;border-radius:8px;transform-origin:left;animation:vbGrow 1s 1s ease both}
.voyager-breeze .vb-ok{width:24px;height:24px;border-radius:50%;background:#1F9D55;color:#fff;display:flex;align-items:center;justify-content:center;animation:vbPop .45s 1.6s cubic-bezier(.3,1.6,.5,1) both}
.voyager-breeze #vb-breeze:checked ~ .vb-row .vb-bar i{background:#F3B414;animation:vbGrow2 .8s ease both}
.voyager-breeze #vb-voyager:checked ~ .vb-row .vb-bar i{animation-name:vbGrow}
 
/* foot */
.voyager-breeze .vb-foot{
  display:flex;align-items:center;gap:12px;margin-top:14px;padding:14px 16px;border-radius:12px;
  background:#0B2E4A;color:#D6E4F1;font-size:14px;
}
.voyager-breeze .vb-foot b{color:#F3D13A}
.voyager-breeze .vb-seal{width:32px;height:32px;flex:0 0 32px;border-radius:50%;background:#F3D13A;color:#0B2E4A;display:flex;align-items:center;justify-content:center}
 
/* wave */
.voyager-breeze .vb-wave{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:60px;display:block}
 
/* motion */
.voyager-breeze .content > *{animation:vbUp .7s ease both}
.voyager-breeze .content > *:nth-child(2){animation-delay:.08s}
.voyager-breeze .content > *:nth-child(3){animation-delay:.16s}
.voyager-breeze .content > *:nth-child(4){animation-delay:.24s}
.voyager-breeze .content > *:nth-child(5){animation-delay:.32s}
@keyframes vbUp{from{opacity:0;transform:translateY(18px)}}
@keyframes vbPop{from{opacity:0;transform:scale(.4)}}
@keyframes vbFade{from{opacity:0}}
@keyframes vbFloat{50%{transform:translateY(-8px)}}
@keyframes vbGrow{from{transform:scaleX(0)}}
@keyframes vbGrow2{from{transform:scaleX(0)}}
 
/* responsive */
@media (max-width:991.98px){
  .voyager-breeze{padding:64px 0 100px}
  .voyager-breeze .content{text-align:center}
  .voyager-breeze .main-title,.voyager-breeze .subtitle{text-align:center;margin-left:auto;margin-right:auto}
  .voyager-breeze .vb-points,.voyager-breeze .vb-buttons{justify-content:center}
}
@media (max-width:575.98px){
  .voyager-breeze .subtitle{font-size:16px}
  .voyager-breeze .vb-buttons .btn{width:100%}
  .voyager-breeze .vb-card{padding:18px}
  .voyager-breeze .vb-row{grid-template-columns:34px minmax(0,1fr) 24px}
  .voyager-breeze .vb-bar{display:none}
  .voyager-breeze .vb-ic{width:34px;height:34px}
  .voyager-breeze .vb-switch{min-width:0;width:100%}
}
@media (prefers-reduced-motion:reduce){
  .voyager-breeze *,.voyager-breeze .vb-card{animation:none !important;transition:none !important}
  .voyager-breeze .vb-underline{background-size:100% 4px}
}
.commercial-estate,.exceptional-pricing,.real-estate,.realpage {
  display:flex;
  align-items:center
}

.testimonial-page-section .testimonial-card .testimonial-stars .fa,.voyager-breeze .main-title strong {
  color:#f3d13a
}
.realpage{
  position:relative;overflow:hidden;
  padding:90px 0 110px;
  background:
    radial-gradient(circle at 85% 25%, rgba(255,255,255,.14) 0, rgba(255,255,255,0) 40%),
    radial-gradient(circle at 10% 90%, rgba(7,40,74,.35) 0, rgba(7,40,74,0) 45%),
    #1071B8;
  color:#fff;
}
.realpage::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.12) 1.2px, transparent 1.3px);
  background-size:22px 22px;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 40%,#000 100%);
          mask-image:linear-gradient(90deg,transparent 0,#000 40%,#000 100%);
}
.realpage .container{position:relative;z-index:1}
 
/* badge */
.realpage .rp-badge{
  display:inline-flex;align-items:center;gap:8px;
  padding:7px 16px;margin-bottom:22px;border-radius:999px;
  background:rgba(243,209,58,.14);border:1px solid rgba(243,209,58,.45);
  color:#F3D13A;font-size:13px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;
}
 
/* title */
.realpage .rp-title{
  margin:0 0 20px;color:#fff;text-align:left;
  font-size:clamp(30px,3.2vw,44px);line-height:1.14;font-weight:800;letter-spacing:-.5px;
}
.realpage .rp-gold{color:#F3D13A}
.realpage .rp-block{display:block}
.realpage .rp-underline{
  display:inline-block;
  background:linear-gradient(#F3D13A,#F3D13A) no-repeat 0 100%/0 4px;
  padding-bottom:6px;animation:rpUnderline 1.1s .4s ease forwards;
}
@keyframes rpUnderline{to{background-size:100% 4px}}
 
/* subtitle */
.realpage .rp-lead{
  color:#E4F1FB;font-size:17px;line-height:1.7;max-width:600px;margin:0 0 24px;text-align:left;
}
 
/* points */
.realpage .rp-points{list-style:none;padding:0;margin:0 0 32px;display:flex;flex-wrap:wrap;gap:10px}
.realpage .rp-points li{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 14px;border-radius:999px;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);
  color:#fff;font-size:14px;font-weight:600;
  transition:background .2s ease, transform .2s ease;
}
.realpage .rp-points li svg{color:#F3D13A;flex:0 0 12px}
.realpage .rp-points li:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}
 
/* buttons */
.realpage .rp-buttons{display:flex;flex-wrap:wrap;gap:14px}
.realpage .rp-buttons .btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:52px;padding:0 28px;border-radius:10px;
  font-size:16px;font-weight:700;letter-spacing:.2px;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
}
.realpage .btn-primary{
  background:#F3D13A;border:2px solid #F3D13A;color:#0B2E4A !important;
  box-shadow:0 10px 24px rgba(243,209,58,.28);
}
.realpage .btn-primary:hover,.realpage .btn-primary:focus{
  background:#FFE06A;border-color:#FFE06A;transform:translateY(-2px);box-shadow:0 14px 30px rgba(243,209,58,.38);
}
.realpage .btn-outline-rp{background:transparent;border:2px solid rgba(255,255,255,.6);color:#fff !important}
.realpage .btn-outline-rp:hover,.realpage .btn-outline-rp:focus{background:#fff;border-color:#fff;color:#1071B8 !important;transform:translateY(-2px)}
.realpage .btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
 
/* ===== tie-out card ===== */
.realpage .rp-card{
  position:relative;max-width:460px;margin:0 auto;
  background:#fff;color:#1B1D21;border-radius:20px;padding:24px;
  box-shadow:0 30px 60px rgba(4,28,52,.35);
  animation:rpUp .9s .2s ease both, rpFloat 6s 1.2s ease-in-out infinite;
}
.realpage .rp-radio{position:absolute;opacity:0;pointer-events:none}
.three-way-reconciliation.realpage .rp-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.three-way-reconciliation.realpage .rp-card-eyebrow{font-size:12px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;color:#5A6168}
 
/* OneSite | Propertyware switch */
.three-way-reconciliation.realpage .rp-switch{position:relative;display:grid;grid-template-columns:1fr 1fr;background:#EAF3FC;border-radius:999px;padding:4px;min-width:230px}
.three-way-reconciliation.realpage .rp-switch label{
  position:relative;z-index:1;margin:0;text-align:center;cursor:pointer;
  padding:7px 12px;border-radius:999px;font-size:13px;font-weight:700;color:#1071B8;white-space:nowrap;
  transition:color .25s ease;
}
.three-way-reconciliation.realpage .rp-knob{
  position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);
  border-radius:999px;background:#0B2E4A;box-shadow:0 4px 10px rgba(11,46,74,.25);
  transition:transform .3s cubic-bezier(.3,1.3,.5,1);
}
.three-way-reconciliation.realpage #rp-onesite:checked ~ .rp-card-head label[for="rp-onesite"],
.three-way-reconciliation.realpage #rp-propertyware:checked ~ .rp-card-head label[for="rp-propertyware"]{color:#fff}
.three-way-reconciliation.realpage #rp-propertyware:checked ~ .rp-card-head .rp-knob{transform:translateX(100%)}
.three-way-reconciliation.realpage #rp-onesite:focus-visible ~ .rp-card-head .rp-switch,
.three-way-reconciliation.realpage #rp-propertyware:focus-visible ~ .rp-card-head .rp-switch{outline:3px solid #F3D13A;outline-offset:2px}
 
/* platform line */
.three-way-reconciliation.realpage .rp-platform{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.three-way-reconciliation.realpage .rp-p{font-size:17px;font-weight:800;color:#0B2E4A}
.three-way-reconciliation.realpage .rp-p-propertyware{display:none}
.three-way-reconciliation.realpage #rp-propertyware:checked ~ .rp-platform .rp-p-onesite{display:none}
.three-way-reconciliation.realpage #rp-propertyware:checked ~ .rp-platform .rp-p-propertyware{display:inline;animation:rpFade .35s ease}
.three-way-reconciliation.realpage .rp-status{
  display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;white-space:nowrap;
  background:#E6F5EC;color:#17733F;font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;
}
 
/* ledger rows */
.three-way-reconciliation.realpage .rp-row{
  display:grid;grid-template-columns:38px minmax(0,1fr) 70px 24px;align-items:center;gap:12px;
  padding:12px 14px;margin-bottom:10px;border-radius:12px;background:#F3F8FD;
  animation:rpUp .6s ease both;
}
.three-way-reconciliation.realpage .rp-row:nth-of-type(1){animation-delay:.5s}
.three-way-reconciliation.realpage .rp-row:nth-of-type(2){animation-delay:.7s}
.three-way-reconciliation.realpage .rp-row:nth-of-type(3){animation-delay:.9s}
.three-way-reconciliation.realpage .rp-ic{width:38px;height:38px;border-radius:10px;background:#E3F2FD;display:flex;align-items:center;justify-content:center}
.three-way-reconciliation.realpage .rp-txt{min-width:0;line-height:1.3}
.three-way-reconciliation.realpage .rp-txt b{display:block;font-size:14px;font-weight:700;color:#1B1D21}
.three-way-reconciliation.realpage .rp-txt small{display:block;font-size:12px;color:#5A6168}
.three-way-reconciliation.realpage .rp-bar{height:8px;border-radius:8px;background:#DCEAF4;overflow:hidden}
.three-way-reconciliation.realpage .rp-bar i{display:block;height:100%;background:#1071B8;border-radius:8px;transform-origin:left;animation:rpGrow 1s 1s ease both}
.three-way-reconciliation.realpage .rp-ok{width:24px;height:24px;border-radius:50%;background:#1F9D55;color:#fff;display:flex;align-items:center;justify-content:center;animation:rpPop .45s 1.6s cubic-bezier(.3,1.6,.5,1) both}
.three-way-reconciliation.realpage #rp-propertyware:checked ~ .rp-row .rp-bar i{background:#F3B414;animation:rpGrow2 .8s ease both}
.three-way-reconciliation.realpage #rp-onesite:checked ~ .rp-row .rp-bar i{animation-name:rpGrow}
 
/* foot */
.three-way-reconciliation.realpage .rp-foot{
  display:flex;align-items:center;gap:12px;margin-top:14px;padding:14px 16px;border-radius:12px;
  background:#0B2E4A;color:#D6E4F1;font-size:14px;
}
.three-way-reconciliation.realpage .rp-foot b{color:#F3D13A}
.three-way-reconciliation.realpage .rp-seal{width:32px;height:32px;flex:0 0 32px;border-radius:50%;background:#F3D13A;color:#0B2E4A;display:flex;align-items:center;justify-content:center}
 
/* wave */
.three-way-reconciliation.realpage .rp-wave{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:60px;display:block}
 
/* motion */
.three-way-reconciliation.realpage .rp-content > *{animation:rpUp .7s ease both}
.three-way-reconciliation.realpage .rp-content > *:nth-child(2){animation-delay:.08s}
.three-way-reconciliation.realpage .rp-content > *:nth-child(3){animation-delay:.16s}
.three-way-reconciliation.realpage .rp-content > *:nth-child(4){animation-delay:.24s}
.three-way-reconciliation.realpage .rp-content > *:nth-child(5){animation-delay:.32s}
@keyframes rpUp{from{opacity:0;transform:translateY(18px)}}
@keyframes rpPop{from{opacity:0;transform:scale(.4)}}
@keyframes rpFade{from{opacity:0}}
@keyframes rpFloat{50%{transform:translateY(-8px)}}
@keyframes rpGrow{from{transform:scaleX(0)}}
@keyframes rpGrow2{from{transform:scaleX(0)}}
 
/* responsive */
@media (max-width:991.98px){
  .three-way-reconciliation.realpage{padding:64px 0 100px}
  .three-way-reconciliation.realpage .rp-content{text-align:center}
  .three-way-reconciliation.realpage .rp-title,.three-way-reconciliation.realpage .rp-lead{text-align:center;margin-left:auto;margin-right:auto}
  .three-way-reconciliation.realpage .rp-points,.three-way-reconciliation.realpage .rp-buttons{justify-content:center}
}

@media (prefers-reduced-motion:reduce){}

.realpage .rp-content{padding:0;margin:0;max-width:none}
.realpage .rp-title span{display:block}
.realpage .rp-title .rp-underline{display:inline-block}
.realpage .btn-primary svg{transition:transform .2s ease}
.realpage .btn-primary:hover svg{transform:translateX(4px)}
.cta-box {
  background-color:#0e73b9;
  box-shadow:0 6px 15px rgb(0 0 0 / .15)
}
.download-btn {
  background-color:#ffd43b;
  border:none;
  color:#000;
  border-radius:6px;
  transition:.3s
}
.download-btn:hover {
  background-color:#fc0;
  color:#000;
  transform:translateY(-2px);
  box-shadow:0 4px 10px rgb(0 0 0 / .2)
}
.text-white-50 {
  color:rgb(255 255 255 / .8)!important
}
.three-way-saga{
  position:relative;overflow:hidden;
  padding:90px 0 110px;
  background:
    radial-gradient(circle at 85% 20%, rgba(255,255,255,.14) 0, rgba(255,255,255,0) 40%),
    radial-gradient(circle at 10% 90%, rgba(7,40,74,.35) 0, rgba(7,40,74,0) 45%),
    #1071B8;
  color:#fff;
}
/* soft dot texture */
.three-way-saga::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.12) 1.2px, transparent 1.3px);
  background-size:22px 22px;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 40%,#000 100%);
          mask-image:linear-gradient(90deg,transparent 0,#000 40%,#000 100%);
}
.three-way-saga .container{position:relative;z-index:1}
 
/* eyebrow pill */
.three-way-saga .tw-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  padding:7px 16px;margin-bottom:22px;border-radius:999px;
  background:rgba(243,209,58,.14);border:1px solid rgba(243,209,58,.45);
  color:#F3D13A;font-size:13px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;
}
 
/* title */
.three-way-saga .tw-title{
  margin:0 0 22px;color:#fff;
  font-size:clamp(30px,3.3vw,46px);line-height:1.14;font-weight:800;letter-spacing:-.5px;
}
.three-way-saga .tw-title span{display:block}
.three-way-saga .tw-gold{color:#F3D13A}
.three-way-saga .tw-underline{
  display:inline-block !important;
  background:linear-gradient(#F3D13A,#F3D13A) no-repeat 0 100%/0 4px;
  padding-bottom:6px;
  animation:twUnderline 1.1s .4s ease forwards;
}
@keyframes twUnderline{to{background-size:100% 4px}}
 
/* paragraph */
.three-way-saga .tw-lead{
  color:#E4F1FB !important;font-size:17px;line-height:1.7;
  max-width:600px;margin:0 0 24px;
}
 
/* module chips */
.three-way-saga .tw-modules{
  list-style:none;padding:0;margin:0 0 32px;
  display:flex;flex-wrap:wrap;gap:10px;
}
.three-way-saga .tw-modules li{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 14px;border-radius:999px;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);
  color:#fff;font-size:14px;font-weight:600;
  transition:background .2s ease, transform .2s ease;
}
.three-way-saga .tw-modules li:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}
.three-way-saga .tw-dot{width:9px;height:9px;border-radius:50%;flex:0 0 9px}
 
/* buttons */
.three-way-saga .buttons{display:flex;flex-wrap:wrap;gap:14px}
.three-way-saga .btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:52px;padding:0 28px;border-radius:10px;
  font-size:16px;font-weight:700;letter-spacing:.2px;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
}
.three-way-saga .btn-primary{
  background:#F3D13A;border:2px solid #F3D13A;color:#0B2E4A !important;
  box-shadow:0 10px 24px rgba(243,209,58,.28);
}
.three-way-saga .btn-primary:hover,
.three-way-saga .btn-primary:focus{
  background:#FFE06A;border-color:#FFE06A;color:#0B2E4A !important;
  transform:translateY(-2px);box-shadow:0 14px 30px rgba(243,209,58,.38);
}
.three-way-saga .btn-primary svg{transition:transform .2s ease}
.three-way-saga .btn-primary:hover svg{transform:translateX(4px)}
.three-way-saga .btn-outline-tw{
  background:transparent;border:2px solid rgba(255,255,255,.6);color:#fff !important;
}
.three-way-saga .btn-outline-tw:hover,
.three-way-saga .btn-outline-tw:focus{
  background:#fff;border-color:#fff;color:#1071B8 !important;transform:translateY(-2px);
}
.three-way-saga .btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
 
/* illustration */
.three-way-saga .tw-art-wrap{position:relative;max-width:620px;margin:0 auto}
.three-way-saga .tw-art-wrap::before{
  content:"";position:absolute;inset:8% 6%;border-radius:50%;
  background:rgba(255,255,255,.18);filter:blur(50px);z-index:-1;
}
.three-way-saga .tw-art{display:block;width:100%;height:auto}
 
/* bottom wave into the next (white) section */
.three-way-saga .tw-wave{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:60px;display:block}
 
/* entrance animation */
.three-way-saga .content > *{animation:twUp .7s ease both}
.three-way-saga .content > *:nth-child(2){animation-delay:.08s}
.three-way-saga .content > *:nth-child(3){animation-delay:.16s}
.three-way-saga .content > *:nth-child(4){animation-delay:.24s}
.three-way-saga .content > *:nth-child(5){animation-delay:.32s}
.three-way-saga .tw-art-wrap{animation:twUp .9s .2s ease both}
@keyframes twUp{from{opacity:0;transform:translateY(18px)}}
 
/* responsive */
@media (max-width:991.98px){
  .three-way-saga{padding:64px 0 90px;text-align:center}
  .three-way-saga .tw-lead{margin-left:auto;margin-right:auto}
  .three-way-saga .tw-modules,.three-way-saga .buttons{justify-content:center}
  .three-way-saga .tw-underline{display:inline-block !important}
}
@media (max-width:575.98px){
  .three-way-saga .tw-lead{font-size:16px}
  .three-way-saga .buttons .btn{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .three-way-saga .content > *,.three-way-saga .tw-art-wrap,.three-way-saga .tw-underline{animation:none}
  .three-way-saga .tw-underline{background-size:100% 4px}
}
.commercial-estate,.exceptional-pricing,.proficient-accounting,.real-estate {
  position:relative;
  height:84vh;
  padding:40px 0;
}
.vertical-property {
  padding:40px 0;
  text-align:center
}
.vertical-property h2 {
  margin-bottom:10px
}
.vertical-property p.subtitle {
  color:#6c757d;
  margin-bottom:40px
}
.vertical-property .nav-tabs {
  border:none;
  justify-content:center;
}
.vertical-property .nav-tabs .nav-item {
  margin:8px 9px
}
.vertical-property .nav-tabs .nav-link {
  border: 1px solid #d6d6d6;
  border-radius: 10px;
  color: #4e4e4e;
  padding: 6px 20px;
  background: #fff;
  transition: .3s;
  font-weight: bolder;
  word-wrap: break-word;
}
.vertical-property .faq-card__icon.fa-2x.icon--blue {
    width: 44px;
    height: 44px;
    border-radius: 11px;
    background: #EAF1FB;
    color: var(--blue);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    transition: .2s;
}
.vertical-property .nav-tabs .nav-link.active {
      background-color: #165DD9;
    color: #fff;
    border: unset;
  box-shadow:0 0 8px #ffc10757
}
.vertical-property .tab-content {
  background:#fff;
  border-radius:15px;
  box-shadow:0 2px 10px rgb(0 0 0 / 17%);
  text-align:left;
  padding:30px;
  margin:0 auto
}
.vertical-property .tab-content h3 {
  color:#000;
  font-size:20px;
  padding-top: 11px;
  font-weight:600;
  margin-bottom:8px
}
.vertical-property .tab-content h6 {
  color:#6c757d;
  font-size:14px;
  margin-bottom:15px
}
.vertical-property .tab-content ul {
  margin-left:20px
}
.vertical-property .tab-content ul li {
  margin-bottom:8px
}
.vertical-property .pro-tip {
  color:#2c662d;
  border-radius:10px;
  padding:10px 15px;
  font-size:14px
}
.vertical-property .pro-tip i {
  margin-right:8px;
  color:#ffc107
}
.vertical-property .main-icon {
  background:#c9e8ff;
  padding:16px;
  color:#000;
  font-size:25px;
  border-radius:50px;
  width:60px;
  height:60px;
  margin-bottom:20px;
  border:1px solid #000
}
.platform-guides {
  background:#f8f9fb
}
.platform-guides .guide-cards {
  border:1px solid #06519f;
  border-radius:10px;
  padding:25px;
  height:100%;
  box-shadow:0 2px 8px rgb(0 0 0 / .05);
  transition:transform .2s,box-shadow .2s
}
.platform-guides .guide-cards:hover {
  transform:translateY(-4px);
  box-shadow:0 6px 16px rgb(0 0 0 / 38%)
}
.platform-guides .guide-cards h5 {
  font-size:2.25rem;
  margin-bottom:.25rem
}
.platform-guides .guide-cards .subtitle {
  color:#007bff;
  font-weight:500;
  margin-bottom:1rem
}
.platform-guides .guide-cards ul li {
  color:#333;
  margin:18px 0;
  font-size:1.5rem
}
.platform-guides .blue-bg {
  background-color:#eaf3ff
}
.platform-guides .green-bg {
  background-color:#e8f9f0
}
.platform-guides .purple-bg {
  background-color:#f3ebff
}
.platform-guides .peach-bg {
  background-color:#fff1e8
}
.platform-guides .light-blue-bg {
  background-color:#edf4ff
}
.platform-guides .yellow-bg {
  background-color:#fffded
}
.platform-guides .red-bg {
  background-color:#ffeded
}
.platform-guides .black-bg {
  background-color:#dbdbdb
}
.platform-guides .badge-primary {
  background-color:#007bff;
  font-size:.7rem;
  padding:4px 8px;
  border-radius:8px
}
.subledgers .chain-box h4 {
  font-size:2rem;
  font-weight:600
}
.commercial-estate .content h1, .content h1,.proficient-accounting .content h1,.real-estate .content h1 {
  color:#fff;
  font-size:4rem;
  font-weight:700;
  line-height:51px
}
.subledgers .chain-box {
  height:85%
}
.subledgers .chain-box .icon {
  margin:auto;
  border-radius:50%;
  box-sizing:border-box;
  box-shadow:7px 7px 10px #cbced1,-7px -7px 10px #fff;
  width:50px;
  height:50px;
  display:flex;
  justify-content:center;
  font-size:25px;
  align-items:center;
  color:#1da1f2
}
.exceptional-pricing {
  background:url(../img/pricing.gif) center center/cover no-repeat
}
.pricing-purchase .price-tabs .nav-link {
  color:#000;
  font-weight:600;
  font-size:16px;
  padding:12px 35px;
  display:inline-block;
  text-transform:capitalize;
  border-radius:40px;
  -webkit-transition:.3s;
  transition:.3s
}
.pricing-purchase .price-tabs .nav-link.active {
  background-color:#f9c300;
  color:#000
}
.pricing-purchase .price-item {
  background-color:#fff;
  box-shadow:0 5px 30px 0 rgb(39 39 39 / 34%);
  border-radius:10px
}
.pricing-purchase .price-item .price-top {
  -webkit-box-shadow:0 5px 30px 0 rgb(39 39 39 / .15);
  box-shadow:0 5px 30px 0 rgb(39 39 39 / .15);
  padding:50px 0 25px;
  background-color:#126fb5;
  border-radius:10px;
  position:relative;
  z-index:0;
  margin-bottom:33px
}
.pricing-purchase .btn.btn-custom {
  background:#f9c300;
  border-radius:30px;
  font-weight:600
}
.pricing-purchase .price-item .price-top:after {
  height:50px;
  width:100%;
  border-radius:0 0 10px 10px;
  background-color:#126fb5;
  position:absolute;
  content:"";
  left:0;
  bottom:-17px;
  z-index:-1;
  -webkit-transform:skewY(5deg);
  transform:skewY(5deg);
  -webkit-box-shadow:0 5px 10px 0 rgb(113 113 113 / .15);
  box-shadow:0 5px 10px 0 rgb(113 113 113 / .15)
}
@media (min-width:768px) {
  .pricing-purchase .price-tabs .nav-link {
    padding:10px 50px
  }
  .pricing-purchase .price-item {
    margin:0 20px;
    padding-top:20px;
    padding-bottom:20px
  }
  .pricing-purchase .price-item .price-top {
    margin:0 -20px;
    border-radius:20px
  }
  .pricing-purchase .price-item .price-top:after {
    border-radius:0 0 20px 20px
  }
}
.pricing-purchase .price-item .price-top h2 sup {
  top:13px;
  left:-5px;
  font-size:.35em;
  font-weight:500;
  vertical-align:top
}
.pricing-purchase .price-item .price-content .zmdi-check {
  color:#28a745
}
.pricing-purchase .popular {
  background-color:#126fb5
}
.pricing-purchase ul.border-bottom li {
  margin:18px 0;
  font-size:14px
}
.pricing-purchase ul.border-bottom {
  list-style:none;
  padding:0 15px;
  height:310px;
  overflow-y:scroll
}
.pricing-purchase ul.border-bottom::-webkit-scrollbar {
  display:none
}
.pricing-purchase .popular .price-top h4 {
  color:#101f41
}
.real-estate {
  background:url(https://www.outsourcedbookeeping.com/wp-content/uploads/2024/05/Untitled-1.jpg) center center/cover no-repeat
}
.real-estate .service-form {
  background:#ffffff96;
  padding:20px;
  border-radius:10px;
  box-shadow:0 4px 8px 0 #fff0,0 6px 20px 0 rgb(0 0 0 / 29%)
}
.commercial-estate {
  background:url(https://www.outsourcedbookeeping.com/wp-content/uploads/2026/02/account-payacommercial-accountingable.gif) center center/cover no-repeat
}
.proficient-accounting {
  align-items:center;
  display:flex
}
.commercial-estate .service-form,.service-form,.proficient-accounting .service-form {
  background:#00000085;
  padding:30px;
  border-radius:17px;
  color:#fff;
  border:1px solid #9c9595
}
.commercial-estate .content h1 label {
  color:#f6c42a
}

.proficient-accounting {
  background:url(../img/proficient-account.gif) center center/cover no-repeat
}

.services-wrapped .service-card {
  background:#fff;
  border-radius:14px;
  padding:28px 24px;
  position:relative;
  box-shadow:0 6px 18px rgb(28 36 40 / .06);
  border:1px solid;
  transition:transform .18s,box-shadow .18s,border-color .18s;
  min-height:100%;
  display:flex;
  flex-direction:column
}
.services-wrapped .service-card:hover {
  transform:translateY(-6px);
  box-shadow:0 12px 28px rgb(28 36 40 / .08);
  border:2px solid #23bbe4;
  box-shadow:0 12px 30px rgb(13 110 253 / .06)
}
.services-wrapped .service-card:hover .icon-box {
  background:#23bbe4;
  color:#fff
}
.services-wrapped .icon-box {
  width:54px;
  height:54px;
  border-radius:10px;
  background:rgb(13 110 253 / 16%);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#23bbe4;
  font-size:29px;
  margin-bottom:14px
}
.services-wrapped .pill-badge {
  position:absolute;
  right:18px;
  top:18px;
  background:linear-gradient(180deg,#5bef76,#befeca);
  color:#111;
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:600;
  box-shadow:0 2px 6px rgb(0 0 0 / .05)
}
.services-wrapped .service-card .title {
  font-size:20px;
  font-weight:700;
  margin-bottom:10px;
  color:#0b2b3b
}
.services-wrapped .service-card .desc {
  color:#6b7680;
  line-height:1.6;
  font-size:14px;
  margin-top:auto
}
.services-wrapped .card-col {
  margin-bottom:26px
}
.services-wrapped .service-card .inner-border {
  border-radius:12px;
  padding:12px;
  border:1px solid;
  height:100%
}
.service-accordion .card {
  border:1px solid;
  border-radius:10px;
  box-shadow:0 6px 18px rgb(22 28 34 / 25%);
  margin-bottom:18px;
  overflow:visible
}
.service-accordion .card .card-body {
  display:flex;
  align-items:flex-start;
  padding:22px;
  position:relative
}
.service-icon {
  width:56px;
  height:56px;
  border-radius:10px;
  background:rgb(14 114 235 / .06);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#0e72eb;
  font-size:20px;
  flex:0 0 56px;
  margin-right:18px
}
.service-content {
  flex:1 1 auto;
  min-width:0
}
.service-title {
  margin:0;
  font-size:18px;
  font-weight:700;
  color:#111
}
.service-sub {
  margin:6px 0 0;
  color:#6b7177;
  font-size:14px;
  line-height:1.5
}
.service-toggle {
  margin-left:12px;
  color:#6b7177;
  font-size:18px;
  flex:0 0 28px;
  align-self:center;
  cursor:pointer
}
.card.collapsed .service-toggle i {
  transform:rotate(0);
  transition:transform .18s
}
.card .service-toggle i {
  transform:rotate(180deg);
  transition:transform .18s
}
.service-panel {
  border-top:1px solid;
  padding:0 94px 22px;
  background:#fff;
  color:#555
}
.service-panel ul {
  margin:0;
  padding-left:1.1rem;
  list-style:disc
}
.service-panel li {
  margin:8px 0;
  color:#5f666b;
  font-size:14px
}
.quickBooksinfo {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, #EAF3FC 0%, #F7FBF8 55%, #eafff3 100%);
    padding: 40px 0;
  }
  .quickBooksinfo .qbx-wrap { position: relative; max-width: 1140px; margin: 0 auto; }
  .quickBooksinfo .qbx-para {
    text-align: center;
  }
  .quickBooksinfo .qbx-para + .qbx-para { margin-top: 14px; }
  .quickBooksinfo .qbx-canvas-wrap { margin-top: 16px; }
  .quickBooksinfo .qbx-canvas {
    position: relative;
    width: 100%;
    aspect-ratio: 1100 / 560;
    max-width: 1100px;
    margin: 0 auto;
  }
  .quickBooksinfo .qbx-canvas > svg.qbx-lines { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
  .quickBooksinfo .qbx-card .qbx-icon svg { display: block; width: 20px; height: 20px; }
  .quickBooksinfo .qbx-card {
    position: absolute;
    background: #FFFFFF;
    border: 1px solid #E7EEE9;
    border-radius: 12px;
    box-shadow: 0 10px 24px rgba(16,40,24,0.06);
    padding: 10px;
    display: flex; flex-direction: column; align-items: center; text-align: center;
    justify-content: center;
  }
  .quickBooksinfo .qbx-card .qbx-icon {
   width: 26px;
  height: 26px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
  flex-shrink: 0;
  }
  .quickBooksinfo .qbx-card.blue .qbx-icon { background: #E7F1FC; }
  .quickBooksinfo .qbx-card.green .qbx-icon { background: #EAF7EE; }
  .quickBooksinfo .qbx-card h3 {
    font-size: 16.5px; font-weight: 800; margin: 0 0 4px; line-height: 1.25; color: #16211A;
  }
  .quickBooksinfo .qbx-card p {
    font-size: 11.3px; line-height: 1.4; margin: 0; color: #7C8A82;
  }
  .quickBooksinfo .qbx-card.blue h3 { color: #0F6AAF; }
  .quickBooksinfo .qbx-card.green h3 { color: #1B5E20; }

  .quickBooksinfo .qbx-hub {
    position: absolute;
    background: linear-gradient(120deg, #0F6AAF 0%, #1B5E20 100%);
    border-radius: 999px;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 14px 30px rgba(15,60,40,0.22);
  }
  .quickBooksinfo .qbx-hub span {
    color: #FFFFFF; font-weight: 800; font-size: 15px; letter-spacing: 0.2px;
  }
  .quickBooksinfo .qbx-mobile-flow { display: none; }
  .quickBooksinfo .qbx-mobile-flow .qbx-mcard {
    background: #FFFFFF; border: 1px solid #E7EEE9; border-radius: 12px;
    box-shadow: 0 8px 18px rgba(16,40,24,0.06);
    padding: 14px 16px; display: flex; align-items: center; gap: 12px;
    max-width: 420px; margin: 0 auto;
  }
  .quickBooksinfo .qbx-mobile-flow .qbx-mcard .qbx-icon {
    width: 36px; height: 36px; border-radius: 50%; flex-shrink: 0;
    display: flex; align-items: center; justify-content: center;
  }
  .quickBooksinfo .qbx-mobile-flow .qbx-mcard.blue .qbx-icon { background: #E7F1FC; }
  .quickBooksinfo .qbx-mobile-flow .qbx-mcard.green .qbx-icon { background: #EAF7EE; }
  .quickBooksinfo .qbx-mobile-flow .qbx-mcard h3 { font-size: 13.5px; font-weight: 800; margin: 0 0 2px; color: #16211A; }
  .quickBooksinfo .qbx-mobile-flow .qbx-mcard.blue h3 { color: #0F6AAF; }
  .quickBooksinfo .qbx-mobile-flow .qbx-mcard.green h3 { color: #1B5E20; }
  .quickBooksinfo .qbx-mobile-flow .qbx-mcard p { font-size: 11.5px; margin: 0; color: #7C8A82; line-height: 1.35; }
  .quickBooksinfo .qbx-mobile-flow .qbx-mline {
    width: 2px; height: 22px; background: #D7E3DC; margin: 0 auto;
  }
  .quickBooksinfo .qbx-mobile-flow .qbx-mhub {
    max-width: 260px; margin: 0 auto; text-align: center;
    background: linear-gradient(120deg, #0F6AAF 0%, #1B5E20 100%);
    color: #fff; font-weight: 800; font-size: 14.5px;
    padding: 12px 18px; border-radius: 999px;
    box-shadow: 0 10px 22px rgba(15,60,40,0.2);
  }
  .quickBooksinfo .qbx-closing {
    text-align: center;  color: #3A463E; font-weight: 500;
  }
  .quickBooksinfo .qbx-cta { text-align: center; margin-top: 22px; }
  .quickBooksinfo .qbx-btn {
    display: inline-block; background: #0F6AAF; color: #fff; font-weight: 700;
    font-size: 14.5px; padding: 3px 25px; border-radius: 8px; border: 2px solid #0F6AAF;
    cursor: pointer; box-shadow: 0 8px 20px rgba(15,106,175,0.25);
  }
  .quickBooksinfo .qbx-btn:hover { background: #0C5A93; border-color: #0C5A93; color: #fff; }

  @media (max-width: 900px) {
    .quickBooksinfo .qbx-canvas-wrap { display: none; }
    .quickBooksinfo .qbx-mobile-flow { display: block; }
  }
.essential-quickBooks {
  padding:40px 0;
  background:linear-gradient(179deg,#fff 0,#cfe4ff 44%,#fffdf3 81%)
}
.essential-quickBooks .migration {
  background:#fff;
  border-radius:10px;
  height:auto;
  padding:20px
}
.essential-quickBooks .migration h3 {
  font-weight:700;
  font-size:19px;
  margin-top:16px
}
.our-certification .certify-img {
  border:1px solid #cccccc7d;
  padding:38px;
  border-radius:20px;
  box-shadow:0 4px 8px 0 #fff0,0 6px 20px 0 rgb(0 0 0 / 15%)
}
.bubbles_wrap .bubble {
  position:absolute;
  background:#fad03b;
  border-radius:50%;
  opacity:.9;
  animation:10s linear infinite rise;
  transform:translate3d(0,0,0)
}
@keyframes rise {
  0% {
    transform:translateY(0) scale(1) rotate(0);
    opacity:0
  }
  10% {
    opacity:.6
  }
  50% {
    opacity:.85
  }
  100% {
    transform:translateY(-125vh) scale(1.15) rotate(360deg);
    opacity:0
  }
}
@media (max-width:767px) {
  .certified-public-accountant,.quickbooks-accounts,.realpage,.tax {
    height:auto!important;
    margin-top:0 !important;
  }
  .accounting-services .migration,.security-deposite,.tax,.three-way-saga,.voyager-breeze,trust-accounting {
    height:auto!important
  }
  .tax {
    background:#e1e6e0!important
  }
  .number-box {
    left:41%!important
  }
  .service-specific .faq-card__head {
    margin-bottom:28px!important
  }
  .quickBooks .info-icons .mx-3 {
    margin:5px 0!important;
    font-size:12px!important
  }
  .box-subtitle {
    margin:0!important
  }
  .three-way-appfolio .content h1,.content h1,.three-way-trust .content h1,three-way-appfolio .content h1 {
    font-size:3rem!important;
    line-height:normal!important
  }
  .vertical-property .nav-tabs .nav-link {
    padding:1px 7px!important
  }
  .quickbooks-accounts .content h1 {
    font-size:3rem!important
  }
  .affordable {
    margin-top:0!important;
    height: auto !important;
  }
  trust-accounting {
    margin-top:64px!important
  }
  .trust-accounting .hero-title {
    font-size:3rem!important
  }
  .bubbles_wrap .x1,.quickbooks-accounts .bubbles_wrap .x1 {
    width:110px;
    height:110px
  }
  .bubbles_wrap .x5,.quickbooks-accounts .bubbles_wrap .x5 {
    width:90px;
    height:90px
  }
  .bubbles_wrap .x8,.quickbooks-accounts .bubbles_wrap .x8 {
    width:100px;
    height:100px
  }
  .quickbooks-accounts .content h2 {
    font-size:3.6rem
  }
}
.right-quickbooks {
  padding:40px 0;
  background:#fff;
}
.right-quickbooks .migration {
  border:1px solid;
  padding:10px;
  border-radius:10px;
  box-shadow:0 4px 8px 0 transparent,0 6px 20px 0 rgb(0 0 0 / .15);
  height:100%;
  transition:.3s;
  background:#fff
}
.right-quickbooks .migration .icon {
  background:#c6f3da;
  width:60px;
  height:60px;
  border-radius:10px;
  padding:12px 11px;
  font-size:28px;
  color:#3ea351
}
.right-quickbooks .migration h3 {
  font-weight:700;
  font-size:18px;
  margin-top:16px
}

.testimonial-page-section {
  background:#f6f8fa
}
.testimonial-page-section .testimonial-card.text-left {
  background-color:#fff;
  background-position:235px 8px;
  background-repeat:no-repeat;
  border-style:none;
  box-shadow:-11px 11px 20px 0 rgba(0,0,0,.06);
  padding:20px;
  border-radius:20px;
  height:100%;
  margin-bottom:30px
}
.testimonial-page-section .bdt-ep-review-card-grid-image {
  height:75px;
  width:75px;
  min-height:75px;
  min-width:75px;
  display:inline-block;
  transform:translate(var(--ep-review-card-grid-image-h-offset,0),var(--ep-review-card-grid-image-v-offset,0))
}
.testimonial-page-section .testimonial-avatar {
  height:100%;
  object-fit:cover;
  width:100%;
  border-radius:100%!important
}
.testimonial-page-section .testimonial-text {
  font-size:16px;
  line-height:1.4738
}
.testimonial-page-section .testimonial-name {
  font-size:18px;
  font-weight:600;
  color:#0d0925;
  padding-bottom:0;
  padding-top:10px
}
.press-release .press-card {
  background:#f8f8f8;
  padding:28px 25px;
  height:auto;
  margin-bottom:37px;
  box-shadow:0 0 10px 0 rgba(0,0,0,.15)
}
.press-release .press-card:hover {
  box-shadow:0 0 30px 0 rgba(0,0,0,.15)
}
.press-release .press-title {
  font-size:20px;
  font-weight:500;
  color:#131313;
  margin-bottom:15px;
  line-height:1.3
}
.press-release .press-text {
  font-size:15px;
  line-height:1.7;
  color:#000;
  margin-bottom:22px
}
.press-release .btn-read-more {
  background-color:#1e73be;
  color:#fff;
  font-size:14px;
  padding:8px 18px;
  border-radius:0;
  font-weight:600;
  text-transform:uppercase
}
.press-release .btn-read-more:hover {
  background-color:#155d99;
  color:#fff;
  text-decoration:none
}
.press-release h4 {
  color:#131313;
  font-family:"DM Serif Display",Sans-serif;
  font-size:20px;
  font-weight:500
}
.event-featured .featured-title {
  font-size:17px;
  font-weight:500;
  margin:0
}
.event-featured .border {
  max-height:400px;
  padding:13px;
  margin-bottom:20px
}
.certified-public-accountant {
  background:url("https://www.outsourcedbookeeping.com/wp-content/uploads/2026/01/certified-public.png") center/cover no-repeat;
  padding:70px 0;
  display:flex;
  align-items:center;
}
@media (max-width:991px) {
  .certified-public-accountant .certified-public-accountant h2 {
    font-size:2rem!important;
    line-height:unset!important
  }
}
.certified-public-accountant h2 {
  color:#000;
  font-weight:700;
  font-size:4rem
}
.certified-public-accountant p {
  color:#000;
  font-size:20px;
  margin-top:20px;
  line-height:41px;
  font-weight:unset
}
.result .reviewer-card {
  background:#fff;
  border-radius:16px;
  padding:30px;
  max-width:520px;
  box-shadow:0 12px 30px rgb(0 0 0 / 24%)
}
.result .review-item {
  background:#f6f7f9;
  border-radius:12px;
  padding:14px 18px;
  display:flex;
  align-items:center;
  margin-bottom:12px;
  font-size:18px
}
.result .item-icon {
  width:50px;
  height:50px;
  border-radius:10px;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-right:12px;
  font-size:22px
}
.software-expertise {
  padding:40px 0;
  background:#f9f9f9
}
.software-expertise .cata-box {
  border:1px solid #cccccc7d;
  padding:8px;
  border-radius:20px;
  box-shadow:0 4px 8px 0 rgb(0 0 0 / 0%),0 6px 20px 0 rgb(0 0 0 / 15%);
  display:flex;
  justify-content:center;
  margin-bottom:19px
}
.software-expertise .cata-box img {
  width:100%;
  height:auto
}
.security-continuity {
  padding:40px 0;
  background:#02336e;
  color:#d1d5db
}
.security-continuity .security-badge {
  display:inline-block;
  padding:6px 14px;
  border-radius:20px;
  background:rgb(250 204 20 / 22%);
  color:#facc15;
  font-size:13px;
  margin-bottom:15px
}
.security-continuity .security-title {
  color:#fff;
  font-weight:700;
  margin-bottom:10px
}
.security-continuity .security-title span {
  color:#facc15
}
.security-continuity .security-subtitle {
  max-width:720px;
  margin:0 auto 40px;
  font-size:15px;
  color:#9ca3af
}
.security-continuity .iso-card {
  max-width:520px;
  display:flex;
  align-items:center;
  gap:20px;
  padding:25px;
  border-radius:16px;
  background:#ffffff38;
  box-shadow:0 0 30px rgba(255,193,7,.15);
  border:1px solid rgba(255,193,7,.25)
}
.security-continuity .iso-icon {
  font-size:40px;
  background:#facc15;
  color:#000;
  width:60px;
  height:60px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center
}
.security-continuity .feature-card {
  height:100%;
  padding:28px;
  border-radius:16px;
  background:#ffffff38;
  border:1px solid rgba(255,255,255,.05);
  text-align:left;
  transition:.3s;
  color:#fff;
}
.security-continuity .feature-card:hover {
  transform:translateY(-6px);
  box-shadow:0 0 35px rgb(250 204 21 / 18%)
}
.security-continuity .feature-icon {
  font-size:28px;
  margin-bottom:12px;
  color:#3fffd8
}
.security-continuity .feature-card h6 {
  color:#fff;
  font-weight:600;
  margin-bottom:8px
}
.security-continuity .feature-card p {
  font-size:14px;
  color:#fff
}
.security-continuity .security-footer {
  margin-top:35px;
  color:#9ca3af;
  font-size:14px
}
.security-continuity .btn-security {
  margin-top:15px;
  padding:12px 28px;
  border-radius:30px;
  background:#e0c02d;
  color:#000;
  font-weight:600;
  border:none;
  font-size:18px
}
a.back-button {
  background:#1386c9;
  padding:9px 20px;
  color:#fff;
  border-radius:8px;
  font-size:17px
}
.blog_img img,.overlay_bg {
  width:100%!important
}
.blog_img .postgrid_container {
  position:inherit!important
}
.pricing-purchase {
  padding:60px 0;
  background:#f9f9f9
}
.pricing-purchase .section-title h2 {
  font-size:36px;
  font-weight:700;
  margin-bottom:10px
}
.pricing-purchase .price-tabs {
  background-color:#fff;
  -webkit-box-shadow:0 5px 20px 0 rgb(39 39 39 / .1);
  box-shadow:0 5px 20px 0 rgb(39 39 39 / .1);
  display:inline-block;
  padding:7px;
  border-radius:40px;
  border:1px solid #f9c300;
  margin-bottom:25px
}
.integration-tools {
  padding:40px 0;
  background:#D8DFE5
}
.integration-tools .connection-container {
  position:relative
}
.integration-tools button.btn {
  background-color:#fff;
  border-radius:18px;
  box-shadow:0 8px 16px rgb(0 0 0 / .08),0 0 1px rgb(0 0 0 / .05);
  margin:68px 0;
  font-size:20px
}
.integration-tools button.btn:hover {
  background:#1e293b;
  color:#fff
}
.integration-tools .center-hub {
  width:130px;
  height:130px;
  background-color:#fff;
  border-radius:20px;
  box-shadow:0 8px 16px rgb(0 0 0 / .08),0 0 1px rgb(0 0 0 / .05);
  display:flex;
  justify-content:center;
  align-items:center;
  z-index:2
}
.integration-tools .hub-icon-inner {
  width:110px;
  height:110px;
  background-color:#1e293b;
  border-radius:10px;
  transform:rotate(0deg);
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:26px;
  text-align:center
}
.integration-tools .connection-lines {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  pointer-events:none;
  z-index:1
}
.integration-tools .dashed-line {
  fill:none;
  stroke:#474747;
  stroke-width:2;
  stroke-dasharray:4 4;
  stroke-linecap:butt
}
.integration-tools .caption {
  font-size:1rem;
  color:#444;
  display:flex;
  align-items:center
}
.integration-tools .caption i {
  color:#333;
  margin-right:5px;
  font-size:1.1em
}
@media (max-width: 767px) {
  .integration-tools .connection-lines {
    display: none;
  }
  .integration-tools .connection-container.row {
    display: flex;
    flex-direction: column;
  }
  .integration-tools .connection-container > [class*="col-"] {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }
  .integration-tools .connection-container > .col-4:not(.platform-group) {
    order: -1;
    margin-bottom: 28px;
  }
  .integration-tools .left-group {
    order: 1;
  }
  .integration-tools .right-group {
    order: 2;
  }
  .integration-tools .center-hub {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .integration-tools .platform-group {
    width: 100%;
  }
  .integration-tools .platform-group .button {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 0 10px;
    width: 100%;
  }
  .integration-tools .platform-group .button br {
    display: none;
  }
  .integration-tools .btn {
    display: flex;
    align-items: center;
    width: 100%;
    text-align: left;
    background: #FFFFFF;
    border: none;
    border-radius: 12px;
    padding: 4px 13px;
    box-shadow: 0 4px 14px rgba(18, 35, 59, 0.08);
    font-weight: 700;
    font-size: 15px;
    color: #12233B;
    position: relative;
    margin: 0 !important;
    white-space: normal;
  }
  .integration-tools .btn::before {
    content: "";
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 17px 17px;
  }
}
.powered {
  padding:40px 0;
  background:#e8f5ff
}
.powered .box-contnet {
  background-color:var(--token-37699ec8-6f41-4363-9a8a-9e76d6ead784,#f6fbff);
  border-radius:8px;
  box-shadow:rgb(16 49 77 / .21) 0 .796192px 1.43315px -.875px,rgb(16 49 77 / .2) 0 2.41451px 4.34611px -1.75px,rgb(16 49 77 / .17) 0 6.38265px 11.4888px -2.625px,rgb(16 49 77 / .09) 0 20px 36px -3.5px;
  padding:30px;
  border-radius:20px;
  margin-bottom:23px;
  height:305px
}
.powered .box-contnet .icon {
  width:70px;
  background-color:var(--token-37699ec8-6f41-4363-9a8a-9e76d6ead784,#f6fbff);
  border-radius:8px;
  box-shadow:rgb(16 49 77 / .21) 0 .796192px 1.43315px -.875px,rgb(16 49 77 / .2) 0 2.41451px 4.34611px -1.75px,rgb(16 49 77 / .17) 0 6.38265px 11.4888px -2.625px,rgb(16 49 77 / .09) 0 20px 36px -3.5px;
  height:70px;
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:36px
}
.powered .box-contnet h4 {
  padding:13px 0;
  font-weight:600
}
.powered .box-contnet p {
  font-weight:600;
  color:#636161
}
.vcfo-bnr-a{background:linear-gradient(180deg,#E8F1FB 0%,#F7FAFD 72%,#fff 100%);overflow:hidden;position:relative}
.vcfo-bnr-a::before{content:"";position:absolute;top:-90px;right:-90px;width:320px;height:320px;
  border-radius:50%;background:rgba(244,196,48,.16)}
.vcfo-bnr-a .bnr-a-chip{display:inline-flex;align-items:center;background:#fff;border:1px solid #D7E3F1;
  border-radius:999px;padding:7px 15px;font-size:11px;
  letter-spacing:.14em;text-transform:uppercase;color:#0E4E99}
.vcfo-bnr-a .bnr-a-title{font-size:calc(2.1rem + 1.9vw);font-weight:800;line-height:1.04;
  letter-spacing:-.03em;color:#0E2942;margin:0}
.vcfo-bnr-a .bnr-a-title span{position:relative;color:#1A73C8;white-space:nowrap}
.vcfo-bnr-a .bnr-a-title span::after{content:"";position:absolute;left:0;right:0;bottom:.06em;height:.26em;
  background:rgba(244,196,48,.55);z-index:-1}
.vcfo-bnr-a .bnr-a-text{font-size:16.5px;line-height:1.65;color:#5A7089;max-width:52ch}
.vcfo-bnr-a .bnr-a-btn{background:#1A73C8;color:#fff;border-radius:999px;padding:15px 30px;font-size:15.5px;
  font-weight:700;border:0;white-space:nowrap;transition:transform .16s,box-shadow .16s}
.vcfo-bnr-a .bnr-a-btn:hover{color:#fff;transform:translateY(-2px);box-shadow:0 12px 24px -12px rgba(26,115,200,.9)}
.vcfo-bnr-a .bnr-a-btn2{background:transparent;color:#0E2942;border:1.5px solid #B9CEE6;border-radius:999px;
  padding:15px 28px;font-size:15.5px;font-weight:700}
.vcfo-bnr-a .bnr-a-btn2:hover{color:#0E2942;border-color:#0E2942}
.vcfo-bnr-a .bnr-a-proof{border-top:1px solid #D7E3F1}
.vcfo-bnr-a .bnr-a-proof li{padding:18px 10px}
.vcfo-bnr-a .bnr-a-proof b{display:block;font-size:17px;font-weight:800;color:#0E2942;line-height:1.2}
.vcfo-bnr-a .bnr-a-proof small{display:block;margin-top:3px;font-size:12.5px;color:#5A7089;line-height:1.35}
.vcfo-bnr-a .bnr-a-art{display:block;width:100%;height:auto;max-width:100%}
.vcfo-hub-b{background:#0E2942}
.vcfo-hub-b .hub-b-grid{inset:0;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:52px 52px;
  -webkit-mask-image:radial-gradient(110% 80% at 50% 0%,#000 25%,transparent 75%);
          mask-image:radial-gradient(110% 80% at 50% 0%,#000 25%,transparent 75%)}

.vcfo-hub-b .hub-b-title{font-size:calc(1.7rem + 1.1vw);font-weight:800;line-height:1.1;letter-spacing:-.03em;
  color:#fff;margin:0}
.vcfo-hub-b .hub-b-title span{color:#7FB6EC}
.vcfo-hub-b .hub-b-core{width:100%;max-width:280px;border-radius:20px;padding:24px;text-align:center;
  background:linear-gradient(150deg,rgba(26,115,200,.34),rgba(255,255,255,.05));
  border:1px solid rgba(244,196,48,.45)}
.vcfo-hub-b .hub-b-core small{font-size:10px;letter-spacing:.18em;
  color:#F4C430;text-transform:uppercase;display:block}
.vcfo-hub-b .hub-b-core b{display:block;margin-top:8px;font-size:26px;font-weight:800;color:#fff;line-height:1.1}
.vcfo-hub-b .hub-b-core p{margin:10px 0 0;font-size:13.5px;line-height:1.55;color:rgba(255,255,255,.75)}
.vcfo-hub-b .hub-b-item{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;border-radius:14px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);height:100%;
  transition:background .18s,border-color .18s}
.vcfo-hub-b .hub-b-item:hover{background:rgba(255,255,255,.09);border-color:rgba(244,196,48,.5)}
.vcfo-hub-b .hub-b-ic{width:38px;height:38px;border-radius:11px;background:rgba(26,115,200,.28);flex:none;
  display:flex;align-items:center;justify-content:center}
.vcfo-hub-b .hub-b-ic svg{width:21px;height:21px;display:block}
.vcfo-hub-b .hub-b-item h3{font-size:16px;font-weight:800;color:#fff;line-height:1.25;margin:0}
.vcfo-hub-b .hub-b-item p{font-size:13.5px;line-height:1.55;color:rgba(255,255,255,.76);margin:5px 0 0}
.vcfo-hub-b .hub-b-num{font-size:10px;letter-spacing:.12em;
  color:rgba(255,255,255,.45);display:block;margin-bottom:4px}
.fa-3x {
  font-size: 3.5rem;
}
.obyz-choose-us {
  --ink:#0E2A47;
  --brand:#0B5FD0;
  --brand-2:#1488E6;
  --text:#465A72;
  --muted:#7B8DA3;
  --line:#E4ECF5;
  --card:#FFFFFF;
  --tint:#EFF5FD;
  font-family:"Inter",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  color:var(--text);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  box-sizing:border-box
}
.obyz-choose-us *,.obyz-choose-us *::before,.obyz-choose-us *::after {
  box-sizing:inherit
}
.obyz-choose-us .obyz-eyebrow {
  display:inline-block;
  font-family:"Manrope",sans-serif;
  font-weight:700;
  font-size:12px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--brand);
  background:var(--tint);
  padding:7px 14px;
  border-radius:999px;
  margin:0 0 18px
}
.obyz-choose-us {
  background: #f2fcff;
}
.obyz-choose-us .obyz-lead {
  font-size:16.5px;
}
.obyz-choose-us .obyz-cta {
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-family:"Manrope",sans-serif;
  font-weight:700;
  font-size:15px;
  color:#fff;
  background:var(--brand);
  text-decoration:none;
  padding:14px 24px;
  border-radius:10px;
  transition:transform .15s ease,background .15s ease;
  box-shadow:0 8px 20px rgba(11,95,208,.22)
}
.obyz-choose-us .obyz-cta:hover {
  background:#0a52b6;
  transform:translateY(-2px)
}
.obyz-choose-us .obyz-cta svg {
  width:16px;
  height:16px
}
.obyz-choose-us .obyz-stats {
  display:grid;
  gap:16px
}
.obyz-choose-us .obyz-stat {
  background:linear-gradient(150deg,#11407A 0%,#0E2A47 100%);
  color:#fff;
  border-radius:16px;
  padding:24px 26px;
  box-shadow:0 14px 34px rgba(14,42,71,.16)
}
.obyz-choose-us .obyz-stat .num {
  font-family:"Manrope",sans-serif;
  font-weight:800;
  font-size:34px;
  line-height:1;
  letter-spacing:-.02em;
  color:#fff;
  display:flex;
  align-items:baseline;
  gap:4px
}
.obyz-choose-us .obyz-stat .num span {
  color:#7FC0FF;
  font-size:24px
}
.obyz-choose-us .obyz-stat .lbl {
  margin-top:8px;
  font-size:13.5px;
  color:#BFD6EE
}
.obyz-choose-us .obyz-card {
  margin-bottom: 11px;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:16px;
  padding:26px 24px 24px;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease
}
.obyz-choose-us .obyz-card:hover {
  transform:translateY(-4px);
  border-color:#CFE0F4;
  box-shadow:0 16px 38px rgba(14,42,71,.10)
}
.obyz-choose-us .obyz-ic {
  width:48px;
  height:48px;
  border-radius:12px;
  background:var(--tint);
  color:var(--brand);
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:18px
}
.obyz-choose-us .obyz-ic svg {
  width:24px;
  height:24px
}
.obyz-choose-us .obyz-card h3 {
  font-family:"Manrope",sans-serif;
  font-weight:700;
  color:var(--ink);
  font-size:18px;
  line-height:1.3;
  margin:0 0 9px
}
.obyz-choose-us .obyz-card p {
  font-size:14.5px;
  color:var(--text);
  margin:0
}
.obyz-choose-us .obyz-card b {
  color:var(--ink);
  font-weight:600
}
@media(max-width:920px) {
  .obyz-choose-us .obyz-top {
    grid-template-columns:1fr;
    gap:28px
  }
  .obyz-choose-us .obyz-stats {
    grid-template-columns:1fr 1fr
  }
  .obyz-choose-us .obyz-grid {
    grid-template-columns:repeat(2,1fr)
  }
}
@media(max-width:560px) {
  .obyz-choose-us .obyz-inner {
    padding:52px 20px
  }
  .obyz-choose-us .obyz-stats {
    grid-template-columns:1fr
  }
  .obyz-choose-us .obyz-grid {
    grid-template-columns:1fr
  }
}
@media(prefers-reduced-motion:reduce) {
  .obyz-choose-us * {
    transition:none!important
  }
}
.yardi-accurate {
  background: #2A7BBF;
  min-height: 520px;
  display: flex;
  align-items: center;
  padding: 60px 0 50px;
  position: relative;
  overflow: hidden;
}
.yardi-accurate::after {
  content: '';
  position: absolute;
  top: -20%;
  right: -5%;
  width: 55%;
  height: 140%;
  background: radial-gradient(ellipse at center, rgba(255,255,255,0.18) 0%, transparent 70%);
  pointer-events: none;
}
.yardi-accurate .yardi-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255,255,255,0.15);
  border: 1px solid rgba(255,255,255,0.35);
  border-radius: 30px;
  padding: 6px 16px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.2px;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 22px;
}
.yardi-accurate .yardi-badge .dot {
  width: 8px;
  height: 8px;
  background: #f9a825;
  border-radius: 50%;
  display: inline-block;
}
.yardi-accurate .hero-title {
  font-size: clamp(32px, 4vw, 52px);
  font-weight: 800;
  line-height: 1.15;
  color: #fff;
  margin-bottom: 18px;
}
.yardi-accurate .hero-title .highlight {
  color: #f9a825;
}
.yardi-accurate .hero-sub {
  font-size: 15px;
  color: rgba(255,255,255,0.88);
  line-height: 1.65;
  max-width: 480px;
  margin-bottom: 32px;
}
.yardi-accurate .btn-primary-yardi {
  background: #f9a825;
  color: #0a2a5e;
  font-weight: 700;
  font-size: 14px;
  padding: 13px 28px;
  border-radius: 6px;
  border: none;
  transition: background .2s, transform .15s;
  white-space: nowrap;
}
.yardi-accurate .btn-primary-yardi:hover {
  background: #ffb300;
  transform: translateY(-1px);
  color: #0a2a5e;
  text-decoration: none;
}
.yardi-accurate .btn-outline-yardi {
  background: transparent;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  padding: 12px 28px;
  border-radius: 6px;
  border: 2px solid rgba(255,255,255,0.65);
  transition: border-color .2s, background .2s, transform .15s;
  white-space: nowrap;
}
.yardi-accurate .btn-outline-yardi:hover {
  border-color: #fff;
  background: rgba(255,255,255,0.1);
  transform: translateY(-1px);
  color: #fff;
  text-decoration: none;
}
.yardi-accurate .trust-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 32px;
}
.yardi-accurate .trust-item {
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(255,255,255,0.12);
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 8px;
  padding: 9px 14px;
  font-size: 12.5px;
  color: #fff;
  font-weight: 600;
}
.yardi-accurate .trust-item i {
  color: #f9a825;
  font-size: 14px;
}
.yardi-accurate .yardi-img-card {
  position: relative;
  border-radius: 16px;
  overflow: visible;
  display: flex;
  justify-content: center;
  align-items: center;
}
.yardi-accurate .yardi-img-inner {
  background: #0d1b3e;
  border-radius: 14px;
  overflow: hidden;
  width: 100%;
  max-width: 520px;
  aspect-ratio: 16/9;
  position: relative;
  box-shadow: 0 24px 60px rgba(0,0,0,0.45);
  border: 1px solid rgba(255,255,255,0.1);
}
.yardi-accurate .building-scene {
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #0d1b3e 0%, #0d2d5c 60%, #0a1a35 100%);
  position: relative;
  overflow: hidden;
}
.yardi-accurate .building-scene::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: radial-gradient(1px 1px at 15% 20%, rgba(255,255,255,0.7) 0%, transparent 100%), radial-gradient(1px 1px at 30% 10%, rgba(255,255,255,0.5) 0%, transparent 100%), radial-gradient(1px 1px at 70% 15%, rgba(255,255,255,0.6) 0%, transparent 100%), radial-gradient(1px 1px at 85% 8%,  rgba(255,255,255,0.4) 0%, transparent 100%), radial-gradient(1px 1px at 50% 25%, rgba(255,255,255,0.5) 0%, transparent 100%), radial-gradient(1px 1px at 20% 35%, rgba(255,255,255,0.3) 0%, transparent 100%), radial-gradient(1px 1px at 90% 30%, rgba(255,255,255,0.4) 0%, transparent 100%);
}
.yardi-accurate .building-scene::after {
  content: '';
  position: absolute;
  top: 10%;
  right: 5%;
  width: 40%;
  height: 40%;
  background: radial-gradient(ellipse, rgba(30,136,229,0.25) 0%, transparent 70%);
}
.yardi-accurate .b-ground {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 12px;
  background: #091528;
}
.yardi-accurate .b-building {
  position: absolute;
  bottom: 12px;
  background: linear-gradient(180deg, #1a3a6e 0%, #0d2248 100%);
  border-radius: 3px 3px 0 0;
}
.yardi-accurate .b-building::before {
  content: '';
  position: absolute;
  inset: 8px 6px;
  background-image: repeating-linear-gradient(
          to right,
          transparent 0,
          transparent 5px,
          rgba(255,220,80,0.35) 5px,
          rgba(255,220,80,0.35) 9px
        ), repeating-linear-gradient(
          to bottom,
          transparent 0,
          transparent 7px,
          rgba(255,220,80,0.35) 7px,
          rgba(255,220,80,0.35) 9px
        );
}
.yardi-accurate .b-building.accent::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 30%;
  background: linear-gradient(180deg, #f9a825 0%, #e65100 100%);
  opacity: 0.85;
}
.yardi-accurate .bld-1 {
  left: 8%;
  width: 9%;
  height: 68%;
}
.yardi-accurate .bld-2 {
  left: 18%;
  width: 7%;
  height: 45%;
}
.yardi-accurate .bld-3 {
  left: 26%;
  width: 11%;
  height: 80%;
  background: linear-gradient(180deg, #1e3f7a 0%, #0d2248 100%);
}
.yardi-accurate .bld-3.accent::after {
  height: 20%;
}
.yardi-accurate .bld-4 {
  left: 38%;
  width: 8%;
  height: 55%;
}
.yardi-accurate .bld-5 {
  left: 47%;
  width: 13%;
  height: 90%;
  background: linear-gradient(180deg, #1e3f7a 0%, #0b1e42 100%);
}
.yardi-accurate .bld-5.accent::after {
  height: 25%;
}
.yardi-accurate .bld-6 {
  left: 61%;
  width: 9%;
  height: 60%;
}
.yardi-accurate .bld-7 {
  left: 71%;
  width: 11%;
  height: 75%;
}
.yardi-accurate .bld-7.accent::after {
  height: 22%;
}
.yardi-accurate .bld-8 {
  left: 83%;
  width: 8%;
  height: 50%;
}
.yardi-accurate .chart-overlay {
  position: absolute;
  top: 8%;
  left: 5%;
  right: 5%;
  height: 38%;
  opacity: 0.5;
}
.yardi-accurate .chart-overlay svg {
  width: 100%;
  height: 100%;
}
.yardi-accurate .stat-card {
  position: absolute;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 8px 32px rgba(0,0,0,0.22);
  padding: 10px 16px;
  z-index: 10;
}
.yardi-accurate .stat-card .stat-label {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #777;
  display: block;
  margin-bottom: 2px;
}
.yardi-accurate .stat-card .stat-value {
  font-size: 22px;
  font-weight: 800;
  color: #0a2a5e;
  line-height: 1.1;
}
.yardi-accurate .stat-card .stat-value span {
  font-size: 13px;
  font-weight: 600;
  color: #555;
}
.yardi-accurate .stat-accuracy {
  top: -16px;
  right: -16px;
  background: #f9a825;
}
.yardi-accurate .stat-accuracy .stat-label {
  color: #7a4e00;
}
.yardi-accurate .stat-accuracy .stat-value {
  color: #0a2a5e;
  font-size: 24px;
}
.yardi-accurate .stat-time {
  bottom: -16px;
  left: -16px;
}
.yardi-accurate .stat-time .stat-value {
  color: #0a2a5e;
}
@media (max-width: 991px) {
  .yardi-accurate {
    padding: 50px 0 40px;
    text-align: center;
    margin-top: 0 !important;
  }
  .yardi-accurate .hero-sub {
    margin: 0 auto 28px;
  }
  .yardi-accurate .trust-row {
    justify-content: center;
  }
  .yardi-img-card {
    margin-top: 50px;
  }
  .yardi-accurate .stat-accuracy {
    top: -12px;
    right: -8px;
  }
  .yardi-accurate .stat-time {
    bottom: -12px;
    left: -8px;
  }
}
@media (max-width: 575px) {
  .yardi-accurate .hero-title {
    font-size: 30px;
  }
  .yardi-accurate .btn-primary-yardi, .yardi-accurate .btn-outline-yardi {
    width: 100%;
    text-align: center;
  }
  .yardi-accurate .trust-item {
    font-size: 11.5px;
    padding: 8px 10px;
  }
  .yardi-accurate .stat-card {
    padding: 8px 12px;
  }
  .yardi-accurate .stat-accuracy {
    top: -10px;
    right: -4px;
  }
  .yardi-accurate .stat-time {
    bottom: -10px;
    left: -4px;
  }
}
.modern-portfolios {
  background: #f8f9fc;
  padding: 72px 0 64px;
  text-align: center;
}
.modern-portfolios .intro-label {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #2563eb;
  margin-bottom: 16px;
}
.modern-portfolios .section-title {
  font-size: clamp(26px, 3.5vw, 40px);
  font-weight: 800;
  color: #0f172a;
  line-height: 1.22;
  max-width: 680px;
  margin: 0 auto 20px;
}
.modern-portfolios .section-desc {
  font-size: 15px;
  color: #4b5563;
  line-height: 1.75;
  max-width: 640px;
  margin: 0 auto 48px;
}
.modern-portfolios .section-desc strong {
  color: #0f172a;
  font-weight: 600;
}
.modern-portfolios .feat-card {
  background: #fff;
  border: 1px solid #e8ecf3;
  border-radius: 12px;
  padding: 32px 28px 28px;
  text-align: left;
  height: 100%;
  transition: box-shadow .2s, transform .2s;
}
.modern-portfolios .feat-card:hover {
  box-shadow: 0 8px 32px rgba(37,99,235,0.10);
  transform: translateY(-3px);
}
.modern-portfolios .feat-card .icon-wrap {
  width: 44px;
  height: 44px;
  background: #eff6ff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.modern-portfolios .feat-card .icon-wrap i {
  font-size: 18px;
  color: #2563eb;
}
.modern-portfolios .feat-card h4 {
  font-size: 16px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}
.modern-portfolios .feat-card p {
  font-size: 13.5px;
  color: #6b7280;
  line-height: 1.65;
  margin: 0;
}
.industry-platform {
  background: #f1f4f9;
  padding: 72px 0 72px;
}
.industry-platform .over-label {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #2563eb;
  margin-bottom: 16px;
}
.industry-platform .section-title {
  font-size: clamp(24px, 3vw, 36px);
  font-weight: 800;
  color: #0f172a;
  line-height: 1.25;
  margin-bottom: 20px;
}
.industry-platform .section-desc {
  font-size: 14px;
  color: #4b5563;
  line-height: 1.75;
  margin-bottom: 32px;
  max-width: 540px;
}
.industry-platform .check-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 8px;
}
.industry-platform .check-item {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 13.5px;
  font-weight: 500;
  color: #1e293b;
}
.industry-platform .check-item .check-icon i {
  font-size: 9px;
  color: #fff;
}
@media (max-width: 991px) {
  .industry-platform .industry-platform .section-desc {
    max-width: 100%;
  }
  .industry-platform .tab-panel-card {
    margin-top: 40px;
  }
}
@media (max-width: 575px) {
  .modern-portfolios {
    padding: 50px 0 44px;
  }
  .industry-platform {
    padding: 50px 0 50px;
  }
  .modern-portfolios .feat-card {
    padding: 24px 20px;
  }
  .industry-platform.check-grid {
    grid-template-columns: 1fr;
  }
  .industry-platform .yardi-tab-btn {
    font-size: 12px;
    padding: 12px 6px;
  }
  .industry-platform .yardi-tab-content {
    padding: 22px 18px 24px;
  }
}
.account-multifamily {
  background: #ffffff;
  padding: 72px 0 80px;
  text-align: center;
}
.account-multifamily .what-label {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: #2563eb;
  margin-bottom: 14px;
}
.account-multifamily .section-title {
  font-size: clamp(26px, 3.8vw, 44px);
  font-weight: 800;
  color: #0f172a;
  line-height: 1.2;
  max-width: 640px;
  margin: 0 auto 16px;
}
.account-multifamily .section-sub {
  font-size: 15px;
  color: #6b7280;
  margin-bottom: 8px;
}
.account-multifamily .explore-link {
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  color: #2563eb;
  text-decoration: none;
  margin-bottom: 52px;
  transition: color .15s;
}
.account-multifamily .explore-link:hover {
  color: #1d4ed8;
  text-decoration: none;
}
.account-multifamily .service-card {
  background: #fff;
  border: 1px solid #e5e9f2;
  border-radius: 14px;
  padding: 32px 28px 28px;
  text-align: left;
  position: relative;
  overflow: hidden;
  height: 100%;
  transition: box-shadow .28s ease, transform .28s ease, border-color .28s ease;
  cursor: default;
}
.account-multifamily .service-card:hover {
  box-shadow: 0 12px 40px rgba(37, 99, 235, 0.13);
  transform: translateY(-5px);
  border-color: #bfdbfe;
}
.account-multifamily .service-card::before {
  content: '';
  position: absolute;
  top: -30px;
  right: -30px;
  width: 120px;
  height: 120px;
  background: #fdf6e3;
  border-radius: 50%;
  transition: transform .28s ease, opacity .28s ease;
  z-index: 0;
}
.account-multifamily .service-card:hover::before {
  transform: scale(1.15);
  opacity: 0.85;
}
.account-multifamily .service-card .icon-box {
  position: relative;
  z-index: 1;
  width: 50px;
  height: 50px;
  background: #2563eb;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  transition: background .28s ease, transform .28s ease;
}
.account-multifamily .service-card:hover .icon-box {
  background: #1d4ed8;
  transform: scale(1.06);
}
.account-multifamily .service-card .icon-box i {
  font-size: 20px;
  color: #fff;
}
.account-multifamily .service-card h3 {
  position: relative;
  z-index: 1;
  font-size: 18px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 8px;
  line-height: 1.35;
}
.account-multifamily .service-card p {
  position: relative;
  z-index: 1;
  font-size: 13.5px;
  color: #6b7280;
  line-height: 1.6;
  margin-bottom: 20px;
}
.account-multifamily .service-card .learn-link {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 13.5px;
  font-weight: 600;
  color: #2563eb;
  text-decoration: none;
  transition: gap .2s ease, color .2s ease;
}
.account-multifamily .service-card .learn-link i {
  font-size: 11px;
  transition: transform .2s ease;
}
.account-multifamily .service-card:hover .learn-link {
  color: #1d4ed8;
  gap: 8px;
}
.account-multifamily .service-card:hover .learn-link i {
  transform: translate(2px, -2px);
}
.account-multifamily .services-row .col-lg-4, .account-multifamily .services-row .col-md-6 {
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .account-multifamily {
    padding: 50px 0 56px;
  }
  .account-multifamily .service-card {
    padding: 26px 22px 24px;
  }
}
@media (max-width: 575px) {
  .account-multifamily .section-title {
    font-size: 26px;
  }
  .account-multifamily .service-card::before {
    width: 90px;
    height: 90px;
    top: -20px;
    right: -20px;
  }
}
.benfits-yardi-multi {
  background: linear-gradient(135deg, #1565c0 0%, #1976d2 40%, #1e88e5 100%);
  padding: 70px 0 80px;
  text-align: center;
}
.benfits-yardi-multi .why-label {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: #f9a825;
  margin-bottom: 14px;
}
.benfits-yardi-multi .section-title {
  font-size: clamp(26px, 3.8vw, 42px);
  font-weight: 800;
  color: #fff;
  line-height: 1.2;
  max-width: 620px;
  margin: 0 auto 16px;
}
.benfits-yardi-multi .section-sub {
  font-size: 15px;
  color: rgba(255,255,255,0.80);
  margin-bottom: 48px;
}
.benfits-yardi-multi .benefit-btn {
  background: rgba(255,255,255,0.12);
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 12px;
  padding: 22px 20px 18px;
  text-align: left;
  cursor: pointer;
  transition: background .22s, border-color .22s, transform .22s;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 16px;
  -webkit-appearance: none;
  outline: none;
}
.benfits-yardi-multi .benefit-btn:hover {
  background: rgba(255,255,255,0.18);
  border-color: rgba(255,255,255,0.35);
  transform: translateY(-2px);
}
.benfits-yardi-multi .benefit-btn.active {
  background: #f9a825;
  border-color: #f9a825;
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(249,168,37,0.35);
}
.benfits-yardi-multi .benefit-btn .btn-icon {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background:#fff;
  transition: background .22s;
  flex-shrink: 0;
}
.benfits-yardi-multi .benefit-btn.active .btn-icon {
  background: rgba(255,255,255,0.30);
}
.benfits-yardi-multi .benefit-btn .btn-icon i {
  font-size: 16px;
  color: #fff;
}
.benfits-yardi-multi .benefit-btn.active .btn-icon i {
  color: #0a2a5e;
}
.benfits-yardi-multi .benefit-btn .btn-label {
  font-size: 15px;
  font-weight: 700;
  color: rgba(255,255,255,0.90);
  line-height: 1.35;
  transition: color .22s;
}
.benfits-yardi-multi .benefit-btn.active .btn-label {
  color: #0a2a5e;
}
.benfits-yardi-multi .detail-panel {
  background: rgba(255,255,255,0.13);
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 16px;
  padding: 36px 32px 40px;
  text-align: left;
  height: 100%;
  min-height: 320px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
  overflow: hidden;
}
.benfits-yardi-multi .detail-panel .panel-icon-wrap {
  width: 54px;
  height: 54px;
  background: #f9a825;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  flex-shrink: 0;
}
.benfits-yardi-multi .detail-panel .panel-icon-wrap i {
  font-size: 22px;
  color: #0a2a5e;
}
.benfits-yardi-multi .detail-panel .panel-title {
  font-size: 20px;
  font-weight: 800;
  color: #fff;
  margin-bottom: 12px;
  line-height: 1.3;
}
.benfits-yardi-multi .detail-panel .panel-desc {
  font-size: 14px;
  color: rgba(255,255,255,0.82);
  line-height: 1.75;
  margin-bottom: 32px;
}
@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(24px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.benfits-yardi-multi .detail-panel.animating .panel-icon-wrap, .benfits-yardi-multi .detail-panel.animating .panel-title, .benfits-yardi-multi .detail-panel.animating .panel-desc, .benfits-yardi-multi .detail-panel.animating .panel-stats {
  animation: slideInRight .32s ease forwards;
}
.benfits-yardi-multi .detail-panel.animating .panel-title {
  animation-delay: .04s;
}
.benfits-yardi-multi .detail-panel.animating .panel-desc {
  animation-delay: .08s;
}
.benfits-yardi-multi .detail-panel.animating .panel-stats {
  animation-delay: .13s;
}
@media (max-width: 991px) {
  .benfits-yardi-multi {
    padding: 50px 0 60px;
  }
  .benfits-yardi-multi .detail-panel {
    margin-top: 32px;
    min-height: auto;
  }
}
@media (max-width: 575px) {
  .benfits-yardi-multi .section-title {
    font-size: 26px;
  }
  .benfits-yardi-multi .detail-panel {
    padding: 26px 22px 30px;
  }
  .benfits-yardi-multi .panel-stats {
    gap: 20px;
  }
  .benfits-yardi-multi .panel-stat .stat-val {
    font-size: 22px;
  }
}
.cost-effective-multi {
  background: #ffffff;
  padding: 76px 0 80px;
  text-align: center;
}
.cost-effective-multi .diff-label {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: #2563eb;
  margin-bottom: 14px;
}
.cost-effective-multi .section-title {
  font-size: clamp(26px, 3.8vw, 42px);
  font-weight: 800;
  color: #0f172a;
  line-height: 1.22;
  max-width: 660px;
  margin: 0 auto 56px;
}
.cost-effective-multi .diff-card {
  background: #fff;
  border: 1px solid #e5e9f2;
  border-radius: 14px;
  padding: 32px 28px 30px;
  text-align: left;
  position: relative;
  overflow: hidden;
  height: 100%;
  transition: box-shadow .26s ease, transform .26s ease, border-color .26s ease;
  cursor: default;
}
.cost-effective-multi .diff-card:hover {
  box-shadow: 0 10px 36px rgba(37,99,235,0.11);
  transform: translateY(-4px);
  border-color: #bfdbfe;
}
.cost-effective-multi .diff-card::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 6px;
  background: #f9a825;
  border-radius: 0 4px 4px 0;
  transition: top .26s ease, bottom .26s ease;
}
.cost-effective-multi .diff-card:hover::before {
  top: 8px;
  bottom: 8px;
}
.cost-effective-multi .diff-card .card-number {
  position: absolute;
  top: 14px;
  right: 20px;
  font-size: 52px;
  font-weight: 800;
  color: #f0f4ff;
  line-height: 1;
  user-select: none;
  pointer-events: none;
  transition: color .26s ease;
}
.cost-effective-multi .diff-card:hover .card-number {
  color: #dbeafe;
}
.cost-effective-multi .diff-card .icon-wrap {
  position: relative;
  z-index: 1;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  transition: transform .26s ease;
}
.cost-effective-multi .diff-card:hover .icon-wrap {
  transform: scale(1.1);
}
.cost-effective-multi .diff-card .icon-wrap i {
  font-size: 22px;
  color: #2563eb;
}
.cost-effective-multi .diff-card h3 {
  position: relative;
  z-index: 1;
  font-size: 18px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
  line-height: 1.35;
}
.cost-effective-multi .diff-card p {
  position: relative;
  z-index: 1;
  font-size: 13.5px;
  color: #6b7280;
  line-height: 1.65;
  margin: 0;
}
.cost-effective-multi .diff-row .col-lg-4, .cost-effective-multi .diff-row .col-md-6 {
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .cost-effective-multi {
    padding: 52px 0 56px;
  }
  .cost-effective-multi .diff-card {
    padding: 26px 22px 24px;
  }
  .cost-effective-multi .diff-card .card-number {
    font-size: 40px;
  }
}
@media (max-width: 575px) {
  .cost-effective-multi .section-title {
    font-size: 26px;
  }
}
.trusted-structure {
  background: #f0f4fb;
  padding: 72px 0 80px;
  text-align: center;
}
.trusted-structure .section-title {
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 12px;
}
.trusted-structure .section-sub {
  font-size: 15px;
  color: #6b7280;
  margin-bottom: 48px;
}
.trusted-structure .serve-card {
  background: #fff;
  border-radius: 16px;
  border: 1px solid #e5e9f2;
  padding: 36px 24px 32px;
  text-align: center;
  height: 100%;
  transition: box-shadow .25s, transform .25s, border-color .25s;
}
.trusted-structure .serve-card:hover {
  box-shadow: 0 10px 36px rgba(37,99,235,0.11);
  transform: translateY(-5px);
  border-color: #bfdbfe;
}
.trusted-structure .serve-card .s-icon {
  width: 68px;
  height: 68px;
  background: #2563eb;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 22px;
  transition: background .25s, transform .25s;
}
.trusted-structure .serve-card:hover .s-icon {
  background: #1d4ed8;
  transform: scale(1.07);
}
.trusted-structure .serve-card .s-icon i {
  font-size: 26px;
  color: #fff;
}
.trusted-structure .serve-card h3 {
  font-size: 18px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 14px;
  min-height: 44px;
  display: flex;
  align-items: center;
}
.trusted-structure .serve-card .stat-num {
  font-size: 30px;
  font-weight: 800;
  color: #f9a825;
  line-height: 1;
  margin-bottom: 4px;
}
.trusted-structure .serve-col {
  margin-bottom: 24px;
}
.instance-accuracy {
  background: #fff;
  padding: 76px 0 84px;
  text-align: center;
}
.instance-accuracy .how-label {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: #2563eb;
  margin-bottom: 14px;
}
.instance-accuracy .section-title {
  font-size: clamp(26px, 3.8vw, 40px);
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 60px;
}
.instance-accuracy .process-timeline {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.instance-accuracy .process-timeline::before {
  content: '';
  position: absolute;
  top: 38px;
  left: 74px;
  right:86px;
  height: 3px;
  background: #2563eb;
  z-index: 0;
}
.instance-accuracy .process-step {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 1;
  padding: 0 8px;
}
.instance-accuracy .process-step .step-circle {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 800;
  color: #fff;
  margin-bottom: 20px;
  flex-shrink: 0;
  transition: transform .25s, box-shadow .25s;
}
.instance-accuracy .process-step:hover .step-circle {
  transform: scale(1.08);
  box-shadow: 0 8px 24px rgba(0,0,0,0.18);
  background: #f9a825 !important;
}
.instance-accuracy .process-step .step-circle {
  background: #2563eb;
}
.instance-accuracy .process-step h3 {
  font-size: 18px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 8px;
  text-align: center;
}
.instance-accuracy .process-step p {
  font-size: 12.5px;
  color: #6b7280;
  line-height: 1.6;
  text-align: center;
  margin: 0;
}
@media (max-width: 767px) {
  .instance-accuracy .process-timeline {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 50px;
  }
  .instance-accuracy .process-timeline::before {
    top: 38px;
    left: 37px;
    bottom: 38px;
    right: auto;
    width: 3px;
    height: auto;
    background: linear-gradient(to bottom, #f9a825 0%, #f9a825 15%, #2563eb 15%, #2563eb 100%);
  }
  .instance-accuracy .process-step {
    flex-direction: row;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 32px;
    padding: 0;
  }
  .instance-accuracy .process-step .step-circle {
    margin-bottom: 0;
    flex-shrink: 0;
  }
  .instance-accuracy .process-step .step-text {
    text-align: left;
  }
  .instance-accuracy .process-step h5, .process-step p {
    text-align: left;
  }
}
.owner-complex {
  background: #f0f4fb;
  padding: 76px 0 80px;
  text-align: center;
}
.owner-complex .soft-label {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: #2563eb;
  margin-bottom: 14px;
}
.owner-complex .section-title {
  font-size: clamp(26px, 3.8vw, 40px);
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 48px;
}
.owner-complex .platform-card {
  background: #fff;
  border: 1px solid #e5e9f2;
  border-radius: 14px;
  padding: 0 28px 34px;
  text-align: left;
  height: 100%;
  position: relative;
  overflow: visible;
  transition: box-shadow .25s, transform .25s, border-color .25s;
}
.owner-complex .platform-card:hover {
  box-shadow: 0 10px 36px rgba(37,99,235,0.11);
  transform: translateY(-5px);
  border-color: #bfdbfe;
}
.owner-complex .platform-card .plat-badge {
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  background: #f9a825;
  color: #0a2a5e;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 5px 14px;
  border-radius: 20px;
  white-space: nowrap;
}
.owner-complex .platform-card .plat-body {
  padding-top: 40px;
}
.owner-complex .platform-card h3 {
  font-size: 18px;
  font-weight: 800;
  color: #2563eb;
  margin-bottom: 12px;
}
.owner-complex .platform-card p {
  font-size: 14px;
  color: #4b5563;
  line-height: 1.7;
  margin-bottom: 20px;
}
.owner-complex .platform-card .plat-line {
  width: 36px;
  height: 3px;
  background: #f9a825;
  border-radius: 2px;
}
.owner-complex .plat-col {
  margin-bottom: 36px;
}
@media (max-width: 575px) {
  .trusted-structure, .instance-accuracy, .owner-complex {
    padding: 50px 0 56px;
  }
}
.simplify-ready {
  background: linear-gradient(135deg, #1a237e 0%, #1565c0 35%, #1e88e5 65%, #29b6f6 100%);
  border-radius: 20px;
  padding: 68px 24px 72px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.simplify-ready .cta-title {
  position: relative;
  z-index: 1;
  font-size: clamp(28px, 4.5vw, 50px);
  font-weight: 800;
  color: #fff;
  line-height: 1.18;
  max-width: 700px;
  margin: 0 auto 20px;
}
.simplify-ready .cta-sub {
  position: relative;
  z-index: 1;
  font-size: 15.5px;
  color: rgba(255,255,255,0.82);
  line-height: 1.7;
  max-width: 890px;
  margin: 0 auto 40px;
}
.simplify-ready .btn-wrap {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
}
.simplify-ready .btn-gold {
  background: #f9a825;
  color: #0a2a5e;
  font-size: 15px;
  font-weight: 700;
  padding: 15px 36px;
  border-radius: 10px;
  border: none;
  text-decoration: none;
  display: inline-block;
  transition: background .2s, transform .18s, box-shadow .2s;
  white-space: nowrap;
}
.simplify-ready .btn-gold:hover {
  background: #ffb300;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(249,168,37,0.40);
  color: #0a2a5e;
  text-decoration: none;
}
.simplify-ready .btn-outline {
  background: transparent;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  padding: 14px 36px;
  border-radius: 10px;
  border: 2px solid rgba(255,255,255,0.55);
  text-decoration: none;
  display: inline-block;
  transition: border-color .2s, background .2s, transform .18s;
  white-space: nowrap;
}
.simplify-ready .btn-outline:hover {
  border-color: #fff;
  background: rgba(255,255,255,0.10);
  transform: translateY(-2px);
  color: #fff;
  text-decoration: none;
}
@media (max-width: 575px) {
  .simplify-ready {
    padding: 52px 16px 56px;
    border-radius: 14px;
  }
  .simplify-ready .btn-gold, .simplify-ready .btn-outline {
    width: 100%;
    text-align: center;
  }
  .simplify-ready .btn-wrap {
    flex-direction: column;
  }
}
.simplify-ready {
  position: relative;
  overflow: hidden;
}
.simplify-ready .main-title {
  font-size: 3rem;
  font-weight: 700;
  text-align: left;
}
.simplify-ready p {
  text-align: left;
}
.simplify-ready .main-title span {
  color: #2b7de9;
}
.simplify-ready .btn-primary {
  background: #2b7de9;
  border: none;
  padding: 12px 20px;
  border-radius: 8px;
}
.simplify-ready .btn-outline-primary {
  border-radius: 8px;
  padding: 12px 20px;
}
.simplify-ready .feature-box {
  background: #fff;
  border-radius: 12px;
  padding: 5px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.05);
  font-size: 14px;
  height: 100%;
  display: flex;
  justify-items: center;
  align-items: center;
  gap: 8px;
}
.simplify-ready .feature-box .icon {
  font-size: 22px;
  margin-bottom: 8px;
}
.simplify-ready .image-box {
  position: relative;
  background: #fff;
  padding: 30px;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}
.simplify-ready .badge-top {
  position: absolute;
  top: 10px;
  left: 10px;
  background: #fff;
  padding: 10px 15px;
  border-radius: 10px;
  font-weight: 600;
  box-shadow: 0 5px 10px rgba(0,0,0,0.1);
}
.simplify-ready .badge-bottom {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background: #fff;
  padding: 10px 15px;
  border-radius: 10px;
  font-weight: 600;
  box-shadow: 0 5px 10px rgba(0,0,0,0.1);
}
@media (max-width: 991px) {
  .simplify-ready .main-title {
    font-size: 30px;
  }
  .simplify-ready .image-box {
    margin-top: 20px;
  }
}
@media (max-width: 576px) {
  .simplify-ready .main-title {
    font-size: 24px;
  }
  .simplify-ready .btn {
    width: 100%;
    margin-bottom: 10px;
  }
}
.residential-covering {
  background: #fff;
}
.residential-covering .section-tag {
  background: #e6f0fb;
  color: #2b7de9;
  font-size: 12px;
  font-weight: 600;
  padding: 6px 14px;
}
.residential-covering .main-heading {
  font-size: 30px;
  font-weight: 700;
  color: #1a1a1a;
  line-height: 1.3;
}
.residential-covering .main-heading span {
  color: #2b7de9;
}
.residential-covering .section-desc {
  max-width: 800px;
  color: #6c757d;
  font-size: 16px;
  line-height: 1.7;
}
.residential-covering .info-card {
  background: #fff;
  border-radius: 14px;
  padding: 25px;
  height: 100%;
  border: 1px solid #eaeef3;
  transition: 0.3s ease;
}
.residential-covering .info-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.05);
}
.residential-covering .icon-box {
  width: 50px;
  height: 50px;
  background: #2b7de9;
  color: #fff;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
  font-size: 20px;
}
.residential-covering .info-card h5 {
  font-weight: 600;
  margin-bottom: 10px;
}
.residential-covering .info-card p {
  color: #6c757d;
  font-size: 14px;
  line-height: 1.6;
}
@media (max-width: 991px) {
  .residential-covering .main-heading {
    font-size: 30px;
  }
}
@media (max-width: 576px) {
  .residential-covering .main-heading {
    font-size: 24px;
  }
  .residential-covering .section-desc {
    font-size: 14px;
  }
}
.juggling-covering {
  background: #f7f9fc;
}
.juggling-covering .section-tag {
  background: #e6f0fb;
  color: #2b7de9;
  font-size: 12px;
  font-weight: 600;
  padding: 6px 14px;
}
.juggling-covering .main-heading {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.3;
  color: #1a1a1a;
}
.juggling-covering .main-heading span {
  color: #2b7de9;
}
.juggling-covering .section-desc {
  max-width: 700px;
  color: #6c757d;
  font-size: 16px;
}
.juggling-covering .problem-card {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  background: #fff;
  padding: 20px;
  border-radius: 14px;
  border: 1px solid #eaeef3;
  height: 100%;
  text-align: left;
  transition: 0.3s ease;
  border: 2px solid #dfddd9c9;
}
.juggling-covering .problem-card:hover {
  transform: translateY(-5px);
  border: 2px solid #f4c430;
  background: #fffdf5;
}
.juggling-covering .problem-card.active {
  border: 2px solid #f4c430;
  background: #fffdf5;
}
.juggling-covering .icon-box {
  min-width: 45px;
  height: 45px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}
.juggling-covering .problem-card:hover .icon-box.yellow {
  background: #ffe9a6;
  color: #c99700;
}
.juggling-covering .problem-card h5 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
}
.juggling-covering .problem-card p {
  font-size: 14px;
  color: #6c757d;
  margin: 0;
}
@media (max-width: 991px) {
  .juggling-covering .main-heading {
    font-size: 30px;
  }
}
@media (max-width: 576px) {
  .juggling-covering .main-heading {
    font-size: 24px;
  }
  .juggling-covering .problem-card {
    flex-direction: column;
    align-items: flex-start;
  }
}
.residential-operators {
  padding: 80px 0;
  background: #fff;
}
.residential-operators .section-tag {
  display: inline-block;
  padding: 6px 16px;
  border-radius: 20px;
  background: #eef2ff;
  color: #3b82f6;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
}
.residential-operators .section-title {
  font-size: 30px;
  font-weight: 700;
  margin-top: 20px;
  color: #111827;
}
.residential-operators .section-title span {
  color: #3b82f6;
}
.residential-operators .section-subtitle {
  max-width: 650px;
  margin: 15px auto 0;
  color: #6b7280;
  font-size: 16px;
}
.residential-operators .service-card {
  position: relative;
  background: #fff;
  border-radius: 16px;
  padding: 30px;
  height: 100%;
  border: 1px solid #e5e7eb;
  transition: all 0.3s ease;
  overflow: hidden;
}
.residential-operators .corner-shape {
  position: absolute;
  top: -40px;
  right: -40px;
  width: 120px;
  height: 120px;
  background: #F3F8FB;
  border-radius: 50%;
  opacity: 0.4;
}
.residential-operators .service-card:hover .corner-shape {
  background: #fde68a;
}
.residential-operators .service-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 40px rgba(59, 130, 246, 0.21);
  border: 2px solid #3b82f6;
}
.residential-operators .icon-box {
  width: 55px;
  height: 55px;
  background: #eef2ff;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.residential-operators .icon-box img {
  width: 26px;
}
.residential-operators .service-card h5 {
  font-size: 18px;
  font-weight: 600;
  color: #111827;
  margin-bottom: 15px;
}
.residential-operators .service-card ul {
  padding-left: 18px;
  margin-bottom: 15px;
}
.residential-operators .service-card ul li {
  font-size: 14px;
  color: #6b7280;
  margin-bottom: 8px;
  position: relative;
}
.residential-operators .service-card ul li::marker {
  color: #f59e0b;
}
.residential-operators .service-card a {
  color: #2563eb;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}
.residential-operators .service-card a:hover {
  text-decoration: underline;
}
@media (max-width: 768px) {
  .residential-operators .section-title {
    font-size: 28px;
  }
  .residential-operators .service-card {
    padding: 20px;
  }
}
.explore-node {
  background: #ffffff;
  padding: 20px 0 30px;
  text-align: center;
}
.explore-node .section-title {
  font-size: clamp(26px, 4vw, 46px);
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 14px;
  line-height: 1.18;
}
.explore-node .section-title span {
  color: #2563eb;
}
.explore-node .section-sub {
  font-size: 15px;
  color: #64748b;
  margin-bottom: 56px;
}
.explore-node .orbit-wrap {
  position: relative;
  width: 560px;
  height: 560px;
  margin: 0 auto;
}
.explore-node .orbit-wrap::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1.5px dashed #d1d5db;
  pointer-events: none;
}
.explore-node .orbit-wrap::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 300px;
  height: 300px;
  border-radius: 50%;
  border: 1.5px dashed #e2e8f0;
  pointer-events: none;
}
.explore-node .center-node {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 130px;
  height: 130px;
  background: #2563eb;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 5;
  box-shadow: 0 8px 32px rgba(37,99,235,0.30);
}
.explore-node .center-node .cn-top {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.70);
  margin-bottom: 2px;
}
.explore-node .center-node .cn-main {
  font-size: 17px;
  font-weight: 800;
  color: #fff;
  line-height: 1.2;
  text-align: center;
}
.explore-node .orbit-svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}
.explore-node .orbit-node {
  position: absolute;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  transform: translate(-50%, -50%);
}
.explore-node .orbit-node .node-box {
  width: 80px;
  height: 80px;
  background: #fef9ec;
  border: 1.5px solid #f3e8c5;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform .22s, box-shadow .22s, border-color .22s, background .22s;
  box-shadow: 0 2px 10px rgba(0,0,0,0.06);
}
.explore-node .orbit-node:hover .node-box, .explore-node .orbit-node.active .node-box {
  transform: scale(1.12);
  box-shadow: 0 8px 28px rgba(37,99,235,0.18);
  border-color: #93c5fd;
  background: #eff6ff;
}
.explore-node .orbit-node .node-box i {
  font-size: 24px;
  color: #2563eb;
  transition: color .22s;
}
.explore-node .orbit-node .node-lbl {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #64748b;
  margin-top: 8px;
  text-align: center;
  max-width: 90px;
  line-height: 1.4;
  transition: color .22s;
}
.explore-node .orbit-node:hover .node-lbl {
  color: #2563eb;
}
.explore-node .node-reporting {
  top: calc(50% - 220px * 0.574);
  left: calc(50% - 220px * 0.574);
}
.explore-node .node-insights {
  top: calc(50% - 220px * 0.574);
  left: calc(50% + 220px * 0.574);
}
.explore-node .node-properties {
  top: 50%;
  left: calc(50% + 220px);
}
.explore-node .node-rent {
  top: calc(50% + 220px * 0.574);
  left: calc(50% + 220px * 0.574);
}
.explore-node .node-vendors {
  top: calc(50% + 220px * 0.574);
  left: calc(50% - 220px * 0.574);
}
.explore-node .node-bank {
  top: 50%;
  left: calc(50% - 220px);
}
.explore-node .node-modal .modal-dialog {
  max-width: 420px;
  margin: 80px auto;
}
.explore-node .node-modal .modal-content {
  border: none;
  border-radius: 18px;
  box-shadow: 0 24px 64px rgba(0,0,0,0.18);
  overflow: hidden;
}
.explore-node .node-modal .modal-body {
  padding: 36px 32px 40px;
}
.explore-node .node-modal .modal-icon {
  width: 52px;
  height: 52px;
  background: #2563eb;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.explore-node .node-modal .modal-icon i {
  font-size: 22px;
  color: #fff;
}
.explore-node .node-modal h5 {
  font-size: 20px;
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 12px;
}
.explore-node .node-modal p {
  font-size: 14.5px;
  color: #475569;
  line-height: 1.75;
  margin: 0;
}
.explore-node .node-modal .modal-close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1.5px solid #e2e8f0;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 13px;
  color: #64748b;
  transition: background .15s, color .15s;
  z-index: 10;
}
.explore-node .orbit-mobile {
  display: none;
}
.explore-node .orbit-mobile .mobile-node-card {
  background: #fef9ec;
  border: 1.5px solid #f3e8c5;
  border-radius: 14px;
  padding: 20px 16px;
  text-align: center;
  cursor: pointer;
  transition: box-shadow .22s, transform .22s, border-color .22s;
  height: 100%;
}
.explore-node .orbit-mobile .mobile-node-card:hover {
  box-shadow: 0 6px 22px rgba(37,99,235,0.13);
  transform: translateY(-3px);
  border-color: #93c5fd;
}
.explore-node .orbit-mobile .mobile-node-card i {
  font-size: 26px;
  color: #2563eb;
  margin-bottom: 10px;
  display: block;
}
.explore-node .orbit-mobile .mobile-node-card .m-lbl {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #64748b;
}
@media (max-width: 639px) {
  .explore-node .orbit-desktop {
    display: none !important;
  }
  .explore-node .orbit-mobile {
    display: block;
  }
  .explore-node {
    padding: 52px 0 60px;
  }
}
@media (min-width: 640px) {
  .explore-node .orbit-mobile {
    display: none !important;
  }
}
.unit-leader {
  background: #f0f4fb;
  padding: 76px 0 80px;
  text-align: center;
}
.unit-leader .section-title {
  font-size: clamp(26px, 4vw, 46px);
  font-weight: 800;
  color: #0f172a;
  line-height: 1.2;
  margin-bottom: 14px;
}
.unit-leader .section-title span {
  color: #2563eb;
}
.unit-leader .section-sub {
  font-size: 15px;
  color: #64748b;
  margin-bottom: 48px;
}
.unit-leader .audience-card {
  background: #fff;
  border: 1px solid #e5e9f2;
  border-radius: 14px;
  padding: 28px 20px 24px;
  text-align: center;
  height: 100%;
  transition: box-shadow .24s, transform .24s, border-color .24s;
  cursor: default;
}
.unit-leader .audience-card:hover {
  box-shadow: 0 8px 28px rgba(37,99,235,0.11);
  transform: translateY(-4px);
  border-color: #bfdbfe;
}
.unit-leader .audience-card .a-icon {
  width: 58px;
  height: 58px;
  background: #2563eb;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
  transition: transform .24s, background .24s;
}
.unit-leader .audience-card:hover .a-icon {
  transform: scale(1.08);
  background: #1d4ed8;
}
.unit-leader .audience-card .a-icon i {
  font-size: 22px;
  color: #fff;
}
.unit-leader .audience-card h5 {
  font-size: 14px;
  font-weight: 700;
  color: #0f172a;
  margin: 0;
  line-height: 1.4;
}
.unit-leader .aud-col {
  margin-bottom: 20px;
}
.workflow-reality {
  background: #f8f9fc;
  padding: 76px 0 84px;
  text-align: center;
}
.workflow-reality .section-title {
  font-size: clamp(26px, 4vw, 44px);
  font-weight: 800;
  color: #0f172a;
  line-height: 1.2;
  max-width: 680px;
  margin: 0 auto 10px;
}
.workflow-reality .section-title span {
  color: #2563eb;
}
.workflow-reality .section-sub {
  font-size: 15px;
  color: #64748b;
  margin-bottom: 56px;
}
.workflow-reality .step-row {
  display: flex;
  align-items: center;
  margin-bottom: 32px;
  position: relative;
}
.workflow-reality .step-row.left {
  justify-content: flex-start;
}
.workflow-reality .step-row.right {
  justify-content: flex-end;
}
.workflow-reality .steps-wrap {
  position: relative;
  max-width: 960px;
  margin: 0 auto;
}
.workflow-reality .steps-wrap::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2px;
  background: #e2e8f0;
  transform: translateX(-50%);
  z-index: 0;
}
.workflow-reality .step-card {
  background: #fff;
  border: 1px solid #e5e9f2;
  border-radius: 14px;
  padding: 24px 24px 22px;
  text-align: left;
  width: 46%;
  position: relative;
  z-index: 1;
  transition: box-shadow .24s, transform .24s, border-color .24s;
}
.workflow-reality .step-card:hover {
  box-shadow: 0 8px 28px rgba(37,99,235,0.10);
  transform: translateY(-3px);
  border-color: #bfdbfe;
}
.workflow-reality .step-card .step-header {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 14px;
}
.workflow-reality .step-card .s-icon {
  width: 44px;
  height: 44px;
  background: #2563eb;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.workflow-reality .step-card .s-icon i {
  font-size: 18px;
  color: #fff;
}
.workflow-reality .step-card .s-num {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #94a3b8;
}
.workflow-reality .step-card h4 {
  font-size: 15px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 6px;
}
.workflow-reality .step-card p {
  font-size: 13px;
  color: #6b7280;
  line-height: 1.65;
  margin: 0;
}
.workflow-reality .step-dot {
  width: 12px;
  height: 12px;
  background: #f9a825;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  border: 2px solid #fff;
  box-shadow: 0 0 0 2px #f9a825;
}
@media (max-width: 767px) {
  .workflow-reality .steps-wrap::before {
    left: 20px;
  }
  .workflow-reality .step-row.left, .workflow-reality .step-row.right {
    justify-content: flex-start;
    padding-left: 48px;
  }
  .workflow-reality .step-card {
    width: 100%;
  }
  .workflow-reality .step-dot {
    left: 20px;
  }
}
.accountant-encrypted {
  background: linear-gradient(135deg, #1a237e 0%, #1565c0 40%, #1e88e5 70%, #29b6f6 100%);
  padding: 76px 0 84px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.accountant-encrypted::before {
  content: '';
  position: absolute;
  top: -30%;
  left: -10%;
  width: 55%;
  height: 160%;
  background: radial-gradient(ellipse, rgba(255,255,255,0.09) 0%, transparent 65%);
  pointer-events: none;
}
.accountant-encrypted::after {
  content: '';
  position: absolute;
  top: -30%;
  right: -10%;
  width: 50%;
  height: 160%;
  background: radial-gradient(ellipse, rgba(100,181,246,0.15) 0%, transparent 65%);
  pointer-events: none;
}
.accountant-encrypted .section-title {
  font-size: clamp(26px, 4vw, 46px);
  font-weight: 800;
  color: #fff;
  line-height: 1.2;
  max-width: 700px;
  margin: 0 auto 14px;
  position: relative;
  z-index: 1;
}
.accountant-encrypted .section-title span {
  color: #f9a825;
}
.accountant-encrypted .section-sub {
  font-size: 15px;
  color: rgba(255,255,255,0.78);
  max-width: 580px;
  margin: 0 auto 52px;
  line-height: 1.7;
  position: relative;
  z-index: 1;
}
.accountant-encrypted .stat-result-card {
  background: rgba(255,255,255,0.12);
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 14px;
  padding: 28px 22px 26px;
  text-align: left;
  height: 100%;
  transition: background .24s, border-color .24s, transform .24s;
  position: relative;
  z-index: 1;
}
.accountant-encrypted .stat-result-card:hover {
  background: rgba(255,255,255,0.18);
  border-color: rgba(255,255,255,0.35);
  transform: translateY(-4px);
}
.accountant-encrypted .stat-result-card .sr-icon {
  width: 46px;
  height: 46px;
  background: #f9a825;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  transition: transform .24s;
}
.accountant-encrypted .stat-result-card:hover .sr-icon {
  transform: scale(1.08);
}
.accountant-encrypted .stat-result-card .sr-icon i {
  font-size: 18px;
  color: #0a2a5e;
}
.accountant-encrypted .stat-result-card .sr-num {
  font-size: 32px;
  font-weight: 800;
  color: #fff;
  line-height: 1;
  margin-bottom: 6px;
}
.accountant-encrypted .stat-result-card .sr-lbl {
  font-size: 13px;
  color: rgba(255,255,255,0.70);
  font-weight: 500;
}
.accountant-encrypted .sr-col {
  margin-bottom: 24px;
}
@media (max-width: 575px) {
  .unit-leader, .reporting-insights, .workflow-reality, .migrate-yardi, .accountant-encrypted {
    padding: 52px 0 56px;
  }
}
.deserve-system {
  background: #f8f9fc;
  padding: 72px 0 80px;
  text-align: center;
}
.deserve-system .intro-badge {
  display: inline-block;
  border: 1.5px solid #cbd5e1;
  border-radius: 30px;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #64748b;
  padding: 5px 16px;
  margin-bottom: 18px;
}
.deserve-system .section-title {
  font-size: clamp(26px, 4vw, 40px);
  font-weight: 800;
  color: #0f172a;
  line-height: 1.2;
  margin-bottom: 4px;
}
.deserve-system .section-sub {
  font-size: 14.5px;
  color: #64748b;
  line-height: 1.7;
  max-width: 520px;
  margin: 0 auto 44px;
}
.deserve-system .challenge-card {
  background: #fff;
  border-left: 5px solid #002557;
  border-radius: 16px;
  padding: 28px 28px 30px;
  text-align: left;
  height: 100%;
}
.deserve-system .challenge-card .challenge-badge {
  display: inline-block;
  border: 1px solid #cbd5e1;
  border-radius: 20px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  color: #64748b;
  padding: 4px 14px;
  margin-bottom: 16px;
}
.deserve-system .challenge-card h3 {
  font-size: 18px;
  font-weight: 800;
  color: #0f172a;
  line-height: 1.3;
  margin-bottom: 14px;
}
.deserve-system .challenge-card .body-text {
  font-size: 13px;
  color: #64748b;
  line-height: 1.7;
  margin-bottom: 20px;
}
.deserve-system .challenge-card .body-text strong {
  color: #0f172a;
  font-weight: 700;
}
.deserve-system .check-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 16px;
}
.deserve-system .check-list li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 12.5px;
  color: #374151;
  font-weight: 500;
  line-height: 1.4;
}
.deserve-system .check-list li i {
  color: #126FB5;
  font-size: 13px;
  margin-top: 1px;
  flex-shrink: 0;
}
@media (max-width: 480px) {
  .deserve-system .check-list {
    grid-template-columns: 1fr;
  }
}
.deserve-system .stat-mini-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 18px 20px;
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 14px;
  transition: box-shadow .22s, transform .22s;
}
.deserve-system .stat-mini-card:last-child {
  margin-bottom: 0;
}
.deserve-system .stat-mini-card:hover {
  box-shadow: 0 6px 20px rgba(37,99,235,0.10);
  transform: translateY(-2px);
}
.deserve-system .stat-mini-card .sm-icon {
  width: 46px;
  height: 46px;
  background: #126FB5;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.deserve-system .stat-mini-card .sm-icon i {
  font-size: 18px;
  color: #fff;
}
.deserve-system .stat-mini-card .sm-text .sm-num {
  font-size: 20px;
  font-weight: 800;
  color: #0f172a;
  line-height: 1.1;
}
.deserve-system .stat-mini-card .sm-text .sm-lbl {
  font-size: 12px;
  color: #94a3b8;
  font-weight: 500;
}
.deserve-system .advantage-card {
  background: #fff;
  border-radius: 16px;
  padding: 32px 28px 32px;
  text-align: left;
  position: relative;
  overflow: hidden;
  border: 3px solid #002557;
  margin-top: 24px;
}
.deserve-system .advantage-card .corner-deco {
  position: absolute;
  top: 0;
  right: 0;
  width: 64px;
  height: 64px;
  background: #f9a825;
  border-radius: 0 14px 0 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 14px;
  padding-bottom: 10px;
}
.deserve-system .advantage-card .corner-deco i {
  font-size: 20px;
  color: #0a2a5e;
}
.deserve-system .advantage-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #fef9ec;
  border: 1px solid #f3e8c5;
  border-radius: 20px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #92600a;
  padding: 5px 12px;
  margin-bottom: 16px;
}
.deserve-system .advantage-badge i {
  font-size: 10px;
  color: #f9a825;
}
.deserve-system .advantage-card h3 {
  font-size: 19px;
  font-weight: 800;
  color: #0f172a;
  line-height: 1.3;
  margin-bottom: 14px;
}
.deserve-system .advantage-card h3 .blue {
  font-style: normal;
}
.deserve-system .advantage-card .adv-text {
  font-size: 13px;
  color: #64748b;
  line-height: 1.75;
  margin-bottom: 10px;
}
.deserve-system .advantage-card .adv-text strong {
  color: #0f172a;
  font-weight: 700;
}
.deserve-system .adv-btn-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}
.deserve-system .btn-adv-primary {
  background: #126FB5;
  color: #fff;
  font-size: 13.5px;
  font-weight: 700;
  padding: 11px 22px;
  border-radius: 8px;
  border: none;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: background .2s, transform .18s;
}
.deserve-system .btn-adv-primary:hover {
  background: #126FB5;
  transform: translateY(-1px);
  color: #fff;
  text-decoration: none;
}
.deserve-system .btn-adv-outline {
  background: transparent;
  color: #374151;
  font-size: 13.5px;
  font-weight: 600;
  padding: 10px 22px;
  border-radius: 8px;
  border: 1.5px solid #d1d5db;
  text-decoration: none;
  display: inline-block;
  transition: border-color .2s, background .2s, transform .18s;
}
.deserve-system .btn-adv-outline:hover {
  border-color: #126FB5;
  color: #126FB5;
  transform: translateY(-1px);
  text-decoration: none;
}
.deserve-system .handle-card {
  background: #f8faff;
  border: 1px solid #dbeafe;
  border-radius: 12px;
  padding: 16px 18px 18px;
  height: 100%;
}
.deserve-system .handle-card .handle-badge {
  display: inline-block;
  background: #f9a825;
  color: #0a2a5e;
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 20px;
  margin-bottom: 14px;
}
.deserve-system .handle-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.deserve-system .handle-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  color: #374151;
  font-weight: 500;
  padding: 7px 0;
  border-bottom: 1px solid #e8f0fe;
}
.deserve-system .handle-list li:last-child {
  border-bottom: none;
}
.deserve-system .handle-list li .h-num {
  width: 22px;
  height: 22px;
  background: #126FB5;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 700;
  color: #fff;
  flex-shrink: 0;
}
@media (max-width: 991px) {
  .deserve-system .deserve-system {
    padding: 52px 0 60px;
  }
  .deserve-system .advantage-card {
    margin-top: 20px;
  }
}
@media (max-width: 575px) {
  .deserve-system .deserve-system .section-title {
    font-size: 26px;
  }
  .deserve-system .advantage-card .corner-deco {
    width: 52px;
    height: 52px;
  }
  .deserve-system .btn-adv-primary, .btn-adv-outline {
    width: 100%;
    text-align: center;
    justify-content: center;
  }
}
@media screen and (max-width: 1366px) {
  .balancing {
    height: auto !Important;
    margin-top: 0 !important;
  }
}
.AppFolio-apkey {
  background: #eef3f6;
  padding: 40px 0;
}
.AppFolio-apkey *,.AppFolio-apkey *::before,.AppFolio-apkey *::after {
  box-sizing:inherit
}
.AppFolio-apkey .apkey-intro a {
  color:var(--brand);
  font-weight:600;
  text-decoration:none
}
.AppFolio-apkey .apkey-graphic {
  display:block;
  max-width:520px;
  width:100%;
  height:auto;
  margin:8px auto 34px
}
.AppFolio-apkey .apkey-acc {
  max-width:860px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:12px
}
.AppFolio-apkey .apkey-item {
  border:1px solid var(--line);
  border-radius:14px;
  overflow:hidden;
  background:#fff
}
.AppFolio-apkey .apkey-head-btn {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  width:100%;
  cursor:pointer;
  border:0;
  text-align:left;
  padding:6px 10px;
  font-family:"Manrope",sans-serif;
  font-weight:700;
  font-size:16px;
  color:#fff;
  background:var(--c)
}
.AppFolio-apkey .apkey-head-btn:focus {
  outline:none;
  box-shadow:0 0 0 2px rgba(11,95,208,.35)
}
.AppFolio-apkey .apkey-head-btn .chev {
  flex:0 0 auto;
  width:22px;
  height:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:transform .25s ease
}
.AppFolio-apkey .apkey-head-btn .chev svg {
  width:18px;
  height:18px
}
.AppFolio-apkey .apkey-head-btn[aria-expanded="true"] .chev {
  transform:rotate(180deg)
}
.AppFolio-apkey .apkey-bodyinner {
  display:flex;
  gap:22px;
  align-items:center;
  padding:7px 7px 7px
}
.AppFolio-apkey .apkey-bodyinner p {
  margin:0;
  font-size:14.5px;
  color:var(--text)
}
.AppFolio-apkey .apkey-bodyinner img {
  flex:0 0 auto;
  width:300px;
  max-width:42%;
  height:auto;
  border-radius:10px;
  border:1px solid var(--line)
}
@media(max-width:640px) {
  .AppFolio-apkey .apkey-inner {
    padding:52px 18px
  }
  .AppFolio-apkey .apkey-bodyinner {
    flex-direction:column;
    align-items:flex-start
  }
  .AppFolio-apkey .apkey-bodyinner img {
    width:100%;
    max-width:100%
  }
}
@media(prefers-reduced-motion:reduce) {
  .AppFolio-apkey * {
    transition:none!important
  }
}
/* Footer badges: 2 per row on mobile */
@media (max-width: 767px) {
  body #site-footer .elementor-element-91f54e9 > .e-con-inner {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 14px !important;
  }
  body #site-footer .elementor-element-91f54e9 > .e-con-inner > * {
    flex: 0 0 44% !important;
    max-width: 44% !important;
    width: 44% !important;
  }
  body #site-footer .elementor-element-91f54e9 > .e-con-inner img {
    max-width: 100% !important;
    height: auto !important;
  }
}

/* Center the scroll popup modal on screen */
#scrollModal {
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  width: 90% !important;
  max-width: 600px !important;
  max-height: 90vh !important;
  overflow-y: auto !important;
}

#scrollModal::before {
  content: "";
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: -1;
}

/* scrollModal background color #fff */
#scrollModal {
  background: #fff !important;
}

/* Remove header & first-section top gap on mobile-header widths */
@media (max-width: 1900px) {
  #custom-site-header { margin-top: 0 !important; }
  #content .elementor-widget-html section:first-child { margin-top: 0 !important; }
}

/* Top-gap fix v2: blog/single posts + reinforce elementor logical margins (mobile-header widths) */
@media (max-width: 1900px) {
  #content .elementor > .e-con:first-child,
  #content .elementor > .elementor-section:first-child {
    margin-top: 0 !important;
    margin-block-start: 0 !important;
  }
  .blog #content .entry-content,
  .single #content .entry-content,
  .archive #content .entry-content {
    padding-top: 0 !important;
  }
}

.result{
	padding:40px 0;
}

.result .speak-from h3{
	font-size: 17px;
    font-weight: 600;
    color: #000000;
}

.result .speak-from {
    box-shadow: rgba(0, 0, 0, 0.38) 0px 0px 42px 0px;
    padding: 15px;
    border-radius: 18px;
    margin: 20px 0;
}

.ob-testimonials{
padding:40px 0;}

.ob-testimonials *{ box-sizing:border-box; }

.ob-testimonials__inner{ max-width:1140px; margin:0 auto; padding:0 20px; }

/* heading */
.ob-testimonials__head{ text-align:center; max-width:680px; margin:0 auto 40px; }

.ob-testimonials__eyebrow{
  font-size:12px; font-weight:700; letter-spacing:.22em; text-transform:uppercase;
  color:var(--blue); margin:0 0 12px;
}

.ob-testimonials__title{
  font-family:var(--serif); font-weight:600; font-size:clamp(26px,4.2vw,40px);
  line-height:1.15; margin:0; color:var(--ink); letter-spacing:-.01em;
}

.ob-testimonials__mark{
  position:relative; white-space:nowrap; padding:0 .12em;
}

.ob-testimonials__mark::before{
  content:""; position:absolute; left:0; right:0; bottom:.06em; height:.42em;
  background:var(--mark); z-index:-1; border-radius:3px; transform:rotate(-.6deg);
}

.ob-slider{ position:relative; }

.ob-slider__track{
  --per:1; --gap:22px;
  display:flex; gap:var(--gap); overflow-x:auto; padding:8px 4px 14px;
  scroll-snap-type:x mandatory; scroll-behavior:smooth;
  scrollbar-width:none; -ms-overflow-style:none;
}

.ob-slider__track::-webkit-scrollbar{ display:none; }

@media(min-width:640px){ .ob-slider__track{ --per:1; } }

@media(min-width:1000px){ .ob-slider__track{ --per:2; } }

.ob-card{
  flex:0 0 calc((100% - (var(--per) - 1)*var(--gap)) / var(--per));
  scroll-snap-align:start;
  position:relative; display:flex; flex-direction:column;
  background:var(--card); border:1px solid var(--line); border-radius:18px;
  padding:26px 24px 22px; box-shadow:0 10px 30px -18px rgba(10,79,134,.35);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
	height: fit-content !important;
}

.ob-card::before{
  content:""; position:absolute; top:0; left:24px; right:24px; height:3px;
  background:linear-gradient(90deg,var(--blue),#3aa0dd); border-radius:0 0 3px 3px; opacity:.9;
}

.ob-card:hover{ transform:translateY(-4px); box-shadow:0 20px 40px -20px rgba(10,79,134,.45); border-color:#d4e4f1; }

/* header */
.ob-card__head{ display:flex; align-items:center; gap:14px; }

.ob-card__avatar{
  width:58px; height:58px; flex:0 0 58px; border-radius:50%; object-fit:cover;
  background:#eef3f8; box-shadow:0 0 0 3px #fff, 0 0 0 4px var(--line);
}

.ob-card__id{ min-width:0; flex:1; }

.ob-card__name{ font-size:17px; font-weight:700; margin:0 0 1px; color:var(--ink); line-height:1.2; }

.ob-card__role{ font-size:12.5px; color:var(--role); margin:0; line-height:1.35; font-weight:500; }

.ob-card__linkedin{
  flex:0 0 auto; width:30px; height:30px; display:grid; place-items:center;
  border-radius:8px; color:#0a66c2; background:#eaf3fb; transition:background .2s,color .2s;
}

.ob-card__linkedin:hover{ background:#0a66c2; color:#fff; }

.ob-card__linkedin svg{ width:17px; height:17px; }

.ob-card__stars{ color:#e9c007; font-size:15px; letter-spacing:2px; margin:14px 0 6px; }

.ob-card__quote1{
  position:relative; font-family:var(--serif); font-size:15px; line-height:1.62;
  color:#33414f; margin:6px 0 0;
   }

.ob-card__qopen{
  font-family:var(--serif); color:var(--blue); font-weight:600; font-size:22px;
  vertical-align:-6px; margin-right:3px; opacity:.85;
}

.ob-card__foot{
  display:flex; justify-content:flex-end; margin-top:14px; padding-top:12px;
  border-top:1px solid var(--line);
}

.ob-card__qclose{ font-family:var(--serif); color:var(--blue); font-size:26px; line-height:.4; opacity:.5; }

.ob-slider__nav{ display:flex; align-items:center; justify-content:center; gap:18px; margin-top:26px; }

.ob-slider__arrow{
  width:46px; height:46px; border-radius:50%; border:1px solid var(--line); background:#fff;
  color:var(--blue); cursor:pointer; display:grid; place-items:center;
  box-shadow:0 6px 16px -10px rgba(10,79,134,.5); transition:background .2s,color .2s,transform .15s;
}

.ob-slider__arrow:hover{ background:var(--blue); color:#fff; }

.ob-slider__arrow:active{ transform:scale(.94); }

.ob-slider__arrow svg{ width:18px; height:18px; }

.ob-slider__dots{ display:flex; align-items:center; gap:8px; }

.ob-slider__dot{
  width:9px; height:9px; padding:0; border:0; border-radius:50%; background:#c4d5e4; cursor:pointer;
  transition:width .25s,background .25s;
}

.ob-slider__dot[aria-current="true"]{ width:26px; border-radius:6px; background:var(--blue); }

.ob-testimonials a:focus-visible,
.ob-slider__arrow:focus-visible,
.ob-slider__dot:focus-visible{ outline:3px solid #9ccaeb; outline-offset:2px; }

@media (prefers-reduced-motion:reduce){
  .ob-slider__track{ scroll-behavior:auto; } .ob-card{ transition:none; }
}

@media(max-width:480px){
  .ob-card{ padding:22px 18px 18px; } .ob-testimonials{ padding:48px 0 56px; }
}

 .system-implement{
  --gold:#f7b500;
  --ink:#15314a;
  --muted:#566776;
  --line:#e6edf5;

  background:#f5f8fc;
  padding:72px 0;
}

.system-implement .heading{ margin-bottom:46px; text-align:center; }

.system-implement .heading .highlight{
  display:inline-block;
  color:#065d95;
  padding:2px 12px;
  border-radius:4px;
  margin-top:8px;
  line-height:1.3;
}

.system-implement .row-link{
  text-decoration:none;
  color:inherit;
  background:#fff;
  border:1px solid var(--line);
  border-left:4px solid var(--accent);
  border-radius:14px;
  padding:14px 18px;
  box-shadow:0 8px 22px -18px rgba(16,42,67,.45);
  transition:transform .25s ease, box-shadow .25s ease;
	margin-bottom: 19px;
}

.system-implement .row-link:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 38px -20px rgba(16,42,67,.5);
  color:inherit;text-decoration:none;
}

.system-implement .row-link > div{
  display:flex !important;
  align-items:center;
  gap:22px;
  flex-wrap:wrap;
}

.system-implement .row-link .idx,
.system-implement .row-link .ic,
.system-implement .row-link .flex-grow-1{ margin:0 !important; }

.system-implement .idx{
  flex:0 0 auto;
  font-size:1rem;
  font-weight:500;
  color:#9fb4c8;
  line-height:1;
}

.system-implement .idx b{
  font-size:1.85rem;
  font-weight:800;
  color:var(--accent);
}

.system-implement .ic{
  flex:0 0 54px;
  width:54px;height:54px;
  border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  background:color-mix(in srgb, var(--accent) 14%, #fff);
  color:var(--accent);
}

.system-implement .ic svg{
  width:26px;height:26px;
  stroke:currentColor;stroke-width:1.7;fill:none;
  stroke-linecap:round;stroke-linejoin:round;
}

.system-implement .row-link .flex-grow-1{ flex:1 1 280px; min-width:240px; }

.system-implement .row-title{
  font-weight:700 !important;
  font-size:21px !important;
  color:var(--ink) !important;
  letter-spacing:-.01em;
  margin:0 0 6px !important;
}

.system-implement .pera{
  font-size:16px !important;
  color:var(--muted) !important;
  line-height:1.6 !important;
  margin:0 !important;
}

.system-implement .tag{
  font-size: 13px;
  color: var(--accent);
  background: color-mix(in srgb, var(--accent) 9%, #fff);
  border: 1px solid color-mix(in srgb, var(--accent) 35%, transparent);
  border-radius: 999px;
  padding: 8px 14px;
  font-weight: bold;
}

.system-implement .r1{--accent:#2f8fd8;}

.system-implement .r2{--accent:#1aa6cc;}

.system-implement .r3{--accent:#1a71bd;}

.system-implement .r4{--accent:#4aa3ea;}

.system-implement .r5{--accent:#e0484a;}

/* ---------------- CTA ---------------- */
.system-implement .cta{
  max-width:1080px;
  margin:30px auto 0;
  background:linear-gradient(120deg,#16456e,#1a5276);
  border:none;
  border-radius:16px;
  padding:30px 34px;
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  flex-wrap:wrap;
}

.system-implement .cta h4{
  font-weight:700 !important;
  font-size:20px !important;
  color:#fff !important;
  margin:0 !important;
}

.system-implement .cta p{
  font-size:15px !important;
  color:#bcd2e2 !important;
  margin:6px 0 0 !important;
}

.system-implement .btn-gold{
  background:var(--gold);
  color:#2a2200;
  font-weight:700;
  border:none;
  padding:6px 14px;
  border-radius:10px;
  transition:transform .2s, background .2s;
	font-size: 17px;
}

.system-implement .btn-gold:hover{
  background:#ffc62e;color:#2a2200;transform:translateY(-2px);
}

.system-implement .btn-gold:focus{ box-shadow:0 0 0 3px rgba(247,181,0,.45); }

@media (max-width:575.98px){
  .system-implement{ padding:52px 0; }
  .system-implement .ic{ display:none !important; }
  .system-implement .tag{ margin-left:0 !important; margin-top:6px; }
  .system-implement .row-link > div{ gap:14px; }
}

@media (prefers-reduced-motion:reduce){
  .system-implement .row-link,
  .system-implement .btn-gold{ transition:none; }
}

.ob-exp-account{
  --gold:#f9b417;
  --ink:#0a2540;
  --line:rgba(255,255,255,.16);
  position:relative;overflow:hidden;padding:40px 0;
  background:#f2f9fd;
}
.ob-exp-account .ob-exp__cta h3 {
  font-size: 23px;
}
.ob-exp-account::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.4;
  background-image:radial-gradient(rgba(255,255,255,.10) 1px, transparent 1.4px);
  background-size:28px 28px;
  -webkit-mask-image:radial-gradient(1200px 600px at 50% 25%, #000, transparent 80%);
          mask-image:radial-gradient(1200px 600px at 50% 25%, #000, transparent 80%);
}

.ob-exp-account .ob-exp__head{text-align:center;margin-bottom:44px;}

.ob-exp-account .ob-exp__title{color:#fff;font-weight:800;letter-spacing:-.01em;
  font-size:clamp(1.7rem,3.6vw,2.6rem);line-height:1.18;}

.ob-exp-account .ob-exp__title b{color:var(--gold);font-weight:800;}

.ob-exp-account .ob-exp__sub{color:rgba(255,255,255,.78);font-weight:500;margin-top:12px;
  font-size:clamp(.98rem,1.3vw,1.1rem);}

.ob-exp-account .ob-exp__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}

.ob-exp-account .ob-exp__card{
  position:relative;text-align:center;
  background:#fff;
  border:1px solid rgba(0, 0, 0, 0.3);border-radius:18px;padding:34px 24px;
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.ob-exp-account .ob-exp__card::after{content:"";position:absolute;left:50%;transform:translateX(-50%);
  bottom:0;width:46px;height:3px;border-radius:3px 3px 0 0;background:var(--gold);
  opacity:0;transition:opacity .3s ease;}

.ob-exp-account .ob-exp__card:hover{transform:translateY(-5px);border-color:rgba(249,180,23,.5);
  box-shadow:0 22px 44px -26px rgba(0,0,0,.7);}

.ob-exp-account .ob-exp__card:hover::after{opacity:1;}

.ob-exp-account .ob-exp__num{color:var(--gold);font-weight:800;font-size:clamp(2.2rem,4vw,3rem);line-height:1;}

.ob-exp-account .ob-exp__lbl{color:#000;font-weight:500;font-size:1.98rem;margin-top:12px;}

.ob-exp-account .ob-exp__cta{
  margin-top:30px;
  display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;
  background:#fff;
  border:1px solid rgba(0, 0, 0, 0.3);border-radius:18px;padding:30px 34px;
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
}

.ob-exp-account .ob-exp__cta h2{color:#000;font-weight:700;font-size:22px;margin:0;}

.ob-exp-account .ob-exp__cta p{color:#000;font-weight:500;margin:6px 0 0;font-size:18px;}

.ob-exp-account .ob-exp__btn{
  display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;
  background:#1a5276;color:#fff;font-weight:700;font-size:1.5rem;border:none;
  border-radius:10px;padding:14px 30px;cursor:pointer;text-decoration:none;
  box-shadow:0 16px 30px -14px rgba(249,180,23,.7);
  transition:transform .2s ease, background .2s ease;
}

.ob-exp-account .ob-exp__btn:hover{background:#ffc62e;transform:translateY(-2px);color:var(--ink);}

.ob-exp-account .ob-exp__btn svg{width:17px;height:17px;}

@media (max-width:760px){
  .ob-exp-account .ob-exp__stats{grid-template-columns:1fr;max-width:420px;margin:0 auto;}
  .ob-exp-account .ob-exp__cta{flex-direction:column;align-items:flex-start;text-align:left;}
}

@media (max-width:520px){.ob-exp-account .ob-exp{padding:56px 18px;}}

@media (prefers-reduced-motion:reduce){.ob-exp-account .ob-exp__card,.ob-exp__btn{transition:none;}}

.hero{
    position:relative;min-height:100vh;overflow:hidden;
    display:flex;align-items:center;justify-content:center;
    background:
      radial-gradient(110% 70% at 50% -10%, #094F83 0%, transparent 60%), radial-gradient(80% 60% at 50% 120%, rgba(231,181,63,.08) 0%, transparent 55%), #1071B8;
  }

  .hero .rings{position:absolute;inset:0;z-index:0;pointer-events:none;display:grid;place-items:center;}

  .hero .rings span{
    position:absolute;border:1px solid rgba(255,255,255,.10);border-radius:50%;
  }

  .hero .rings span:nth-child(1){width:560px;height:560px}

  .hero .rings span:nth-child(2){width:840px;height:840px}

  .hero .rings span:nth-child(3){width:1140px;height:1140px;border-color:rgba(231,181,63,.10)}

  .hero .wrap{
    position:relative;z-index:2;width:100%;max-width:1120px;
    padding:72px 40px;text-align:center;
  }

  .hero .kicker-rule{
    width:54px;height:2px;background:#E7B53F;
    margin:0 auto 30px;border-radius:2px;
  }

  .hero h1{
    font-weight:bolder;
    font-size:5rem;
    line-height:1.05;
    letter-spacing:-0.02em;
    margin-bottom:18px;
    color: #fff;
  }

  .hero .sub{
    font-weight:500;
    font-size:clamp(1.25rem,2.6vw,1.95rem);
    line-height:1.2;
    color:#E7B53F;
    margin-bottom:38px;
  }

  .hero .cta{
    font-weight:600;    background:#E7B53F;color:#1E1407;border:none;cursor:pointer;
    border-radius:8px;padding:17px 36px;text-decoration:none;
    display:inline-flex;align-items:center;gap:11px;
    box-shadow:0 14px 36px -12px rgba(231,181,63,.6);
    transition:transform .18s ease, box-shadow .18s ease;
  }

  .hero .cta:hover{transform:translateY(-2px);box-shadow:0 20px 44px -12px rgba(231,181,63,.75)}

  .hero .cta:focus-visible{outline:2px solid #F2CB6E;outline-offset:3px}

  .hero .cta svg{width:17px;height:17px}

  .hero .metrics{
    margin-top:64px;
    display:grid;grid-template-columns:repeat(3,1fr);
    border:1px solid rgba(255,255,255,.18);
    border-radius:16px;
    background:linear-gradient(180deg, rgba(16,42,79,.55), rgba(9,26,51,.55));
    overflow:hidden;
    backdrop-filter:blur(4px);
  }

  .hero .metric{
    padding:30px 24px;text-align:left;
    border-right:1px solid rgba(255,255,255,.10);
    position:relative;
  }

  .hero .metric:last-child{border-right:none}

  .hero .metric::before{
    content:"";position:absolute;top:0;left:0;width:34px;height:3px;background:#E7B53F;
    opacity:.9;
  }

  .hero .metric .num{
    font-weight:700;
    font-size:34px;
    letter-spacing:-0.02em;color:#F3F1EA;
    font-variant-numeric:tabular-nums;line-height:1;
    margin-bottom:12px;
  }

  .hero .metric .desc{font-size:1.3rem;line-height:1.45;color:#9FB1CC}

  .hero .chips{
    margin-top:26px;display:flex;flex-wrap:wrap;justify-content:center;
    gap:12px;
  }

  .hero .chip{
    display:inline-flex;align-items:center;gap:9px;
    font-size:1.2rem;color:#F3F1EA;
    border:1px solid rgba(255,255,255,.18);border-radius:999px;
    padding:10px 18px;background:rgba(255,255,255,.02);
  }

  .hero .chip svg{width:14px;height:14px;color:#E7B53F;flex:none}

  .hero .tab{   position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:5;
    background:#E7B53F;color:#1E1407;
    font-weight:600;font-size:12px;
    letter-spacing:.16em;
    writing-mode:vertical-rl;
    padding:20px 9px;border-radius:8px 0 0 8px;
    text-decoration:none;
    box-shadow:-6px 0 24px -10px rgba(0,0,0,.5);
    transition:padding-right .18s ease;
  }

  .hero .tab:hover{padding-right:14px}

  .hero .tab:focus-visible{outline:2px solid #F3F1EA;outline-offset:2px}

  .hero .contact{position:fixed;right:18px;bottom:18px;z-index:5;display:flex;flex-direction:column;gap:10px}

  .hero .contact a{
    width:46px;height:46px;border-radius:50%;display:grid;place-items:center;
    background:#102A4F;border:1px solid rgba(255,255,255,.18);color:#F3F1EA;
    transition:background .18s ease, transform .18s ease;
  }

  .hero .contact a:hover{background:#E7B53F;color:#1E1407;transform:translateY(-2px)}

  .hero .contact a:focus-visible{outline:2px solid #F2CB6E;outline-offset:2px}

  .hero .contact svg{width:20px;height:20px}

  .hero .rv{opacity:0;transform:translateY(16px);animation:rise .7s cubic-bezier(.2,.7,.2,1) forwards}

  .hero .d1{animation-delay:.05s}
.d2{animation-delay:.13s}
.d3{animation-delay:.22s}
.d4{animation-delay:.32s}

  @keyframes rise{to{opacity:1;transform:translateY(0)}}

  .hero .metric{opacity:0;animation:rise .6s ease forwards}

  .hero .metric:nth-child(1){animation-delay:.40s}
.hero .metric:nth-child(2){animation-delay:.48s}

  .hero .metric:nth-child(3){animation-delay:.56s}
.hero .metric:nth-child(4){animation-delay:.64s}

  .hero .chip{opacity:0;animation:rise .5s ease forwards}

  .hero .chip:nth-child(1){animation-delay:.70s}
.hero .chip:nth-child(2){animation-delay:.76s}

  .hero .chip:nth-child(3){animation-delay:.82s}
.hero .chip:nth-child(4){animation-delay:.88s}

  @media (prefers-reduced-motion:reduce){.rv,.metric,.chip{animation:none;opacity:1;transform:none}}

  @media (max-width:880px){
    .hero .metrics{grid-template-columns:repeat(2,1fr)}
    .hero .metric:nth-child(2){border-right:none}
    .hero .metric:nth-child(1),.metric:nth-child(2){border-bottom:1px solid rgba(255,255,255,.10)}
  }

  @media (max-width:520px){
    .hero .wrap{padding:64px 20px}
    .hero .metrics{grid-template-columns:1fr}
    .hero .metric{border-right:none;border-bottom:1px solid rgba(255,255,255,.10)}
    .hero .metric:last-child{border-bottom:none}
    .hero .tab{font-size:10px;padding:16px 7px}
    .hero .contact{right:12px;bottom:12px}
  }

.catagory{
  --b:#0E4FB0;        /* brand blue */
  --b-deep:#0A2F6E;
  --ink:#15233C;
  --muted:#647089;
  --line:#E7ECF5;
  --tint:#F1F6FF;
  --gold:#F2B705;
  --bg:#F5F8FD;
  --card:#FFFFFF;
  background:
    radial-gradient(900px 380px at 100% 0, rgba(14,79,176,.06), transparent 60%),
    var(--bg);
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  color:var(--ink);
}

.catagory .afm2-sub{font-size:16.5px;line-height:1.6;color:var(--muted);margin:0;}

.catagory .afm2-stage{
  background:var(--card);border:1px solid var(--line);border-radius:16px;
  padding:22px 22px 8px;position:relative;overflow:hidden;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;max-height: 100%;
  height: 100%;
}

.catagory .afm2-stage:hover{
  transform:translateY(-4px);
  box-shadow:0 22px 40px -24px rgba(10,47,110,.4);
  border-color:#D4E0F4;
}

.catagory .afm2-stage:hover::after{opacity:1;}

.catagory .afm2-stage-head{
  display:flex;align-items:center;gap:14px;
  padding-bottom:14px;margin-bottom:6px;border-bottom:1px solid var(--line);
}

.catagory .afm2-num{
  font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:22px;
  color:var(--b);background:var(--tint);
  width:46px;height:46px;border-radius:12px;flex:none;
  display:flex;align-items:center;justify-content:center;
}

.catagory .afm2-stage-head h3{font-size:22px;font-weight:600;
  margin:0 0 3px;color:var(--ink);letter-spacing:-.01em;
}

.catagory .afm2-tag{font-size:12px;font-weight:600;color:var(--muted);}

  margin:0 0 3px;
color:var(--ink);
letter-spacing:-.01em;

.catagory .afm2-list{list-style:none;margin:0;padding:6px 0;}

.catagory .afm2-list li{
  display:flex;align-items:center;gap:12px;
  padding:9px 8px;border-radius:9px;
  font-size:16.5px;font-weight:500;color:var(--ink);
  transition:background .18s ease, padding-left .18s ease;
}

.catagory .afm2-list li:hover{background:var(--tint);padding-left:12px;}

.catagory .afm2-ico{
  width:34px;height:34px;flex:none;border-radius:9px;
  background:var(--tint);display:flex;align-items:center;justify-content:center;
}

.catagory .afm2-list li:hover .afm2-ico{background:#fff;}

.catagory .afm2-ico img{width:19px;height:19px;display:block;}

@media (prefers-reduced-motion:reduce){
  .catagory .afm2-stage,.afm2-stage::after,.afm2-list li,.afm2-ico{transition:none;}
}

.obk-consult{
  --ink:#102542; --text:#46566F; --muted:#6E7E96;
  --accent:#F18200; --accent-deep:#D2730D;
  --blue:#1A71BD; --blue-deep:#126FB5;
  --card:#FFFFFF; --border:#E4EAF3; --field:#F7FAFD; --field-border:#D9E1EC;
  --shadow:0 22px 48px -28px rgba(20,50,90,.30);
  --shadow-sm:0 10px 26px -18px rgba(20,50,90,.28);
  position:relative; overflow:hidden; padding:40px 0;
  background:linear-gradient(135deg,#F5F8FD 0%,#F2FCFF 100%);
  font-family:'Inter',system-ui,sans-serif;
}

.obk-consult *{box-sizing:border-box;}

.obk-consult h4,
.obk-consult h5,
.obk-consult h6{font-family:'Archivo',sans-serif;color:var(--ink)!important;margin:0;}

.obk-consult .obk-intro h4{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:800;line-height:1.12;letter-spacing:-.02em;margin-bottom:16px;}

.obk-consult .obk-intro h4 label{color:var(--accent)!important;font-weight:800;margin:0;cursor:inherit;}

.obk-consult .obk-text{color:var(--text)!important;line-height:1.6;font-size:1rem;margin:0;}

.obk-consult .obk-top{align-items:flex-start;}

@media(min-width:992px){
  .obk-consult .obk-top > .col-lg-5{padding-right:34px;}
}

.obk-consult .obk-contact-list{display:flex;flex-direction:column;gap:14px;margin-top:30px;}

.obk-consult .obk-contact{
  display:flex;align-items:center;gap:16px;text-align:left;height:100%;
  background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px 18px;
  box-shadow:var(--shadow-sm);transition:transform .2s,border-color .2s,box-shadow .2s;
}

.obk-consult .obk-contact:hover{transform:translateY(-3px);border-color:rgba(241,130,0,.5);box-shadow:var(--shadow);}

.obk-consult .obk-contact__icon{flex:none;width:46px;height:46px;border-radius:11px;display:grid;place-items:center;background:rgba(241,130,0,.12);font-size:20px;line-height:1;}

.obk-consult .obk-contact__text{display:flex;flex-direction:column;gap:2px;min-width:0;}

.obk-consult .obk-contact h5{font-size:2rem;font-weight:700;}

.obk-consult .obk-link{color:var(--blue);text-decoration:none;font-size:1.3rem;font-weight:500;word-break:break-word;}

.obk-consult .obk-link:hover{color:var(--blue-deep);text-decoration:underline;}

.obk-consult .obk-btn{margin-left:auto;background:var(--blue)!important;color:#fff!important;border:none;border-radius:8px;padding:9px 16px;font-family:'Archivo',sans-serif;font-weight:600;font-size:1.3rem;cursor:pointer;white-space:nowrap;transition:background .18s;}

.obk-consult .obk-btn:hover{background:var(--blue-deep)!important;}

.obk-consult .obk-form{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:34px;box-shadow:var(--shadow);}

.obk-consult .obk-form > .text-center{text-align:left!important;margin-bottom:22px;}

.obk-consult .obk-form h5{font-size:2rem;font-weight:800;margin-bottom:6px;}

.obk-consult .wpforms-field{padding:0 0 16px!important;}

.obk-consult .wpforms-field-label,
.obk-consult .wpforms-form label{color:var(--ink)!important;font-family:'Archivo',sans-serif!important;font-weight:600!important;font-size:1.3rem!important;margin-bottom:8px!important;}

.obk-consult .wpforms-required-label{color:var(--accent)!important;}

.obk-consult .wpforms-form input[type=text],
.obk-consult .wpforms-form input[type=email],
.obk-consult .wpforms-form input[type=tel],
.obk-consult .wpforms-form input[type=number],
.obk-consult .wpforms-form input[type=url],
.obk-consult .wpforms-form select,
.obk-consult .wpforms-form textarea{
  background:var(--field)!important;border:1px solid var(--field-border)!important;border-radius:9px!important;
  padding:12px 14px!important;color:var(--ink)!important;font-size:1.5rem!important;width:100%!important;box-shadow:none!important;
}

.obk-consult .wpforms-form input:focus,
.obk-consult .wpforms-form select:focus,
.obk-consult .wpforms-form textarea:focus{border-color:var(--blue)!important;box-shadow:0 0 0 3px rgba(26,113,189,.18)!important;outline:none!important;}

.obk-consult .wpforms-form button[type=submit],
.obk-consult .wpforms-submit{
  background:var(--blue)!important;color:#fff!important;border:none!important;border-radius:10px!important;
  padding:14px 30px!important;font-family:'Archivo',sans-serif!important;font-weight:700!important;font-size:1.3rem!important;
  box-shadow:0 16px 32px -16px rgba(26,113,189,.6)!important;cursor:pointer;transition:background .18s,transform .18s;
}

.obk-consult .wpforms-form button[type=submit]:hover,
.obk-consult .wpforms-submit:hover{background:var(--blue-deep)!important;transform:translateY(-2px);}

.obk-consult .obk-steps__head{text-align:center;}

.obk-consult .obk-steps__head h4{font-size:clamp(1.5rem,2.4vw,2rem);font-weight:800;margin-bottom:48px;}

.obk-consult .obk-steps__head h4 label{color:var(--accent)!important;margin:0;}

.obk-consult .obk-steps__row{position:relative;}

@media(min-width:768px){
  .obk-consult .obk-steps__row::before{content:"";position:absolute;top:26px;left:12.5%;right:12.5%;height:2px;background:linear-gradient(90deg,#064979,#a855f7);opacity:.35;z-index:0;}
}

.obk-consult .obk-step{text-align:center;padding:0 8px 24px;position:relative;z-index:1;}

.obk-consult .obk-step label{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;color:#fff!important;font-family:'Archivo',sans-serif;font-weight:800;font-size:1.2rem;margin:0 auto 16px;box-shadow:0 0 0 6px #F2FAFE,0 10px 22px -10px rgba(0,0,0,.25);}

.obk-consult .obk-step h6{font-size:2.05rem;font-weight:700;margin-bottom:8px;}

.obk-consult .obk-closing{margin-top:80px;}

.obk-consult .obk-closing__inner{position:relative;overflow:hidden;background:linear-gradient(120deg,#fff,#F1F8FF);border:1px solid var(--border);border-radius:20px;padding:44px 48px;text-align:center;box-shadow:var(--shadow);}

.obk-consult .obk-closing__inner::before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(241,130,0,.12),transparent 70%);top:-120px;right:-60px;pointer-events:none;}

.obk-consult .obk-closing h5{position:relative;font-size:clamp(1.3rem,2.4vw,1.8rem);font-weight:800;margin-bottom:14px;}

@media(max-width:560px){
  .obk-consult{padding:64px 0;}
  .obk-consult .obk-form{padding:26px 22px;}
  .obk-consult .obk-contact{flex-wrap:wrap;}
}

.obk-fprow{display:flex;gap:14px;}

.obk-fprow > div{flex:1;}

@media(max-width:560px){.obk-fprow{flex-direction:column;}}

  .contact-hero{background:linear-gradient(160deg, #005da7, #0e6aa5 60%, #002e57);color:#fff;position:relative;overflow:hidden;padding:64px 0 120px}

  .contact-hero::after{content:"";position:absolute;right:-8%;top:-30%;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(42,138,192,.35),transparent 68%)}

  .contact-hero .wrap{position:relative;z-index:2}

  .contact-hero .eyebrow{color:#8fd0f2}

  .contact-hero .eyebrow::before{background:#8fd0f2}

  .contact-hero h1{color:#fff;font-size:clamp(2.3rem,4.6vw,3.5rem);font-weight:800;margin:18px 0 16px;}

  .contact-hero p{color:rgba(255,255,255,.84);font-size:18px;max-width:600px}

  .quick{margin-top:-72px;position:relative;z-index:5}

  .quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}

  .qcard{background:#fff;border:1px solid #e3eaf0;border-radius:10px;padding:16px 22px;box-shadow:0 12px 34px rgba(15,55,87,.12);transition:.3s cubic-bezier(.22,.61,.36,1);display:block}

  .qcard:hover{transform:translateY(-5px);box-shadow:0 26px 60px rgba(15,55,87,.16);border-color:transparent}

  .qcard .ic{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:#eef7fc;color:#1A71BD;margin-bottom:16px}

  .qcard:nth-child(2) .ic{background:#eaf7f0;color:#1a9e6a}

  .qcard:nth-child(3) .ic{background:#e9f6ee;color:#25a35a}

  .qcard:nth-child(4) .ic{background:#eef2fb;color:#0f3757}

  .qcard h3{font-size:16px;margin-bottom:5px}

  .qcard .sub{font-size:13px;color:#8496a3}

  .qcard .val{font-size:14px;color:#1A71BD;font-weight:500;margin-top:8px;display:flex;align-items:center;gap:6px}

   .main{padding: 40px 0;}

   .main span.eyebrow {background: #F1C40F;padding: 8px 18px; border-radius: 10px;}

   .wp-contact {background: #EEF7FC; border-radius: 20px; border: 1px solid #ccc;}

  .info h2{font-size:clamp(1.7rem,2.8vw,2.3rem);font-weight:800;margin:14px 0 14px}

  .info>p{color:#8496a3;font-size:16px;margin-bottom:30px}

  .info-block{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid #e3eaf0}

  .info-block:last-of-type{border-bottom:none}

  .info-block .ib-ic{width:44px;height:44px;border-radius:12px;background:#eef7fc;color:#1A71BD;display:grid;place-items:center;flex:none}

  .info-block h4{font-size:15px;font-weight:700;color:#0f3757;margin-bottom:3px}

  .info-block p,.info-block a{font-size:14.5px;color:#8496a3}

  .info-block a:hover{color:#1A71BD}

  .map-sec{padding:0 0 0}

  .map-grid{display:grid;grid-template-columns:1fr 1fr;min-height:440px}

  .map-info{background:#0f3757;color:#fff;padding:60px 56px;display:flex;flex-direction:column;justify-content:center}

  .map-info .eyebrow{color:#8fd0f2}
.map-info .eyebrow::before{background:#8fd0f2}

  .map-info h2{color:#fff;font-size:clamp(1.6rem,2.6vw,2.1rem);font-weight:800;margin:16px 0 22px}

  .map-info .mline{display:flex;gap:14px;margin-bottom:20px;font-size:15px;color:rgba(255,255,255,.85)}

  .map-info .mline svg{color:#8fd0f2;flex:none;margin-top:3px}

  .map-info .mline a{color:rgba(255,255,255,.85)}

  .map-info .mline a:hover{color:#fff}

  .map-embed{position:relative;background:#f4f8fb;min-height:440px}

  .map-embed iframe{width:100%;height:100%;border:0;position:absolute;inset:0}

  .map-fallback{position:absolute;bottom:16px;left:16px;background:#fff;padding:9px 16px;border-radius:100px;font-size:13px;font-weight:600;color:#1A71BD;box-shadow:0 1px 2px rgba(15,55,87,.05),0 6px 18px rgba(15,55,87,.06)}

  @media(max-width:940px){
    .quick-grid{grid-template-columns:1fr 1fr}
    .main-grid{grid-template-columns:1fr;gap:40px}

    .map-grid{grid-template-columns:1fr}
    .map-info{padding:44px 30px}
  }

  @media(max-width:560px){
    .quick-grid{grid-template-columns:1fr}
  }

.vertical-property{
	background:#EDF6FF;
}

.rent-specialist{
background:url(https://www.outsourcedbookeeping.com/wp-content/uploads/2025/11/operator.jpg) 100%/cover no-repeat;
    padding: 40px 0;
}

.deploy-slide{
    position:relative;
    width:100%;
    background:#f4fbff;
    border-radius:6px;
    overflow:hidden;
    padding:40px 0;
  }

  .deploy-slide .deco{position:absolute;z-index:0;pointer-events:none}

  .deploy-slide .deco-tr{top:0;right:0;width:38%;max-width:360px}

  .deploy-slide .deco-br{bottom:0;right:0;width:46%;max-width:440px}

  .deploy-slide .slide-inner{position:relative;z-index:2}

  .deploy-slide .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}

  .deploy-slide .card{
    position:relative;
    background:#fff;
    border:1px solid #edeff2;
    border-radius:8px;
    padding:22px 22px 24px;
    box-shadow:0 4px 14px rgba(17,36,71,.05);
    min-height:150px;
  }

  .deploy-slide .card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}

  .deploy-slide .num{
   width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #bfe4f7;
  display: grid;
  place-items: center;
  flex: none;
  font-size: 19px;
  color: #000;
  }

  .deploy-slide .card h3{font-size:22px;font-weight:700;color:#112447;margin-bottom:8px;letter-spacing:-.01em}

  .deploy-slide .check{width:34px;height:34px;border-radius:50%;background:#c9a227;display:grid;place-items:center;margin-top:2px}

  .deploy-slide .anim{opacity:0;transform:translateY(14px);animation:up .6s cubic-bezier(.22,.61,.36,1) forwards}

  @keyframes up{to{opacity:1;transform:none}}

  @media(max-width:760px){
    .deploy-slide .grid{grid-template-columns:1fr 1fr}
    .deploy-slide .slide{padding:34px 28px 30px}
    .deploy-slide .deco-tr{width:46%}.deco-br{width:56%}
  }

  @media(max-width:480px){
    .deploy-slide .grid{grid-template-columns:1fr}
    .deploy-slide .deco{opacity:.7}
  }

  @media(prefers-reduced-motion:reduce){.anim{animation:none;opacity:1;transform:none}}

.accreditations .cata-box img {display: block;box-shadow: 0 4px 8px 0 rgb(0 0 0 / .2), 0 6px 20px 0 rgb(0 0 0 / .19) !important;padding: 30px;border-radius: 20px;margin-bottom: 20px;}

.expertise .exp-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:24px;
  margin-top:34px;
}

.exp-card{
  background:#fff;
  border:1px solid #e8ebf1;
  border-top:4px solid var(--c);
  border-radius:16px;
  padding:26px 28px;
  box-shadow:0 6px 18px rgba(23,32,58,.05);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.exp-card:hover{
  transform:translateY(-6px);
  box-shadow:0 16px 34px rgba(23,32,58,.12);
}

.exp-ic{
  width:56px; height:56px;
  border-radius:15px;
  background:var(--c);
  display:flex; align-items:center; justify-content:center;
  margin-bottom:18px;
}

.exp-ic svg{width:30px; height:30px;color:#fff;}

.exp-card h3{
  font-size:19px; font-weight:800; color:#17203a;
  margin:0 0 10px; line-height:1.3;
}

.exp-card p{
  font-size:15px; color:#51607a; line-height:1.6; margin:0;
}

@media(max-width:768px){
  .expertise .exp-grid{grid-template-columns:1fr;}
}

.trust-certification{
	padding:40px 0 !important;
}

.trust-certification .review-box{
    text-align:center;
}

.trust-certification .review-users{
    display:flex;
    justify-content:center;
    align-items:center;
}

.trust-certification .review-users img{
    width:46px;
    height:46px;
    border-radius:50%;
    object-fit:cover;
    border:3px solid #fff;
    margin-left:-10px;
}

.trust-certification .review-users img:first-child{
    margin-left:0;
}

.trust-certification .review-text{
    font-size:17px;
    font-weight:600;
    margin-bottom:8px;
}

.trust-certification .review-text a{
    color:#0061bb;
}

.trust-certification .stars{
    color:#f4c542;
    font-size:30px;
    letter-spacing:3px;
    line-height:1;
}

@media (max-width:991px){
    .trust-certification .trust-logo{
       max-width:170px;
    }
    .trust-certification .review-text{
        font-size:22px;
    }
    .trust-certification .stars{
        font-size:26px;
    }
}

@media (max-width:767px){
    .trust-certification .trust-section{
        padding:35px 0;
    }
    .trust-certification .trust-logo{
        max-width:170px;
        margin-bottom:15px;
    }
    .trust-certification .review-users img{
        width:38px;
        height:38px;
    }
    .trust-certification .review-text{
        font-size:18px;
    }
    .trust-certification .stars{
        font-size:22px;
        letter-spacing:2px;
    }
}

  .scale-delivery-backlog { background: linear-gradient(180deg,#DDF2FF 0%, #FFF 100%); padding:70px 0 60px; }

  .scale-delivery-backlog .hero-grid { display:grid; grid-template-columns: 1.1fr 0.9fr; gap:20px; align-items:center; }

  .scale-delivery-backlog .hero-kicker { font-size:13px; font-weight:800; letter-spacing:1.5px; text-transform:uppercase; color:#1C7CB8; margin-bottom:14px; }

  .scale-delivery-backlog h1 { font-size:38px; line-height:1.2; font-weight:800; margin:0 0 18px; color:#2E2E2E; }

  .scale-delivery-backlog h1 .accent { color:#1C7CB8; }

  .scale-delivery-backlog p { font-size:15.5px; color:#5B6B78; line-height:1.75; margin:0 0 18px; max-width:560px; }

  .scale-delivery-backlog p:last-of-type { margin-bottom:28px; }

  .scale-delivery-backlog .hero-ctas { display:flex; gap:14px; flex-wrap:wrap; margin-bottom:30px; }

  .scale-delivery-backlog .cpa-btn-fill,
  .scale-delivery-backlog .cpa-btn-outline {
    display:inline-block; font-weight:700; font-size:14.5px; border-radius:8px;
    padding:14px 30px; cursor:pointer; line-height:1.2;
  }

  .scale-delivery-backlog .cpa-btn-fill {
    background:#0F6AAF; color:#fff; border:2px solid #0F6AAF;
    box-shadow:0 8px 20px rgba(15,106,175,0.25);
  }

  .scale-delivery-backlog .cpa-btn-fill:hover { background:#0C5A93; border-color:#0C5A93; color:#fff; }

  .scale-delivery-backlog .cpa-btn-outline {
    background:transparent; color:#0F6AAF; border:2px solid #0F6AAF;
  }
  .scale-delivery-backlog .cpa-btn-outline:hover { background:#F2F7FB; }

  .scale-delivery-backlog .hero-stats { display:flex; gap:28px; flex-wrap:wrap; }

  .scale-delivery-backlog .hero-stat b { display:block; font-size:20px; color:#0F6AAF; font-weight:800; }

  .scale-delivery-backlog .hero-stat span { font-size:12.5px; color:#5B6B78; }

  @media (max-width: 900px) {
    .scale-delivery-backlog .hero-grid { grid-template-columns:1fr; }
  }

.qb-hero {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, #FFFFFF 0%, #F3FAF5 100%);
    padding: 80px 24px 90px;
    background:url(https://www.outsourcedbookeeping.com/wp-content/uploads/2026/04/quickbooks-bookkeep.png) center/cover no-repeat;
    height:auto;
    align-content: center;
  }

  .qb-hero .qb-blob-a {
    position: absolute; top: -120px; left: -160px;
    width: 380px; height: 380px; border-radius: 50%;
    background: radial-gradient(circle at 30% 30%, rgba(47,168,88,0.16), rgba(47,168,88,0) 70%);
    pointer-events: none;
  }

  .qb-hero .qb-blob-b {
    position: absolute; bottom: -180px; right: -160px;
    width: 460px; height: 460px; border-radius: 50%;
    background: radial-gradient(circle at 70% 70%, rgba(18,111,181,0.14), rgba(18,111,181,0) 70%);
    pointer-events: none;
  }

  .qb-hero .qb-dotgrid {
    position: absolute; display: grid;
    grid-template-columns: repeat(4, 8px); grid-auto-rows: 8px; gap: 10px;
    opacity: 0.5; pointer-events: none;
  }

  .qb-hero .qb-dotgrid span { width: 6px; height: 6px; border-radius: 2px; background: #2FA858; opacity: 0.35; }

  .qb-hero .qb-dotgrid.bottom-left { bottom: 40px; left: 24px; }

  .qb-hero .qb-wrap {
    position: relative; z-index: 1;
    max-width: 1180px; margin: 0 auto;
  }

  .qb-hero .qb-grid {
    display: grid; grid-template-columns: 1.05fr 0.95fr;
    gap: 54px; align-items: center;
  }

  .qb-hero .qb-eyebrow {
    display: inline-block; background: #FFFFFF; color: #126FB5;
    font-size: 12.5px; font-weight: 700; padding: 8px 18px; border-radius: 999px;
    border: 1px solid #DCEAF6; box-shadow: 0 4px 12px rgba(18,111,181,0.08);
    margin-bottom: 20px;
  }

  .qb-hero h1 {
    font-size: 40px; line-height: 1.26; font-weight: 800;
    margin: 0 0 24px; letter-spacing: -0.3px;
  }

  .qb-hero h1 .qb-ink { color: #16211A; }

  .qb-hero h1 .qb-accent { color: #1B5E20; }

  .qb-hero p {
    font-size: 15.5px; line-height: 1.8; color: #55645C;
    margin: 0 0 16px; max-width: 560px;
  }

  .qb-hero p:last-of-type { margin-bottom: 32px; }

  .qb-hero .qb-ctas {
    display: flex; gap: 16px; flex-wrap: wrap;
  }

  .qb-hero .qb-btn {
    display: inline-block; font-weight: 700; font-size: 15px;
    padding: 15px 30px; border-radius: 9px; cursor: pointer; line-height: 1.2;
    border: 2px solid transparent; transition: transform .15s ease, box-shadow .15s ease;
  }

  .qb-hero .qb-btn:hover { transform: translateY(-1px); }

  .qb-hero .qb-btn-fill {
    background: linear-gradient(180deg, #34B75E 0%, #1B5E20 100%);
    color: #FFFFFF;
    box-shadow: 0 10px 24px rgba(27,94,32,0.28);
  }

  .qb-hero .qb-btn-fill:hover { box-shadow: 0 14px 30px rgba(27,94,32,0.34); }

  .qb-hero .qb-btn-outline {
    background: #126FB5; color: #FFFFFF;
    box-shadow: 0 10px 24px rgba(18,111,181,0.24);
  }

  .qb-hero .qb-btn-outline:hover { background: #0D5A93; box-shadow: 0 14px 30px rgba(13,90,147,0.3); }

  .qb-hero .qb-dash-wrap { position: relative; }

  .qb-hero .qb-dash-glow {
    position: absolute; top: -24px; right: -24px; bottom: -24px; left: 24px;
    background: linear-gradient(135deg, rgba(47,168,88,0.16), rgba(18,111,181,0.16));
    border-radius: 22px; z-index: 0;
  }

  .qb-hero .qb-dash {
    position: relative; z-index: 1;
    background: #FFFFFF; border-radius: 16px; overflow: hidden;
    box-shadow: 0 30px 60px rgba(16,40,24,0.14);
    border: 1px solid #E9F1EB;
    font-family: Arial, Helvetica, sans-serif;
  }

  .qb-hero .qb-dash-top {
    display: flex; align-items: center; gap: 14px;
    padding: 14px 18px; border-bottom: 1px solid #EEF3EF;
  }

  .qb-hero .qb-dash-brand { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; color: #16211A; white-space: nowrap; }

  .qb-hero .qb-dash-brand .dot { width: 18px; height: 18px; border-radius: 6px; background: linear-gradient(135deg,#34B75E,#1B5E20); flex-shrink: 0; }

  .qb-hero .qb-dash-search { flex: 1; background: #F3F6F4; border-radius: 8px; padding: 7px 12px; font-size: 12px; color: #97A29C; }

  .qb-hero .qb-dash-avatar { width: 26px; height: 26px; border-radius: 50%; background: #E9F1EB; color: #1B5E20; font-size: 10.5px; font-weight: 800; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }

  .qb-hero .qb-dash-body { display: flex; }

  .qb-hero .qb-dash-nav { width: 118px; flex-shrink: 0; padding: 14px 10px; border-right: 1px solid #EEF3EF; }

  .qb-hero .qb-dash-nav .nav-item { font-size: 11.5px; color: #7C8A82; padding: 8px 10px; border-radius: 7px; margin-bottom: 3px; }

  .qb-hero .qb-dash-nav .nav-item.active { background: #EAF7EE; color: #1B5E20; font-weight: 700; }

  .qb-hero .qb-dash-nav .nav-badge {
    margin-top: 14px; background: #EAF7EE; border-radius: 8px; padding: 9px 10px;
    font-size: 10.5px; font-weight: 800; color: #1B5E20;
  }

  .qb-hero .qb-dash-nav .nav-badge span { display: block; font-weight: 500; color: #5C8A68; font-size: 9.5px; margin-top: 2px; }

  .qb-hero .qb-dash-main { flex: 1; min-width: 0; padding: 16px 18px; }

  .qb-hero .qb-dash-main .main-head { font-size: 13px; font-weight: 800; color: #16211A; margin-bottom: 2px; }

  .qb-hero .qb-dash-main .main-sub { font-size: 10px; color: #97A29C; margin-bottom: 12px; }

  .qb-hero .stat-row { display: flex; gap: 8px; margin-bottom: 12px; }

  .qb-hero .stat-tile { flex: 1; background: #F7FAF8; border-radius: 9px; padding: 9px 10px; min-width: 0; }

  .qb-hero .stat-tile .lbl { display: block; font-size: 9.5px; color: #8A968F; margin-bottom: 3px; }

  .qb-hero .stat-tile .val { display: block; font-size: 14.5px; font-weight: 800; color: #16211A; }

  .qb-hero .stat-tile .delta { display: block; font-size: 9px; margin-top: 3px; font-weight: 700; }

  .qb-hero .stat-tile .delta.up { color: #2FA858; }

  .qb-hero .stat-tile .delta.ok { color: #2FA858; }

  .qb-hero .chart-row { display: flex; gap: 8px; margin-bottom: 12px; }

  .qb-hero .chart-card { background: #F7FAF8; border-radius: 9px; padding: 10px 12px; }

  .qb-hero .chart-card.line-card { flex: 1.4; }

  .qb-hero .chart-card.donut-card { flex: 1; display: flex; flex-direction: column; align-items: center; }

  .qb-hero .chart-title { font-size: 10.5px; font-weight: 800; color: #16211A; margin-bottom: 6px; }

  .qb-hero .chart-title span { display: block; font-weight: 500; color: #97A29C; font-size: 9px; }

  .qb-hero .chart-months { display: flex; justify-content: space-between; font-size: 8px; color: #97A29C; margin-top: 4px; }

  .qb-hero .donut-legend { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 6px; justify-content: center; }

  .qb-hero .donut-legend span { display: flex; align-items: center; gap: 3px; font-size: 8px; color: #5B6B62; }

  .qb-hero .donut-legend i { width: 6px; height: 6px; border-radius: 50%; display: inline-block; }

  .qb-hero .recon-list { background: #F7FAF8; border-radius: 9px; padding: 10px 12px; }

  .qb-hero .recon-title { font-size: 10.5px; font-weight: 800; color: #16211A; margin-bottom: 8px; }

  .qb-hero .recon-row { display: flex; align-items: center; justify-content: space-between; padding: 6px 0; border-top: 1px solid #EEF3EF; font-size: 10px; }

  .qb-hero .recon-row:first-of-type { border-top: none; }

  .qb-hero .recon-row .rn { color: #16211A; font-weight: 600; }

  .qb-hero .recon-row .rd { color: #97A29C; }

  .qb-hero .recon-row .ra { color: #1B5E20; font-weight: 800; }

  .qb-hero .recon-row .rc { width: 14px; height: 14px; border-radius: 50%; background: #2FA858; color: #fff; font-size: 9px; display: flex; align-items: center; justify-content: center; }

  .qb-hero .qb-dash-float {
    position: absolute; right: -14px; bottom: -14px; z-index: 2;
    display: flex; align-items: center; gap: 8px;
    background: #FFFFFF; border-radius: 999px; padding: 8px 14px 8px 8px;
    box-shadow: 0 12px 26px rgba(16,40,24,0.16); border: 1px solid #EEF3EF;
    font-size: 11px; font-weight: 700; color: #16211A;
  }

  .qb-hero .qb-dash-float .qb-mono {
    width: 24px; height: 24px; border-radius: 50%;
    background: linear-gradient(135deg,#34B75E,#1B5E20); color: #fff;
    font-size: 9px; font-weight: 800; display: flex; align-items: center; justify-content: center;
  }

  @media (max-width: 900px) {
    .qb-hero .qb-grid { grid-template-columns: 1fr; }
    .qb-hero .qb-dash-wrap { order: 2; margin-top: 30px; margin-bottom: 0; }  /* CHANGED: text first, dashboard below */
    .qb-hero p { max-width: none; }
  }

  @media (max-width: 640px) {
    .qb-hero { padding: 60px 18px 60px; }
    .qb-hero h1 { font-size: 28px; }
    .qb-hero .qb-dash-nav { display: none; }
    .qb-hero .chart-row { flex-direction: column; }
    .qb-hero .qb-dotgrid { display: none; }
    .qb-hero .qb-dash-wrap { margin-left: 4px; margin-right: 4px; }
    .qb-hero .qb-dash-float {
      right: 6px; bottom: -16px;
      padding: 6px 12px 6px 6px; font-size: 10px;
    }
    .qb-hero .qb-dash-float .qb-mono { width: 20px; height: 20px; font-size: 8px; }
  }
 .qbs-section {
    position: relative;
    background: linear-gradient(180deg, #F7FBF8 0%, #FBFBFB 100%);
    padding: 40px 0;
  }
  .qbs-section .qbs-section .qbs-wrap { max-width: 1080px; margin: 0 auto; }
  .qbs-section .qbs-steps {
    margin-top: 40px;
    display: grid;
    column-gap: 48px;
  }
  @media (min-width: 760px) {
    .qbs-steps {
      grid-template-columns: 1fr 1fr;
      grid-auto-flow: column;
      grid-template-rows: repeat(3, auto);
    }
  }
  .qbs-section .qbs-step-row {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 18px 0;
    border-bottom: 1px solid #8DAD97;
  }
  .qbs-section .qbs-steps .qbs-step-row:nth-child(3n)  { }
  @media (min-width: 760px) {
    .qbs-section .qbs-step-row:nth-child(3) { border-bottom: none; }
    .qbs-section .qbs-step-row:nth-child(6) { border-bottom: none; }
  }
  @media (max-width: 759px) {
    .qbs-section .qbs-step-row:last-child { border-bottom: none; }
  }
  .qbs-section .qbs-step-row:first-child { padding-top: 0; }

  .qbs-section .qbs-num {
    flex-shrink: 0;
    font-size: 44px;
    font-weight: 800;
    line-height: 1;
    text-align: center;
    background: linear-gradient(135deg, #0F6AAF, #1B5E20);
    -webkit-background-clip: text;
    background-clip: text;
    color: #00000057;
    opacity: 0.28;
  }
  .qbs-section .qbs-step-content { flex: 1; min-width: 0; }
  .qbs-section .qbs-step-top { display: flex; align-items: center; gap: 12px; margin-bottom: 7px; }
  .qbs-section .qbs-icon-lg {
    width: 38px; height: 38px; border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
  }
  .qbs-section .qbs-step-row:nth-child(odd) .qbs-icon-lg { background: #E7F1FC; }
  .qbs-section .qbs-step-row:nth-child(even) .qbs-icon-lg { background: #EAF7EE; }
  .qbs-section .qbs-step-row:nth-child(even) .qbs-icon-lg svg [stroke="#0F6AAF"] { stroke: #1B5E20; }

  .qbs-section .qbs-step-content h3 {
    font-size: 17px; font-weight: 800; color: #16211A; margin: 0; line-height: 1.3;
  }
  .qbs-section .qbs-step-content p {
    font-size: 14.5px; line-height: 1.6; color: #57665F; margin: 0;
  }
  .qbs-section .qbs-note {
    margin-top: 40px;
    background: linear-gradient(135deg, #F3F8F5 0%, #EAF3FC 100%);
    border: 1px solid #E1ECE6;
    border-radius: 14px;
    padding: 28px 30px 32px;
    text-align: center;
  }
  .qbs-section .qbs-note p {
    max-width: 780px; margin: 0 auto 20px;
    font-size: 15px; line-height: 1.7; color: #3A463E;
  }
  .qbs-section .qbs-btn {
    display: inline-block; background: #0F6AAF; color: #fff; font-weight: 700;
    font-size: 14.5px; padding: 5px 34px; border-radius: 8px; border: 2px solid #0F6AAF;
    cursor: pointer; box-shadow: 0 8px 20px rgba(15,106,175,0.25);
  }
 .qbs-section .qbs-btn:hover { background: #0C5A93; border-color: #0C5A93; color: #fff; }

  @media (max-width: 640px) {
    .qbs-section .qbs-section { padding: 48px 16px 54px; }
    .qbs-section .qbs-head .qbs-line1 { font-size: 22px; }
   .qbs-section .qbs-head h2 { font-size: 24px; padding: 5px 16px; }
    .qbs-section .qbs-steps { margin-top: 32px; }
    .qbs-section .qbs-step-row { gap: 14px; padding: 15px 0; }
   .qbs-section .qbs-num { font-size: 34px; }
    .qbs-section .qbs-icon-lg { width: 34px; height: 34px; border-radius: 9px; }
   .qbs-section .qbs-step-content h3 { font-size: 15.5px; }
    .qbs-section .qbs-step-content p { font-size: 13.3px; line-height: 1.55; }
  }
  
.qbp-practices {
    position: relative;
    background: linear-gradient(180deg, #F7FBF8 0%, #EAF3FC 100%);
    padding: 40px 0;
  }
  .qbp-practices .qbp-list {
    margin-top: 44px;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(16,40,24,0.06);
  }
  .qbp-practices .qbp-band {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 26px 30px;
  }
  .qbp-practices .qbp-band:nth-child(odd) { background: #FFFFFF; }
  .qbp-practices .qbp-band:nth-child(even) { background: #F5FAF6; }
  .qbp-practices .qbp-icon {
    width: 54px; height: 54px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
    border: 2px solid;
  }
  .qbp-practices .qbp-band:nth-child(4n+1) .qbp-icon { background: #E7F1FC; border-color: #0F6AAF; }
  .qbp-practices .qbp-band:nth-child(4n+2) .qbp-icon { background: #EAF7EE; border-color: #1B5E20; }
  .qbp-practices .qbp-band:nth-child(4n+3) .qbp-icon { background: #EAF7EE; border-color: #1B5E20; }
  .qbp-practices .qbp-band:nth-child(4n+4) .qbp-icon { background: #E7F1FC; border-color: #0F6AAF; }
  .qbp-practices .qbp-band:nth-child(4n+2) .qbp-icon svg [stroke="#0F6AAF"],
  .qbp-practices .qbp-band:nth-child(4n+3) .qbp-icon svg [stroke="#0F6AAF"] { stroke: #1B5E20; }
  .qbp-content { flex: 1; min-width: 0; }
  .qbp-practices .qbp-content h3 {
    font-size: 17.5px; font-weight: 800; color: #16211A; margin: 0 0 6px; line-height: 1.3;
  }
  .qbp-practices .qbp-content p {
    font-size: 14.5px; line-height: 1.7; color: #5C6B64; margin: 0;
  }
  .qbp-practices .qbp-num {
    flex-shrink: 0;
    font-size: 13px; font-weight: 800; color: #A9B8B1;
    letter-spacing: 0.5px;
    width: 30px;
  }
  @media (max-width: 640px) {
    .qbp-practices { padding: 40px 0; }
    .qbp-practices .qbp-band { padding: 20px 18px; gap: 16px; }
    .qbp-practices .qbp-icon { width: 44px; height: 44px; }
    .qbp-practices .qbp-num { display: none; }
    .qbp-practices .qbp-content h3 { font-size: 16px; }
    .qbp-practices .qbp-content p { font-size: 13.5px; }
  }

  .oaov-section {
    position: relative;
    background: linear-gradient(180deg, #EEF5FB 0%, #E4EEF8 100%);
    padding: 40px 24px;
    overflow: hidden;
  }
  .oaov-section .oaov-wrap { max-width: 1120px; margin: 0 auto; font-family: Arial, Helvetica, "Segoe UI", sans-serif; }

  .oaov-section .oaov-eyebrow {
display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #CCDEE9;
  color: #065D95;
  font-size: 12.5px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 7px 14px;
  border-radius: 999px;
  margin-bottom: 16px;
  }
  .oaov-section .oaov-eyebrow::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: #D9A93B; }

  .oaov-section .oaov-heading {
    font-size: 34px; font-weight: 800; color: #16283F; margin: 0 0 30px; line-height: 1.25;
  }
  .oaov-section .oaov-heading .oaov-accent { color: #065D95; }

  .oaov-section .oaov-row { display: flex; flex-wrap: wrap; gap: 44px; align-items: stretch; }
  .oaov-section .oaov-col-text { flex: 1 1 560px; min-width: 300px; }
  .oaov-section .oaov-col-stats { flex: 0 1 400px; min-width: 280px; display: flex; }

  .oaov-section .oaov-lede {
    font-size: 18px; line-height: 1.7; color: #26364A;  margin: 0 0 18px;
  }
  .oaov-section .oaov-body p {
    font-size: 15.5px; line-height: 1.8; color: #55645C; margin: 0 0 16px;
  }
  .oaov-section .oaov-body p:last-child { margin-bottom: 0; }
  .oaov-section .oaov-panel {
    position: relative;
    width: 100%;
    background: linear-gradient(155deg, #16283F 0%, #1E3A5C 55%, #0F6AAF 130%);
    border-radius: 22px;
    padding: 34px 30px 30px;
    box-shadow: 0 24px 50px rgba(16,40,72,0.28);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
  }
  .oaov-section .oaov-panel::before {
    content: '';
    position: absolute; top: -40px; right: -40px;
    width: 160px; height: 160px; border-radius: 50%;
    background: radial-gradient(circle, rgba(217,169,59,0.28) 0%, rgba(217,169,59,0) 70%);
  }
  .oaov-section .oaov-panel-title {
    position: relative; z-index: 1;
    font-size: 13px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase;
    color: #BFD6EC; margin: 0 0 22px;
  }
  .oaov-section .oaov-stat-grid {
    position: relative; z-index: 1;
    display: grid; grid-template-columns: 1fr 1fr; gap: 16px;
    flex: 1;
  }
  .oaov-section .oaov-stat {
    background: rgba(255,255,255,0.07);
    border: 1px solid rgba(255,255,255,0.14);
    border-radius: 14px;
    padding: 18px 16px;
    display: flex; flex-direction: column; gap: 10px;
  }
  .oaov-section .oaov-stat-icon {
    width: 32px; height: 32px; border-radius: 9px;
    background: rgba(217,169,59,0.22);
    display: flex; align-items: center; justify-content: center;
  }
  .oaov-section .oaov-stat-num { font-size: 26px; font-weight: 800; color: #FFFFFF; line-height: 1; }
  .oaov-section .oaov-stat-label { font-size: 12.5px; font-weight: 600; color: #C7D9EC; }

  .oaov-section .oaov-panel-foot {
    position: relative; z-index: 1;
    margin-top: 20px; padding-top: 16px;
    border-top: 1px solid rgba(255,255,255,0.14);
    font-size: 12.5px; color: #A9C0D8; line-height: 1.6;
  }

  @media (max-width: 991px) {
    .oaov-section .oaov-row { flex-direction: column; }
    .oaov-section .oaov-col-stats { flex: 1 1 auto; }
  }
  @media (max-width: 640px) {
    .oaov-section .oaov-section { padding: 56px 16px 60px; }
    .oaov-section .oaov-heading { font-size: 27px; }
    .oaov-section .oaov-stat-grid { gap: 12px; }
    .oaov-section .oaov-stat-num { font-size: 22px; }
  }


.oatl-section {
    position: relative;
    background: #FBFCFE;
    padding: 76px 24px 84px;
    font-family: Arial, Helvetica, "Segoe UI", sans-serif;
  }
    .oatl-section .oatl-timeline { list-style: none; margin: 0; padding: 0; }

  .oatl-section .oatl-item {
    position: relative;
    display: flex;
    gap: 24px;
    padding-bottom: 40px;
  }
  .oatl-section .oatl-item:last-child { padding-bottom: 0; }

  .oatl-section .oatl-node-col {
    position: relative;
    flex-shrink: 0;
    width: 52px;
    display: flex;
    justify-content: center;
  }
  .oatl-section .oatl-node {
    width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #065d95;
  border: 3px solid #FCF0DA;
  box-shadow: 0 0 0 3px #065d95;
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  }
  .oatl-section .oatl-item:not(:last-child) .oatl-node-col::after {
    content: '';
    position: absolute;
    top: 52px; bottom: -40px;
    left: 50%; width: 2px;
    transform: translateX(-50%);
    background: repeating-linear-gradient(180deg, #065D95 0 6px, transparent 6px 12px);
  }

  .oatl-section .oatl-content { flex: 1; min-width: 0; padding-top: 4px; }
  .oatl-section .oatl-content-top { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
  .oatl-section .oatl-icon {
    flex-shrink: 0;
    width: 34px; height: 34px; border-radius: 9px;
    background: #EAF2FB;
    display: flex; align-items: center; justify-content: center;
  }
  .oatl-section .oatl-title { font-size: 18px; font-weight: 800; color: #16283F; margin: 0; }
  .oatl-section .oatl-content p {
    font-size: 14.5px; line-height: 1.75; color: #5C6B74; margin: 0 0 10px;
  }
  .oatl-section .oatl-content p:last-child { margin-bottom: 0; }

  .oatl-section .oatl-callout {
   margin: 48px auto 0;
  background: linear-gradient(135deg, #FCF0DA 0%, #D8EEFD 100%);
  border-left: 4px solid #065D95;
  border-radius: 12px;
  padding: 20px 26px;
  text-align: center;
  }
  .oatl-section .oatl-callout p {
    margin: 0; font-size: 17px; font-weight: 800; color: #16283F; line-height: 1.5;
  }

  .oatl-section .oatl-foot {
 margin: 24px auto 0;
    font-size: 14px; line-height: 1.75; color: #7A8A94; text-align: center;
  }

  @media (max-width: 560px) {
    .oatl-section .oatl-section { padding: 40px 0; }
    .oatl-section .oatl-item { gap: 16px; }
    .oatl-section .oatl-node-col { width: 40px; }
    .oatl-section .oatl-node { width: 40px; height: 40px; font-size: 15px; }
    .oatl-section .oatl-item:not(:last-child) .oatl-node-col::after { top: 40px; bottom: -40px; }
  }

.commercial-banner {
    position:relative;
    background:#1071B8;
    overflow:hidden;
  }
  .commercial-banner .banner-inner{
    max-width:1280px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:center;
    min-height:620px;
    position:relative;
    z-index:2;
  }
  .commercial-banner .brandmark{
    display:flex;
    align-items:center;
    gap:14px;
    padding:36px 0 0 56px;
    position:relative;
    z-index:3;
  }
.commercial-banner .brandmark .rule{ width:64px; height:1px; background:#fff;}
  .commercial-banner .brandmark .diamond{
    width:14px;height:14px;
    border:1.5px solid #ffffff;
    transform:rotate(45deg);
  }
  .commercial-banner .brandmark span{
    font-size:13px;
    letter-spacing:0.14em;
    color:#ffffff;
    text-transform:uppercase;
  }
 .commercial-banner .copy{ padding:24px 40px 64px 56px; }
     .commercial-banner h1{
    font-size:46px;
    line-height:1.12;
    color:#fff;
    letter-spacing:-0.01em;
  }
   .commercial-banner h1 .accent{ color:#f3d13a; display:block; }
   .commercial-banner .lede{
    margin-top:22px;
    max-width:460px;
    font-size:16.5px;
    line-height:1.65;
    color:#ffffff;
  }
  .commercial-banner .cta-row{
    margin-top:34px;
    display:flex;
    align-items:center;
    gap:22px;
    flex-wrap:wrap;
  }
  .commercial-banner .btn-primary{
    font-weight:600;
    font-size:15px;
    color:#fff;
    background:#015A8A;
    border:none;
    padding:15px 28px;
    border-radius:6px;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    gap:10px;
    transition:background 0.15s ease, transform 0.15s ease;
  }
  .commercial-banner .btn-primary:hover{ background:#01456B; transform:translateY(-1px); }
  .commercial-banner .btn-primary svg{ width:16px; height:16px; }
  .commercial-banner .btn-secondary{
    font-weight:500;
    font-size:14.5px;
    color:#12151C;
    background:transparent;
    border:1px solid #E4E9EF;
    padding:14px 20px;
    border-radius:6px;
    cursor:pointer;
  }
  .commercial-banner .btn-secondary:hover{ border-color:#015A8A; color:#01456B; }
  .commercial-banner .stat-row{
    margin-top:44px;
    display:flex;
    gap:40px;
    padding-top:28px;
    border-top:1px solid #E4E9EF;
  }
  .commercial-banner .stat{ display:flex; flex-direction:column; gap:4px; }
  .commercial-banner .stat .num{
    font-size:24px;
    font-weight:600;
    color:#ffffff;
  }
  .commercial-banner .stat .num span{ color:#f3d13a; }
  .commercial-banner .stat .label{ font-size:12.5px; color:#ffffff; letter-spacing:0.02em; }
 .commercial-banner .art-wrap{
    position:relative;
    height:100%;
    min-height:620px;
    display:flex;
    align-items:flex-end;
    justify-content:center;
  }
  .commercial-banner .art-wrap svg{ width:100%; height:auto; max-width:640px; display:block; }
  @media (max-width:980px){
    .commercial-banner .banner-inner{ grid-template-columns:1fr; }
    .commercial-banner .art-wrap{ min-height:420px; order:-1; padding-top:20px; }
    .commercial-banner .banner-inner{
        display: flex;
        flex-direction: column;
    }
    .commercial-banner .copy{
        order: 1;
        padding:24px 24px 48px;
    }
    .commercial-banner .art-wrap{
        order: 2;
        min-height:auto;
        padding-top:20px;
    }
    .commercial-banner .brandmark{
        padding:28px 0 0 24px;
    }
    .commercial-banner h1{
        font-size:34px;
    }
    .commercial-banner .copy{ padding:24px 24px 48px; }
    .commercial-banner .brandmark{ padding:28px 0 0 24px; }
    .commercial-banner h1{ font-size:34px; }
  }
  .commercial-pillars{
    margin: 0 auto;
  padding: 40px 0;
  background: #f4faff;
  }
   .commercial-pillars .list{
    margin-top:36px;
    display:flex;
    flex-direction:column;
  }
  .commercial-pillars .list-item{
    display:flex;
    gap:16px;
    padding:18px 0;
    border-top:1px solid #E4E9EF;
  }
  .commercial-pillars .list-item:last-child{ border-bottom:1px solid #E4E9EF; }
  .commercial-pillars .num{
    font-size:13px;
    font-weight:600;
    color:#fff;
    width:26px; height:26px;
    border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    flex-shrink:0;
    margin-top:2px;
  }
  .commercial-pillars .list-item.i1 .num{ background:#015A8A; }
  .commercial-pillars .list-item.i2 .num{ background:#2FBE85; }
  .commercial-pillars .list-item.i3 .num{ background:#8CB92E; }
  .commercial-pillars .list-item h3{
    font-family:'Space Grotesk', sans-serif;
    font-size:16px;
    font-weight:600;
    color:#12151C;
    margin-bottom:4px;
  }
  .commercial-pillars .list-item p{ font-size:14px; line-height:1.6; color:#5B6472; }
  .commercial-pillars .cta-wrap{ margin-top:32px; }
  .commercial-pillars .btn-primary{
    font-family:'Inter', sans-serif;
    font-weight:600;
    font-size:14.5px;
    color:#fff;
    background:#1e83cf;
    border:none;
    padding:14px 28px;
    border-radius:6px;
    cursor:pointer;
    transition:background 0.15s ease;
  }
  .commercial-pillars .btn-primary:hover{ background:#0275ccc5; }
  .commercial-pillars .orbit-wrap svg{ width:100%; max-width:480px; height:auto; }

.hero-section-real-estate {
  background: #1f7cbd;
  color: #fff;
	padding:40px 0;
}

.hero-section-real-estate .hero-section__grid {
  display: grid;
  grid-template-columns: 1.35fr 1fr;
  gap: clamp(32px, 5vw, 72px);
  align-items: center;
}
.hero-section-real-estate .hero-section__badge {
  display: inline-flex; align-items: center; gap: 8px;
  font-weight: 800; font-size: 12px;
  letter-spacing: 0.1em; text-transform: uppercase;
  color: #fff; background: rgba(255, 255, 255, 0.15);
  padding: 7px 12px; margin-bottom: 24px;
}
.hero-section-real-estate .hero-section__badge-dot { width: 7px; height: 7px; background: #f5c518; display: block; }
.hero-section-real-estate .hero-section__title {
  font-weight: 800;
  font-size: 53px; line-height: 1.02; letter-spacing: -0.025em;
  margin: 0 0 26px; margin-left:color: #fff;
}
.hero-section-real-estate .hero-section__title-accent { color: #f5c518; }
.hero-section-real-estate .hero-section__lede {
  font-size: clamp(17px, 1.6vw, 20px); line-height: 1.6;
  color: rgba(255, 255, 255, 0.9); margin: 0 0 32px;
}
.hero-section-real-estate .hero-section__actions { display: flex; gap: 14px; flex-wrap: wrap; }
.hero-section-real-estate .hero-section__btn-solid { background: #f3d13a; color: #000; font-size: 15px; padding: 15px 26px; }
.hero-section-real-estate .hero-section__btn-ghost { background: transparent; border: 1px solid rgba(255, 255, 255, 0.65); color: #fff; font-size: 15px; padding: 15px 26px; }
.hero-section-real-estate .hero-section__panel { background: #0c2b47; color: #fff; padding: 34px 32px; }
.hero-section-real-estate .hero-section__stars-row { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }
.hero-section-real-estate .hero-section__stars { display: inline-flex; gap: 2px; color: #f5c518; }
.hero-section-real-estate .hero-section__rating-text { font-weight: 800; font-size: 15px; }
.hero-section-real-estate .hero-section__trusted { font-size: 13px; color: rgba(255, 255, 255, 0.66); margin: 0 0 24px; letter-spacing: 0.02em; }
.hero-section-real-estate .hero-section__eyebrow { font-weight: 800; font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; color: #f5c518; margin: 0 0 14px; }
.hero-section-real-estate .hero-section__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.hero-section-real-estate .hero-section__list li { display: flex; gap: 12px; font-size: 15px; line-height: 1.35; }
.hero-section-real-estate .hero-section__list svg { flex: none; margin-top: 1px; }
.hero-section-real-estate .hero-section__panel-foot {
  border-top: 1px solid rgba(255, 255, 255, 0.16); margin-top: 24px; padding-top: 18px;
  display: flex; align-items: center; gap: 10px; font-size: 12px; letter-spacing: 0.04em;
  text-transform: uppercase; color: rgba(255, 255, 255, 0.6);
}
@media (max-width: 900px) {
  .hero-section-real-estate .hero-section__grid { grid-template-columns: 1fr; }
  .hero-section-real-estate .hero-section__panel { order: -1; }
}
@media (max-width: 760px) {
  .hero-section-real-estate .hero-section__title { font-size: clamp(38px, 9vw, 56px); }
}

/* ==========================================================================
   Stats section
   ========================================================================== */
.stats-section { background: #1f7cbd; color: #fff;padding:40px 0;border-top: 8px solid #f3d13a; }
.stats-section 
.stats-section .stats-section__grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 32px; }
.stats-section .stats-section__item { padding-left: 18px; border-left: 3px solid #f5c518; }
.stats-section .stats-section__num { font-weight: 800; font-size: 36px !important; line-height: 1; color: #f5c518; margin: 0 0 12px; }
.stats-section .stats-section__label { font-size: 13px !important; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255, 255, 255, 0.72); margin: 0; }
@media (max-width: 760px) {
  .stats-section .stats-section__grid { grid-template-columns: repeat(2, 1fr); }
}

/* ==========================================================================
   Difference section ("What changes on our books" — sticky-note board)
   ========================================================================== */
.difference-section { background: #fff; border-top: 2px solid #e3e7ec; border-bottom: 2px solid #e3e7ec; padding: 40px 0; }
.difference-section .difference-section__kicker { display: block; font-weight: 800; font-size: 13px; letter-spacing: 0.1em; text-transform: uppercase; color: #12507c; margin-bottom: 16px; }
.difference-section .difference-section__board-wrap { position: relative; }
.difference-section .difference-section__board-line { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0; }
.difference-section .difference-section__board { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(20px, 3vw, 44px); align-items: start; }
.difference-section .difference-section__note { position: relative; box-shadow: 0 10px 26px rgba(15, 31, 46, 0.10); padding: 40px 30px 34px; transition: transform 0.2s ease, box-shadow 0.2s ease; }
.difference-section .difference-section__note:hover { transform: rotate(0deg) translateY(-6px) !important; box-shadow: 0 24px 50px rgba(15, 31, 46, 0.16); }
.difference-section .difference-section__note--1 { transform: rotate(-2deg); margin-top: 4px; background: #fef8dd; }
.difference-section .difference-section__note--2 { transform: rotate(1.5deg); margin-top: clamp(24px, 5vw, 68px); background: #e6f1f9; }
.difference-section .difference-section__note--3 { transform: rotate(-1deg); margin-top: clamp(12px, 2.5vw, 34px); background: #0c2b47; color: #fff; }
.difference-section .difference-section__tape { position: absolute; top: -14px; left: 50%; width: 78px; height: 26px; box-shadow: 0 2px 6px rgba(15, 31, 46, 0.08); }
.difference-section .difference-section__note--1 .difference-section__tape { transform: translateX(-60%) rotate(-6deg); background: rgba(245, 197, 24, 0.6); }
.difference-section .difference-section__note--2 .difference-section__tape { transform: translateX(-40%) rotate(7deg); background: rgba(31, 124, 189, 0.55); }
.difference-section .difference-section__note--3 .difference-section__tape { transform: translateX(-55%) rotate(-5deg); background: #f5c518; }
.difference-section .difference-section__note-num { font-weight: 800; font-size: 40px; line-height: 1; margin: 0 0 16px; }
.difference-section .difference-section__note--1 .difference-section__note-num { color: rgba(74, 58, 5, 0.55); }
.difference-section .difference-section__note--2 .difference-section__note-num { color: rgba(9, 42, 66, 0.55); }
.difference-section .difference-section__note--3 .difference-section__note-num { color: rgba(255, 255, 255, 0.35); }
.difference-section .difference-section__note-title { font-weight: 800; font-size: 22px; line-height: 1.15; margin: 0 0 12px; }
.difference-section .difference-section__note--3 .difference-section__note-title { color: #fff; }
.difference-section .difference-section__note-body { font-size: 15px; line-height: 1.6; margin: 0; color: rgba(22, 35, 47, 0.82); }
.difference-section .difference-section__note--3 .difference-section__note-body { color: rgba(255, 255, 255, 0.78); }
@media (max-width: 760px) {
  .difference-section .difference-section__board { grid-template-columns: 1fr; }
  .difference-section .difference-section__board-line { display: none; }
  .difference-section .difference-section__note { transform: none !important; margin-top: 0 !important; }
}
 .case-study-section2 {
    background: #fff;
    color: #16232f;
    padding: clamp(64px, 8vw, 108px) clamp(20px, 5vw, 72px);
    padding: 40px 0;
  }
  .case-study-section2 .cs2-kicker {
    display: inline-block; font-weight: 800; font-size: 12.5px; letter-spacing: 0.12em;
    text-transform: uppercase; color: #12507c; margin-bottom: 16px;
    padding-bottom: 8px; border-bottom: 2px solid #b8860b;
  }
  .case-study-section2 .cs2-list { display: flex; flex-direction: column; }
  .case-study-section2 .cs2-item {
    display: grid; grid-template-columns: 96px 1fr; gap: 32px;
    padding: 44px 0; border-top: 1px solid #e3e7ec;
  }
  .case-study-section2 .cs2-index-col { position: relative; }
  .case-study-section2 .cs2-index {
    font-weight: 800; font-size: 40px; line-height: 1; letter-spacing: -0.02em;
    color: #0c2b47; opacity: 0.14;
  }
  .case-study-section2 .cs2-index-rule {
    position: absolute; left: 4px; top: 54px; bottom: -44px; width: 2px;
    background: #b8860b;
  }
  .case-study-section2 .cs2-item:last-child .cs2-index-rule { display: none; }
  .case-study-section2 .cs2-eyebrow {
    display: block; font-weight: 800; font-size: 11.5px; letter-spacing: 0.1em;
    text-transform: uppercase; color: #1f7cbd; margin: 0 0 10px;
  }
  .case-study-section2 .cs2-story-title {
    font-weight: 800; font-size: clamp(19px, 2vw, 23px); line-height: 1.3;
    letter-spacing: -0.01em; margin: 0 0 14px; color: #0c2b47;
  }
  .case-study-section2 .cs2-story-body { font-size: 15.5px; line-height: 1.75; color: rgba(22,35,47,0.78); margin: 0; }
  .case-study-section2 .cs2-testimonial {
    margin-top: 28px; padding: 26px 28px 24px 28px;
    background: #f7f9fb; border-left: 3px solid #1f7cbd;
    position: relative;
  }
  .case-study-section2 .cs2-quote-mark {
    position: absolute; top: 14px; right: 20px; color: #1f7cbd; opacity: 0.16;
  }
  .case-study-section2 .cs2-testimonial-label {
    font-weight: 800; font-size: 11.5px; letter-spacing: 0.1em; text-transform: uppercase;
    color: #12507c; margin: 0 0 12px;
  }
  .case-study-section2 .cs2-quote { font-size: 15px; line-height: 1.7; color: #16232f; margin: 0 0 16px; font-style: italic; }
  .case-study-section2 .cs2-quote p { margin: 0 0 12px; }
  .case-study-section2 .cs2-quote p:last-child { margin-bottom: 0; }
  .case-study-section2 .cs2-attrib { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
  .case-study-section2 .cs2-name { font-weight: 800; font-size: 15px; font-style: normal; color: #0c2b47; }
  .case-study-section2 .cs2-company { font-size: 12.5px; letter-spacing: 0.03em; text-transform: uppercase; color: rgba(22,35,47,0.56); font-style: normal; }
  .case-study-section2 .cs2-dot { color: rgba(22,35,47,0.35); font-style: normal; }
  .case-study-section2 .cs2-foot {
    text-align: center; padding-top: 40px; border-top: 1px solid #e3e7ec;
  }
  .case-study-section2 .cs2-foot-stars { display: inline-flex; gap: 2px; color: #b8860b; margin-bottom: 12px; }
  .case-study-section2 .cs2-foot-note { font-size: 14.5px; color: rgba(22,35,47,0.68); margin: 0 0 10px; }
  .case-study-section2 .cs2-foot-link {
    display: inline-block; font-weight: 800; font-size: 15px; color: #12507c;
    text-decoration: none; border-bottom: 2px solid #b8860b; padding-bottom: 2px;
  }
  .case-study-section2 .cs2-foot-link:hover { color: #1f7cbd; }
  @media (max-width: 640px) {
    .case-study-section2 .cs2-item { grid-template-columns: 56px 1fr; gap: 18px; padding: 32px 0; }
    .case-study-section2 .cs2-index { font-size: 28px; }
    .case-study-section2 .cs2-index-rule { top: 40px; bottom: -32px; }
    .case-study-section2 .cs2-testimonial { padding: 20px 18px; }
  }

/* ==========================================================================
   Services section (bento grid)
   ========================================================================== */
.services-section {
  background: #F7F9FB;
  padding: 40px 0;
}
  .services-section .services-section__head{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:40px;
    margin-bottom:44px;
  }
  .services-section .services-section__kicker{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-size:11.5px;
    font-weight:500;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:#c9992a;
  }
  .services-section .services-section__kicker::before{
    content:"";
    width:16px;
    height:1px;
    background:#c9992a;
    display:inline-block;
  }
  .services-section .heading h2{
   font-weight: 700;
  font-size: 30px;
  line-height: 33PX;
  letter-spacing: -.01em;
  margin: 14px 0 16px;
  max-width: 640px;
  color: #0b1b2e;
  }
  .services-section .heading h2 .highlight{
    color:#06598F;
  }
  .services-section .heading .pera{
    font-size:16px;
    line-height:1.6;
    color:#000;
    max-width:480px;
    margin:0;
  }
  .services-section .btn{
    font-weight:600;
    font-size:14.5px;
    border:none;
    border-radius:999px;
    padding:14px 24px;
    cursor:pointer;
    white-space:nowrap;
    background:#06598F;
    color:#fff;
    transition:transform .15s ease, background .15s ease;
  }
  .services-section .btn:hover{ background:#0f2440; transform:translateY(-1px); }
.services-section .services-section__bento{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    grid-auto-rows:minmax(190px, auto);
    gap:16px;
    grid-template-areas:
      "ap ar hero hero"
      "cam mec hero hero"
      "trust trust cleanup finreport"
      "bank bank bank bank";
  }
  .services-section .card{
    background:#fff;
    border:1px solid #e3e7ee;
    border-radius:14px;
    padding:26px;
    display:flex;
    flex-direction:column;
    gap:14px;
    min-height:0;
  }
  .services-section .card-icon{
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:9px;
    flex:0 0 auto;
  }
  .services-section .card-icon svg{ width:19px; height:19px; }
  .services-section .card-icon.blue{ background:#eaf3f9; color:#1d6fa5; }
  .services-section .card-icon.gold{ background:#fbf2df; color:#c9992a; }
  .services-section .card-icon.on-dark{ background:rgba(255,255,255,.08); color:#c9992a; }
  .services-section .card h3{
    font-family:'Fraunces', serif;
    font-weight:600;
    font-size:17.5px;
    line-height:1.28;
    margin:0;
    color:#0b1b2e;
  }
  .services-section .card p{
    font-size:14.5px;
    line-height:1.62;
    color:#5b6472;
    margin:0;
  }
 
  .services-section .card--dark{
    background:
      repeating-linear-gradient(
        to bottom,
        rgba(255,255,255,0.05) 0px,
        rgba(255,255,255,0.05) 1px,
        transparent 1px,
        transparent 27px
      ),
      linear-gradient(160deg, #0f2440, #0b1b2e);
    border-color:transparent;
    color:#fff;
    position:relative;
    overflow:hidden;
  }
  .services-section .card--dark h3{ color:#fff; }
  .services-section .card--dark p{ color:#c3cbdb; }
  .services-section .card--dark a{ color:#c9992a; text-decoration:underline; text-underline-offset:2px; }
  .services-section .card--hero{ grid-area:hero; justify-content:space-between; padding:32px; }
  .services-section .card--hero .card-icon{ margin-bottom:4px; }
  .services-section .card--hero h3{ font-size:23px; }
  .services-section .card--hero p{ font-size:15px; color:#c3cbdb; }
  .services-section .card--hero .tag{
    align-self:flex-start;
    font-family:'IBM Plex Mono', monospace;
    font-size:10.5px;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:#0b1b2e;
    background:#c9992a;
    border-radius:999px;
    padding:7px 12px;
    margin-top:4px;
  }
  .services-section .card--trust{ grid-area:trust; flex-direction:row; align-items:flex-start; gap:22px; padding:30px 32px; }
  .services-section .card--trust .card-icon{ margin-top:2px; }
  .services-section .card--trust .trust-copy{ display:flex; flex-direction:column; gap:10px; }
  .services-section .card--bank{
    grid-area:bank;
    flex-direction:row;
    align-items:center;
    gap:24px;
    padding:24px 32px;
    border-left:3px solid #c9992a;
  }
  .services-section .card--bank .card-icon{ flex:0 0 auto; }
  .services-section .card--bank .bank-copy h3{ margin-bottom:4px; }
  .services-section .card--bank .bank-copy{ display:flex; flex-direction:column; gap:4px; }
  .services-section .ap{ grid-area:ap; }
  .services-section .ar{ grid-area:ar; }
  .services-section .cam{ grid-area:cam; }
  .services-section .mec{ grid-area:mec; }
  .services-section .cleanup{ grid-area:cleanup; }
  .services-section .finreport{ grid-area:finreport; }
  @media (max-width: 980px){
		.services-section .services-section__head {
			display: unset !important;
		}
    .services-section .services-section__bento{
      grid-template-columns:repeat(2, 1fr);
      grid-template-areas:
        "hero hero"
        "ap ar"
        "cam mec"
        "trust trust"
        "cleanup finreport"
        "bank bank";
    }
    .services-section .card--hero{ grid-column:span 2; }
  }
  @media (max-width: 620px){
    .services-section .services-section__bento{
      grid-template-columns:1fr;
      grid-template-areas:
        "hero"
        "ap"
        "ar"
        "cam"
        "mec"
        "trust"
        "cleanup"
        "finreport"
        "bank";
    }
    .services-section .card--hero{ grid-column:span 1; }
    .services-section .card--trust, .card--bank{ flex-direction:column; }
  }
/* ==========================================================================
   Who we serve section (interactive property-type picker)
   ========================================================================== */
.serve-section { margin: 0 auto; padding: 40px 0; }
.serve-section .serve-section__kicker { display: block; font-weight: 800; font-size: 13px; letter-spacing: 0.1em; text-transform: uppercase; color: #12507c; margin-bottom: 16px; }
.serve-section .serve-section__grid .btn.btn-primary {
  background: #f3c317;
  margin-top: 30px;
  padding: 10px;
	color:#000;
}
.serve-section .serve-section__grid { display: grid; grid-template-columns: 0.92fr 1.08fr; gap: 40px; align-items: stretch; }
.serve-section .serve-section__building-col { display: flex; flex-direction: column; justify-content: flex-end; }
.serve-section .serve-section__hint { font-weight: 800; font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(22, 35, 47, 0.5); margin: 0 0 14px; display: flex; align-items: center; gap: 8px; }
.serve-section .serve-section__hint-led { width: 8px; height: 8px; background: #1f7cbd; display: inline-block; animation: obkPulse 1.6s ease-in-out infinite; }
.serve-section .serve-section__building { border: 2px solid #0c2b47; background: #fff; }
.serve-section .serve-section__roof { background: #0c2b47; padding: 14px 20px; display: flex; align-items: flex-end; gap: 8px; height: 46px; }
.serve-section .serve-section__roof-block { display: block; }
.serve-section .serve-section__roof-block--a { width: 22px; height: 14px; background: rgba(255, 255, 255, 0.16); }
.serve-section .serve-section__roof-block--b { width: 14px; height: 22px; background: rgba(255, 255, 255, 0.12); }
.serve-section .serve-section__roof-spacer { flex: 1; }
.serve-section .serve-section__roof-antenna { width: 2px; height: 30px; background: #f5c518; margin-bottom: -14px; display: block; }
.serve-section .serve-section__floor {
  display: flex; align-items: center; gap: 16px; width: 100%; text-align: left;
  padding: 18px 20px; border: 0; border-bottom: 2px solid #0c2b47;
  background: #fff; color: #16232f; cursor: pointer;
  font-weight: 800;
  transition: background 0.18s, color 0.18s;
}
.serve-section .serve-section__floor:hover,
.serve-section .serve-section__floor.active { background: #0c2b47 !important; color: #fff !important; }
.serve-section .serve-section__floor:hover .serve-section__floor-num,
.serve-section .serve-section__floor.active .serve-section__floor-num { color: #f5c518 !important; }
.serve-section .serve-section__floor:hover .serve-section__win,
.serve-section .serve-section__floor.active .serve-section__win { background: #f5c518 !important; box-shadow: 0 0 10px rgba(247, 181, 0, 0.55); }
.serve-section .serve-section__floor-num { font-size: 13px; letter-spacing: 0.06em; color: rgba(22, 35, 47, 0.45); min-width: 22px; }
.serve-section .serve-section__floor-name { flex: 1; font-size: 16px; line-height: 1.1; }
.serve-section .serve-section__floor-wins { display: flex; gap: 5px; }
.serve-section .serve-section__win { width: 12px; height: 12px; background: rgba(22, 35, 47, 0.12); transition: background 0.18s, box-shadow 0.18s; }
.serve-section .serve-section__lobby { background: #0c2b47; padding: 16px 20px; display: flex; align-items: center; justify-content: space-between; }
.serve-section .serve-section__lobby-text { font-weight: 800; font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255, 255, 255, 0.6); }
.serve-section .serve-section__lobby-door { width: 26px; height: 16px; background: #f5c518; }
.serve-section .serve-section__dossier { position: relative; overflow: hidden; background: #0c2b47; color: #fff; padding: clamp(30px, 4vw, 46px); align-self: stretch; }
.serve-section .serve-section__dossier-num-bg { position: absolute; right: 20px; top: -34px; font-weight: 800; font-size: clamp(150px, 18vw, 230px); line-height: 1; color: rgba(255, 255, 255, 0.05); pointer-events: none; }
.serve-section .serve-section__dossier-inner { position: relative; z-index: 1; }
.serve-section .serve-section__dossier-head { display: flex; align-items: center; gap: 16px; margin-bottom: 24px; }
.serve-section .serve-section__dossier-icon { flex: none; width: 76px; height: 76px; background: rgba(255, 255, 255, 0.08); color: #f5c518; display: flex; align-items: center; justify-content: center; }
.serve-section .serve-section__dossier-tag { display: inline-block; background: #f5c518; color: #0c2b47; font-weight: 800; font-size: 12px; letter-spacing: 0.06em; text-transform: uppercase; padding: 7px 13px; }
.serve-section .serve-section__dossier-title { font-weight: 800; font-size: clamp(28px, 3.4vw, 44px); line-height: 1.02; letter-spacing: -0.02em; margin: 0 0 14px; color: #fff; }
.serve-section .serve-section__dossier-tagline { font-size: 16px; line-height: 1.55; color: rgba(255, 255, 255, 0.75); max-width: 46ch; margin: 0 0 30px; }
.serve-section .serve-section__dossier-handles-wrap { border-top: 2px solid rgba(255, 255, 255, 0.16); padding-top: 24px; }
.serve-section .serve-section__dossier-handles-kicker { font-weight: 800; font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; color: #f5c518; margin: 0 0 20px; }
.serve-section .serve-section__dossier-handles { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 28px; }
.serve-section .serve-section__dossier-handle { display: flex; gap: 12px; font-size: 14.5px; line-height: 1.4; }
.serve-section .serve-section__dossier-handle svg { flex: none; margin-top: 1px; }
.serve-section .tab-pane.fade { transition: none; }
@media (max-width: 1024px) { .serve-section .serve-section__grid { grid-template-columns: 1fr; } }
@media (max-width: 760px) { .serve-section .serve-section__dossier-handles { grid-template-columns: 1fr; } }

/* ==========================================================================
   Software section (interactive platform picker / "console")
   ========================================================================== */
.software-section { background: #f7f9fb; border-top: 2px solid #e3e7ec; border-bottom: 2px solid #e3e7ec;padding: 40px 0; }
.software-section .software-section__kicker { display: block; font-weight: 800; font-size: 13px; letter-spacing: 0.1em; text-transform: uppercase; color: #12507c; margin-bottom: 16px; }
.software-section .software-section__body { display: grid; gap: 24px; }
.software-section .software-section__chips { display: flex; flex-wrap: wrap; gap: 12px; }
.software-section .software-section__chip {
  display: flex; align-items: center; gap: 10px; padding: 13px 20px;
  border: 2px solid #e3e7ec; background: #fff;
  color: rgba(22, 35, 47, 0.62); cursor: pointer;
  font-weight: 800; font-size: 15px; line-height: 1;
  transition: background 0.15s, color 0.15s, border-color 0.15s;
}
.software-section .software-section__chip:hover { border-color: #0c2b47; color: #0c2b47; }
.software-section .software-section__chip.active { background: #0c2b47; color: #fff; border-color: #0c2b47; }
.software-section .software-section__chip-led { width: 9px; height: 9px; background: rgba(22, 35, 47, 0.22); transition: background 0.15s, box-shadow 0.15s; }
.software-section .software-section__chip.active .software-section__chip-led { background: #f5c518; box-shadow: 0 0 8px #f5c518; }
.software-section .software-section__console { background: #0a2440; border: 2px solid #0a2440; }
.software-section .software-section__console-bar { display: flex; align-items: center; gap: 10px; padding: 12px 18px; background: rgba(255, 255, 255, 0.06); border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.software-section .software-section__console-dot { width: 11px; height: 11px; background: rgba(255, 255, 255, 0.22); }
.software-section .software-section__console-dot--gold { background: #f5c518; }
.software-section .software-section__console-path { margin-left: 10px; font-weight: 800; font-size: 12.5px; letter-spacing: 0.04em; color: rgba(255, 255, 255, 0.55); }
.software-section .software-section__console-spacer { flex: 1; }
.software-section .software-section__console-status { display: flex; align-items: center; gap: 8px; font-weight: 800; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: #f5c518; }
.software-section .software-section__console-status-led { width: 8px; height: 8px; background: #f5c518; animation: obkPulse 1.6s ease-in-out infinite; }
.software-section .software-section__console-body { padding: clamp(24px, 3vw, 36px); font-family: var(--font-body); color: #dfe8f2; }
.software-section .software-section__console-line { margin: 0 0 6px; font-size: 15px; line-height: 1.5; color: rgba(255, 255, 255, 0.5); }
.software-section .software-section__console-line--status { margin: 0 0 22px; }
.software-section .software-section__console-line .software-section__console-mark { color: #f5c518; }
.software-section .software-section__console-line strong { color: #fff; font-weight: 700; }
.software-section .software-section__console-title { font-weight: 800; font-size: clamp(22px, 2.4vw, 32px); line-height: 1.08; letter-spacing: -0.02em; margin: 0 0 10px; color: #fff; }
.software-section .software-section__console-sub { font-size: 15.5px; line-height: 1.55; color: rgba(255, 255, 255, 0.72); margin: 0 0 28px; max-width: 56ch; }
.software-section .software-section__console-cmd { margin: 0 0 18px; font-size: 13px; letter-spacing: 0.06em; color: rgba(255, 255, 255, 0.45); }
.software-section .software-section__console-inside { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 32px; margin-bottom: 30px; }
.software-section .software-section__console-check { display: flex; gap: 12px; font-size: 15px; line-height: 1.45; padding-bottom: 14px; border-bottom: 1px solid rgba(255, 255, 255, 0.09); }
.software-section .software-section__console-check-mark { color: #f5c518; font-weight: 800; flex: none; }
.software-section .software-section__console-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 22px; }
.software-section .software-section__console-cta { background: #f5c518; color: #0a2440; font-size: 18px; padding: 6px 18px; }
.software-section .software-section__console-note { font-family: var(--font-body); font-size: 14px; color: rgba(255, 255, 255, 0.5); }
.software-section .software-section__cursor {
  display: inline-block; width: 9px; height: 17px; background: #f5c518;
  vertical-align: -3px; margin-left: 3px; animation: obkBlink 1.05s step-end infinite;
}
.software-section .software-section__foot { text-align: center; margin: 36px 0 0; font-size: 15px; color: rgba(22, 35, 47, 0.62); }
.software-section .tab-pane.fade { transition: none; }

@media (max-width: 760px) { .software-section .software-section__console-inside { grid-template-columns: 1fr; } }

/* ==========================================================================
   Process section (6-step road)
   ========================================================================== */
.process-section { background: #1f7cbd; color: #fff;padding: 40px 0; }
.process-section .process-section__kicker { display: block; font-weight: 800; font-size: 13px; letter-spacing: 0.1em; text-transform: uppercase; color: #f5c518; margin-bottom: 16px; }
.process-section .btn-light.mt-4 {
  background: #f3d13a;
  padding: 4px 10px;
  border-radius: 9px;
}
.process-section .process-section__title { font-weight: 800; font-size: clamp(30px, 3.8vw, 50px); line-height: 1.04; letter-spacing: -0.02em; margin: 0 0 14px; max-width: 24ch; color: #fff; }
.process-section .process-section__sub { font-size: 17px; line-height: 1.6; max-width: 56ch; color: rgba(255, 255, 255, 0.72); margin: 0 0 52px; }
.process-section .process-section__road { position: relative; margin-top: 8px; }
.process-section .process-section__road-line { position: absolute; left: 8.33%; right: 8.33%; top: calc(clamp(72px, 8vw, 118px) + 34px); height: 2px; background: rgba(255, 255, 255, 0.22); z-index: 0; }
.process-section .process-section__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 26px; align-items: start; position: relative; z-index: 1; }
.process-section .process-section__step { display: flex; flex-direction: column; align-items: center; text-align: center; }
.process-section .process-section__ring { position: relative; width: clamp(72px, 8vw, 118px); aspect-ratio: 1; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.45); background: rgba(255, 255, 255, 0.06); overflow: hidden; display: flex; align-items: center; justify-content: center; }
.process-section .process-section__ring-fill { position: absolute; left: 0; right: 0; bottom: 0; background: #f5c518; }
.process-section .process-section__ring-fill--1 { height: 25%; }
.process-section .process-section__ring-fill--2 { height: 50%; }
.process-section .process-section__ring-fill--3 { height: 75%; }
.process-section .process-section__ring-fill--4 { height: 100%; }
.process-section .process-section__ring-icon { position: relative; z-index: 1; color: #fff; display: flex; }
.process-section .process-section__dot { width: 13px; height: 13px; margin: 27px 0 24px; background: #f5c518; box-shadow: 0 0 0 4px #1f7cbd; }
.process-section .process-section__step-kicker { font-weight: 800; font-size: 11px; letter-spacing: 0.12em; color: #f5c518; margin: 0 0 8px; }
.process-section .process-section__step-title { font-weight: 800; font-size: 20px; line-height: 1.2; margin: 0 0 8px; color: #fff; }
.process-section .process-section__step-body { font-size: 16.5px; line-height: 1.55; margin: 0;color: rgb(255 255 255 / 76%); }
@media (max-width: 1100px) { .process-section .process-section__road-line { display: none; } }
@media (max-width: 1024px) { .process-section .process-section__grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 760px) { .process-section .process-section__grid { grid-template-columns: 1fr; } }

/* ==========================================================================
   Testimonials section (Bootstrap carousel)
   ========================================================================== */
.testimonials-section { background: #f7f9fb; border-top: 2px solid #e3e7ec; border-bottom: 2px solid #e3e7ec; overflow: hidden; }
.testimonials-section .testimonials-section__inner { max-width: 1200px; margin: 0 auto; padding: clamp(56px, 7vw, 100px) clamp(20px, 5vw, 72px); }
.testimonials-section .testimonials-section__head { display: grid; grid-template-columns: 1.3fr 1fr; gap: 28px; align-items: end; }
.testimonials-section .testimonials-section__kicker { display: block; font-weight: 800; font-size: 13px; letter-spacing: 0.1em; text-transform: uppercase; color: #12507c; margin-bottom: 16px; }
.testimonials-section .testimonials-section__title { font-weight: 800; font-size: clamp(30px, 3.8vw, 50px); line-height: 1.04; letter-spacing: -0.02em; margin: 0; max-width: 16ch; }
.testimonials-section .testimonials-section__title-accent { color: #1f7cbd; }
.testimonials-section .testimonials-section__sub { font-size: 15.5px; line-height: 1.6; color: rgba(22, 35, 47, 0.72); margin: 0; }
.testimonials-section .testimonials-section__stage { position: relative; margin-top: 64px; display: flex; justify-content: center; }
.testimonials-section .testimonials-section__scatter { position: absolute; inset: 0; pointer-events: none; }
.testimonials-section .testimonials-section__bubble { position: absolute; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 800; }
.testimonials-section .testimonials-section__bubble--blue { background: #e6f1f9; color: #12507c; }
.testimonials-section .testimonials-section__bubble--gold { background: #fdeca6; color: #6d5507; }
.testimonials-section .testimonials-section__bubble--sf { left: 2%; top: 6%; width: 58px; height: 58px; font-size: 16px; }
.testimonials-section .testimonials-section__bubble--mw { left: 9%; top: 42%; width: 48px; height: 48px; font-size: 14px; }
.testimonials-section .testimonials-section__bubble--lg { left: 4%; top: 74%; width: 52px; height: 52px; font-size: 15px; }
.testimonials-section .testimonials-section__bubble--ja { right: 2%; top: 8%; width: 54px; height: 54px; font-size: 15px; }
.testimonials-section .testimonials-section__bubble--re { right: 9%; top: 44%; width: 48px; height: 48px; font-size: 14px; }
.testimonials-section .testimonials-section__bubble--pm { right: 4%; top: 76%; width: 56px; height: 56px; font-size: 15px; }
.testimonials-section .testimonials-section__card { position: relative; z-index: 2; width: 100%; max-width: 580px; background: #fff; border: 2px solid #e3e7ec; padding: clamp(32px, 4vw, 48px) clamp(28px, 4vw, 44px); text-align: center; }
.testimonials-section .testimonials-section__stars { display: inline-flex; gap: 3px; color: #e6b30d; margin-bottom: 18px; }
.testimonials-section .testimonials-section__label { font-weight: 800; font-size: 13px; letter-spacing: 0.1em; text-transform: uppercase; color: #12507c; margin: 0 0 18px; }
.testimonials-section .testimonials-section__quote { font-weight: 800; font-size: clamp(19px, 2vw, 24px); line-height: 1.3; letter-spacing: -0.01em; margin: 0 0 26px; min-height: 3.9em; display: flex; align-items: center; justify-content: center; }
.testimonials-section .testimonials-section__name { font-weight: 800; font-size: 17px; margin: 0 0 4px; }
.testimonials-section .testimonials-section__company { font-size: 13px; letter-spacing: 0.04em; text-transform: uppercase; color: rgba(22, 35, 47, 0.58); margin: 0 0 26px; }
.testimonials-section .testimonials-section__controls { display: flex; align-items: center; justify-content: center; gap: 16px; }
.testimonials-section .testimonials-section__arrow {
  position: static; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;
  background: #fff; border: 2px solid #e3e7ec; color: #16232f;
  opacity: 1;
}
.testimonials-section .testimonials-section__arrow:hover { background: #f7f9fb; }
.testimonials-section .testimonials-section__indicators { position: static; display: flex; align-items: center; gap: 8px; margin: 0; }
.testimonials-section .testimonials-section__indicators li { width: 8px; height: 8px; background: #e3e7ec; border: 0; border-radius: 50%; opacity: 1; transition: all 0.2s; text-indent: 0; }
.testimonials-section .testimonials-section__indicators li.active { width: 30px; height: 8px; border-radius: 4px; background: #1f7cbd; }
@media (max-width: 900px) { .testimonials-section .testimonials-section__scatter { display: none; } }
@media (max-width: 760px) { .testimonials-section .testimonials-section__head { grid-template-columns: 1fr; } }

 .monthly-control{
    margin:0 auto;
    padding:40px 0;
  }
  .monthly-control .card{
    background:#fff;
    border:1px solid #D3E0F0;
    border-radius:14px;
    box-shadow:0 1px 2px rgba(15,42,74,.04), 0 16px 40px -24px rgba(15,42,74,.25);
    overflow:hidden;
		padding:20px
  }
  .monthly-control .kicker{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#EAF1FA;
    color:#124480;
    border:1px solid #D3E0F0;
    font-size:12px;
    font-weight:700;
    letter-spacing:.06em;
    text-transform:uppercase;
    padding:6px 12px;
    border-radius:6px;
    margin-bottom:22px;
  }
  .monthly-control .kicker::before{
    content:"";
    width:6px;
    height:6px;
    border-radius:50%;
    background:#1B5FAE;
    flex:none;
  }
  .monthly-control .lede{
    font-weight:400;
    font-size:16px;
    line-height:1.75;
    color:#4B5B70;
    margin:0 0 34px;
  }
  .monthly-control .lede strong{
    color:#4B5B70;
    font-weight:600;
  }
  .monthly-control .lede .fig{
    color:#124480;
    font-weight:700;
  }
  .monthly-control .panel{
    border:1px solid #D3E0F0;
    border-radius:10px;
    overflow:hidden;
  }
  .monthly-control .panel-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:#0F2A4A;
    color:#fff;
    padding:13px 20px;
    font-size:12.5px;
    font-weight:700;
    letter-spacing:.05em;
    text-transform:uppercase;
  }
  .monthly-control .panel-head .status{
    display:inline-flex;
    align-items:center;
    gap:6px;
    background:rgba(255,255,255,.14);
    padding:4px 10px;
    border-radius:20px;
    font-size:11px;
    letter-spacing:.04em;
  }
  .monthly-control .panel-head .status::before{
    content:"✓";
    color:#7EE3A8;
    font-weight:800;
  }

  .monthly-control .rows{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
  }
  .monthly-control .rows > div{
    padding:22px 20px;
    border-right:1px solid #D3E0F0;
    text-align:center;
  }
  .monthly-control .rows > div:last-child{ border-right:none; }
  .row-label{
    font-size:12.5px;
    font-weight:600;
    color:#4B5B70;
    margin-bottom:8px;
    letter-spacing:.02em;
  }
  .row-value{
    font-size:19px;
    font-weight:700;
    color:#0F2A4A;
  }
  .panel-foot{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    background:#EAF1FA;
    color:#1B7A4A;
    font-size:12.5px;
    font-weight:700;
    padding:12px 16px;
    border-top:1px solid #D3E0F0;
  }
  @media (max-width:600px){
    .monthly-control .rows{ grid-template-columns:1fr; }
    .monthly-control .rows > div{ border-right:none; border-bottom:1px solid #D3E0F0; }
    .monthly-control .rows > div:last-child{ border-bottom:none; }
  }

  .about-hero-section{
    padding:40px 0;
  }
  .about-hero-section .hero-bg-shape{
    position:absolute; top:-180px; right:-220px;
    width:780px; height:780px;
    background:linear-gradient(135deg, #eaf6fc 0%, #d9f0fa 100%);
    clip-path:polygon(30% 0%, 100% 0%, 100% 100%, 0% 70%);
    z-index:0;
  }
  .about-hero-section .hero-bg-shape::after{
    content:"";
    position:absolute; inset:0;
    background:repeating-linear-gradient(0deg, rgba(3,152,213,.07) 0px, rgba(3,152,213,.07) 1px, transparent 1px, transparent 34px);
  }
  .about-hero-section .hero-wrap{ max-width:1180px; margin:0 auto; padding:0 32px; }
  .about-hero-section .hero-grid{
    display:grid; grid-template-columns:1.05fr .95fr; gap:48px; align-items:center;
    position:relative; z-index:1;
  }
  .about-hero-section .hero-copy{ padding-bottom:90px; }
  .about-hero-section .hero-eyebrow{
    text-transform:uppercase; letter-spacing:0.14em; font-size:12px; font-weight:700; color:#0398D5;
  }
  .about-hero-section h1{ font-size:50px; line-height:1.1; margin:16px 0 22px; }
  .about-hero-section h1 em{ font-style:normal; color:#0398D5; }
  .about-hero-section .hero-lead{ font-size:17px; color:#5c6b78; max-width:460px; margin-bottom:30px; }
  .about-hero-section .hero-cta-row{ display:flex; gap:16px; align-items:center; margin-bottom:28px; }
  .about-hero-section a.hero-btn{
    display:inline-block; text-decoration:none; font-weight:600; font-size:15px;
    padding:14px 28px; border-radius:2px;
  }
  .about-hero-section .hero-btn-primary{ background:#0398D5; color:#ffffff; transition:background .15s ease; }
  .about-hero-section .hero-btn-primary:hover{ background:#027cae; }
  .about-hero-section .hero-btn-ghost{ color:#16232e; border:1px solid #848383; }
  .about-hero-section .hero-trust-line{ display:flex; align-items:center; gap:10px; font-size:13px; color:#5c6b78; }
  .about-hero-section .hero-dots{ display:flex; margin-left:-4px; }
  .about-hero-section .hero-dots img{width: 100%;border-radius: 50px;}
  .about-hero-section .hero-dots span{
    width:26px; height:26px; border-radius:50%;
    background:#d9f0fa; border:2px solid #ffffff;
    box-shadow:0 0 0 1px #848383;
    margin-left:-8px;
  }
  .about-hero-section .hero-art{ position:relative; padding-bottom:70px; padding-top:26px; }
  .about-hero-section .hero-art-card{
    background:#ffffff;
    border:1px solid #848383;
    border-radius:14px;
    box-shadow:0 30px 70px -24px rgba(3,152,213,.32), 0 6px 18px rgba(22,35,46,.06);
    padding:34px 34px 30px;
  }
  .about-hero-section .hero-art-card-top{ display:flex; align-items:center; justify-content:space-between; margin-bottom:30px; }
  .about-hero-section .hero-art-card-title{
    font-size:12px; font-weight:700; color:#5c6b78; letter-spacing:.08em; text-transform:uppercase;
  }
  .about-hero-section .hero-art-pill{
    display:flex; align-items:center; gap:6px;
    background:#e9f9ef; color:#1f9d55;
    font-size:11.5px; font-weight:700;
    padding:5px 11px; border-radius:20px;
  }
  .about-hero-section .hero-art-pill-dot{ width:6px; height:6px; border-radius:50%; background:#1f9d55; }
  .about-hero-section .hero-timeline{ border-left:2px solid #d9f0fa; padding-left:26px; margin-left:6px; }
  .about-hero-section .hero-timeline-item{ position:relative; padding-bottom:26px; }
  .about-hero-section .hero-timeline-item:last-child{ padding-bottom:0; }
  .about-hero-section .hero-timeline-item::before{
    content:"";
    position:absolute; left:-31px; top:3px;
    width:9px; height:9px; border-radius:50%;
    background:#0398D5;
    box-shadow:0 0 0 3px #eaf6fc;
  }
  .about-hero-section .hero-timeline-year{
     font-weight:600; font-size:19px; color:#0398D5; margin-bottom:3px;
  }
  .about-hero-section .hero-timeline-label{ font-size:13.5px; color:#5c6b78; max-width:290px; }
  .about-hero-section .hero-art-card-foot{
    display:flex; align-items:center; gap:0;
    border-top:1px solid #848383;
    margin-top:26px; padding-top:18px;
    font-size:11.5px; letter-spacing:.03em; color:#5c6b78; text-transform:uppercase; font-weight:600;
  }
  .about-hero-section .hero-art-card-foot span:not(:last-child)::after{ content:"·"; margin:0 10px; color:#0398D5; }
  .about-hero-section .hero-float-badge{
    position:absolute;
    background:#ffffff;
    border:1px solid #848383;
    border-radius:10px;
    box-shadow:0 16px 34px -10px rgba(22,35,46,.2);
    padding:12px 16px;
    display:flex; align-items:center; gap:11px;
  }
  .about-hero-section .hero-float-badge-icon{
    width:34px; height:34px; border-radius:50%; flex:none;
    background:#eaf6fc; color:#0398D5;
    display:flex; align-items:center; justify-content:center;
  }
  .about-hero-section .hero-float-badge-icon svg{ width:16px; height:16px; }
  .about-hero-section .hero-float-badge-title{ font-size:13px; font-weight:700; color:#16232e; line-height:1.25; }
  .about-hero-section .hero-float-badge-sub{ font-size:11.5px; color:#5c6b78; }
  .about-hero-section .hero-badge-1{ left:-22px; top:-22px; }
  .about-hero-section .hero-badge-2{ right:-16px; bottom:25px; }
  @media (max-width:900px){
    .about-hero-section .hero-grid{ grid-template-columns:1fr; }
    .about-hero-section .hero-bg-shape{ width:520px; height:520px; top:-140px; right:-160px; }
    .about-hero-section .hero-copy{ padding-bottom:40px; }
    .about-hero-section .hero-art{ padding-bottom:60px; margin-top:30px; }
    .about-hero-section .hero-badge-1{ left:8px; top:-18px; }
    .about-hero-section .hero-badge-2{ right:8px; bottom:-18px; }
  }

  .story-section{ padding:40px 0; }
   .story-section .story-eyebrow{
    text-transform:uppercase; letter-spacing:0.14em; font-size:12px; font-weight:700; color:#0398D5;
  }
  .story-section .story-about-grid{ display:grid; grid-template-columns:.62fr 1.38fr; gap:64px; }
  .story-section .story-about-grid p{ color:#5c6b78; font-size:15.5px; margin-bottom:18px; }

  .story-section .story-facts-list{ border-right: 1px solid #c0c0c0; }
  .story-section .story-facts-item{ display:flex; gap:16px; align-items:flex-start; }
  .story-section .story-facts-icon{
    width:40px; height:40px; border-radius:10px; flex:none;
    background:#eaf6fc; color:#0398D5;
    display:flex; align-items:center; justify-content:center;
  }
  .story-section .story-facts-icon svg{ width:19px; height:19px; }
  .story-section .story-facts-title{
     font-weight:600; font-size:16.5px; margin-bottom:3px;
  }
  .story-section .story-facts-sub{ font-size:13px; color:#5c6b78; max-width:220px; }

  .story-section a.story-btn{
    display:inline-block; text-decoration:none; font-weight:600; font-size:15px;
    padding:14px 28px; border-radius:2px;
  }
  .story-section .story-btn-primary{ background:#0398D5; color:#ffffff; transition:background .15s ease; }
  .story-section .story-btn-primary:hover{ background:#027cae; }

  @media (max-width:900px){
    .story-section .story-about-grid{ grid-template-columns:1fr; }
  }

   .leadership-section{ padding:40px 0; background:#eaf6fc; }
  .leadership-section .leadership-eyebrow{
    text-transform:uppercase; letter-spacing:0.14em; font-size:12px; font-weight:700; color:#0398D5;
  }
  .leadership-section .leadership-leader-card{
    padding:0;
    display:grid;
    grid-template-columns:220px 1fr;
    margin-bottom:24px;
  }
  .leadership-section .leadership-leader-photo{
    display:flex; align-items:center; justify-content:center;
  }
  .leadership-section .leadership-leader-photo img{ border-radius: 15px; }
  .leadership-section .leadership-leader-body{ padding:32px 36px; }
  .leadership-section .leadership-leader-name{
     font-size:24px; font-weight:700; margin-bottom:2px;
  }
  .leadership-section .leadership-leader-title{ color:#0398D5; font-weight:600; font-size:20px; margin-bottom:14px; }
  .leadership-section .leadership-cred-line{
    display:flex; gap:0; flex-wrap:wrap;
    border-top:1px solid #848383; border-bottom:1px solid #848383;
    margin:14px 0 16px; padding:10px 0;
  }
  .leadership-section .leadership-cred-line span:not(:last-child)::after{ content:"·"; margin:0 10px; color:#0398D5; }

  @media (max-width:900px){
    .leadership-section .leadership-leader-card{ grid-template-columns:1fr; }
    .leadership-section .leadership-leader-photo{ border-right:none; border-bottom:1px solid #848383; }
  }
  .accurate-why-section{ padding:40px 0; }
  .accurate-why-section .why-eyebrow{
    text-transform:uppercase; letter-spacing:0.14em; font-size:12px; font-weight:700; color:#0398D5;
  }
  .accurate-why-section .why-grid{ display:grid; grid-template-columns:1.15fr 1fr 1fr; grid-auto-rows:1fr; gap:20px; }
  .accurate-why-section .why-card{
    border:1px solid #848383;
    border-radius:12px;
    padding:28px 26px;
    background:#ffffff;
		margin-bottom: 20px;
    box-shadow:0 10px 26px -18px rgba(22,35,46,.16);
  }
  .accurate-why-section .why-card-feature{
    grid-row:span 2;
    background:linear-gradient(160deg, #0398D5 0%, #027cae 100%);
    color:#ffffff;
    display:flex; flex-direction:column; justify-content:space-between;
  }
  .accurate-why-section .why-card-feature h3{ color:#ffffff; font-size:21px; }
  .accurate-why-section .why-card-feature p{ color:#dff3fb; font-size:14px; }
  .accurate-why-section .why-card-feature .why-icon{ background:rgba(255,255,255,.16); color:#ffffff; }
  .accurate-why-section .why-stat-label{ font-size:12.5px; color:#dff3fb; margin-top:18px; }

  .accurate-why-section .why-icon{
    width:38px; height:38px; border-radius:10px;
    background:#eaf6fc; color:#0398D5;
    display:flex; align-items:center; justify-content:center;
    margin-bottom:16px;
  }
  .accurate-why-section .why-icon svg{ width:19px; height:19px; }
  .accurate-why-section .why-card h3{ font-size:21px;font-weight:700; margin-bottom:8px; }
  .accurate-why-section .why-card p{ color:#fff; }

  @media (max-width:900px){
    .accurate-why-section .why-grid{ grid-template-columns:repeat(2,1fr);display: unset !important; }
    .accurate-why-section .why-card-feature{ grid-row:span 1; grid-column:span 2; }
  }

  .integrate-process-section{ padding:40px 0; background:#eaf6fc; }
  .integrate-process-section .process-wrap{ max-width:1180px; margin:0 auto; padding:0 32px; }
  .process-section .process-eyebrow{
    text-transform:uppercase; letter-spacing:0.14em; font-size:12px; font-weight:700; color:#0398D5;
  }
  .integrate-process-section .step .num{
    position:relative; z-index:1;
    width:46px; height:46px; border-radius:50%;
    background:#0398D5; color:#ffffff;
    display:flex; align-items:center; justify-content:center;
     font-weight:600; font-size:17px;
    top:9px;
    box-shadow:0 8px 18px -4px rgba(3,152,213,.5);
  }
.integrate-process-section .process-eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 12px;
  font-weight: 700;
  color: #0398D5;
}
  .integrate-process-section .step-card{
    background:#ffffff; border:1px solid #848383; border-radius:10px;
    padding:20px 20px 22px;
    box-shadow:0 10px 24px -18px rgba(22,35,46,.18);
  }
  .integrate-process-section .step h3{ margin-bottom:8px;font-size: 21px;font-weight: 700; }
  .integrate-process-section .step p{color:#535252; }

  @media (max-width:900px){
    .integrate-process-section .steps{ grid-template-columns:1fr 1fr; gap:24px; }
    .integrate-process-section .steps::before{ display:none; }
  }

/* ==========================================================================
   Close section (contact card)
   ========================================================================== */
.close-section { background: #f7f9fb; border-top: 2px solid #e3e7ec; border-bottom: 2px solid #e3e7ec; padding: 40px 0; }
.close-section .close-section__card { background: #fff; box-shadow: 0 24px 50px rgba(15, 31, 46, 0.16); }
.close-section .close-section__contact { padding: clamp(32px, 4vw, 52px); }
.close-section .close-section__contact-title { font-weight: 800; font-size: clamp(22px, 2.2vw, 28px); line-height: 1.1; letter-spacing: -0.01em; margin: 0 0 34px; }
.close-section .close-section__links { display: grid; gap: 22px; }
.close-section .close-section__link { display: flex; align-items: center; gap: 14px; color: #16232f; text-decoration: none; font-size: 16px; }
.close-section .close-section__link--brand { color: #12507c; font-weight: 800; }
.close-section .close-section__link-icon { flex: none; width: 22px; color: #1f7cbd; display: flex; }
.close-section .close-section__link strong { font-weight: 800; color: #12507c; }
.close-section .close-section__statement { background: #1a5276; color: #fff; padding: clamp(32px, 4vw, 52px);}
.close-section .close-section__statement-title { font-weight: 800; font-size: 30px; line-height: 1.03; letter-spacing: -0.02em; margin: 0 0 20px; }
.close-section .close-section__statement-body { font-size: 16px; line-height: 1.6; color: rgba(255, 255, 255, 0.8); max-width: 46ch; margin: 0 0 22px; }
.close-section .close-section__statement-sig { font-size: 14px; margin: 0; color: rgba(255, 255, 255, 0.7); }
.close-section .close-section__statement-sig strong { font-weight: 800; color: #fff; }
.close-section .close-section__avatar { margin: 0;width: 110px;
  height: 70px; }
.close-section .close-section__avatar img { width: 70px; height: 70px; border-radius: 50%;
  object-fit: cover;
  border: 2px solid #1e63b8; }
@media (max-width: 760px) {
  .close-section .close-section__card { grid-template-columns: 1fr; }
  .close-section .close-section__statement { grid-template-columns: 1fr; }
}
@keyframes obkBlink { 0%, 49% { opacity: 1; } 50%, 100% { opacity: 0; } }
@keyframes obkPulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.35; } }
	
 
.obk-payroll-what { padding: 40px 0px; background: #FFFFFF; font-family: 'Open Sans', Arial, sans-serif; }
  .obk-payroll-what .obk-payroll-what__inner { max-width: 1180px; margin: 0 auto; }
  .obk-payroll-what .obk-payroll-what__grid {
    display: grid;
    grid-template-columns: 0.85fr 1.15fr;
    gap: 56px;
    align-items: start;
  }
  .obk-payroll-what .obk-payroll-what__media { position: relative; }
  .obk-payroll-what .obk-payroll-what__blob {
    position: absolute;
    top: -24px;
    left: -24px;
    right: 24px;
    bottom: 24px;
    background: linear-gradient(135deg, #E3F2FD 0%, #FFF9DB 100%);
    border-radius: 24px;
    z-index: 0;
  }
  .obk-payroll-what .obk-payroll-what__media img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: auto;
    min-height: 260px;
    object-fit: cover;
    display: block;
    border-radius: 16px;
    box-shadow: 0 24px 48px rgba(20,20,60,0.14);
  }
  .obk-payroll-what .obk-payroll-what__badge {
    position: absolute;
    z-index: 2;
    right: -18px;
    bottom: -18px;
    background: #14142B;
    color: #FFFFFF;
    border-radius: 14px;
    padding: 14px 18px;
    box-shadow: 0 14px 28px rgba(20,20,60,0.25);
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .obk-payroll-what .obk-payroll-what__badge-icon {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #FFF30C;
    color: #14142B;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 16px;
    flex: 0 0 auto;
  }
  .obk-payroll-what .obk-payroll-what__badge-text { font-size: 13px; font-weight: 700; line-height: 1.3; }

  .obk-payroll-what .obk-payroll-what__title {
    font-weight: 800;
    font-size: 30px;
    line-height: 1.3;
    color: #1B1D21;
    margin: 0 0 28px;
  }
  .obk-payroll-what .obk-payroll-what__title strong { color: #0F6AAF; }

  .obk-payroll-what .obk-payroll-what__block { display: flex; gap: 16px; margin-bottom: 26px; }
  .obk-payroll-what .obk-payroll-what__block-num {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #E3F2FD;
    color: #0F6AAF;
    font-weight: 700;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .obk-payroll-what .obk-payroll-what__block h3 {
    font-weight: 700;
    font-size: 18px;
    color: #1B1D21;
    margin: 4px 0 8px;
  }
  .obk-payroll-what .obk-payroll-what__block p {
    font-size: 15px;
    line-height: 1.75;
    color: #5F5F5F;
    margin: 0;
  }
  .obk-payroll-what .obk-payroll-what__block a { color: #0F6AAF; font-weight: 600; text-decoration: underline; }

  .obk-payroll-what .obk-payroll-what__callout {
    background: #F5F9FC;
    border-left: 4px solid #0F6AAF;
    border-radius: 10px;
    padding: 24px 26px;
    margin: 40px 0 26px;
  }
  .obk-payroll-what .obk-payroll-what__callout p {
    font-size: 15px;
    line-height: 1.75;
    color: #3A3D45;
    margin: 0;
  }
  .obk-payroll-what .obk-payroll-what__callout strong { color: #1B1D21; }

  .obk-payroll-what .obk-payroll-what__offer-lead {
    font-size: 15.5px;
    color: #1B1D21;
    margin: 0 0 18px;
  }
  .obk-payroll-what .obk-payroll-what__offer-lead a { color: #0F6AAF; font-weight: 600; text-decoration: underline; }

  .obk-payroll-what .obk-payroll-what__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
  }
  .obk-payroll-what .obk-payroll-what__item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background: #FFFFFF;
    border: 1px solid #E7ECF2;
    border-radius: 10px;
    padding: 14px 16px;
  }
  .obk-payroll-what .obk-payroll-what__check {
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #0F6AAF;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1px;
  }
  .obk-payroll-what .obk-payroll-what__item span:last-child {
    font-size: 14.5px;
    color: #1B1D21;
    font-weight: 600;
    line-height: 1.5;
  }

  @media (max-width: 900px) {
    .obk-payroll-what { padding: 40px 0px; }
    .obk-payroll-what .obk-payroll-what__grid { grid-template-columns: 1fr; gap: 40px; }
    .obk-payroll-what .obk-payroll-what__blob { left: -12px; right: 12px; top: -12px; bottom: 12px; }
    .obk-payroll-what .obk-payroll-what__badge { right: 8px; bottom: -16px; }
    .obk-payroll-what .obk-payroll-what__title { font-size: 26px; }
  }
  @media (max-width: 560px) {
    .obk-payroll-what .obk-payroll-what__list { grid-template-columns: 1fr; }
    .obk-payroll-what__badge-text { max-width: 140px; }
  }

  .obk-payroll-solutions { padding: 40px 0; }
  .obk-payroll-solutions .obk-payroll-solutions__inner { max-width: 1180px; margin: 0 auto; }
  .obk-payroll-solutions .obk-payroll-solutions__grid {
    display: grid;
    grid-template-columns: 0.85fr 1.15fr;
    gap: 60px;
    align-items: start;
  }

  /* ---- media column ---- */
  .obk-payroll-solutions .obk-payroll-solutions__media { position: relative; padding: 10px 26px 26px 10px; }
  .obk-payroll-solutions .obk-payroll-solutions__dots {
    position: absolute;
    top: 0;
    right: 0;
    width: 120px;
    height: 120px;
    background-image: radial-gradient(#1F9D55 2.5px, transparent 2.5px);
    background-size: 16px 16px;
    opacity: 0.35;
    z-index: 0;
  }
  .obk-payroll-solutions .obk-payroll-solutions__accent {
    position: absolute;
    left: -18px;
    bottom: -18px;
    width: 190px;
    height: 190px;
    background: linear-gradient(135deg, #1F9D55 0%, #63C688 100%);
    border-radius: 32px;
    z-index: 0;
  }
  .obk-payroll-solutions .obk-payroll-solutions__media img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: auto;
    min-height: 300px;
    object-fit: cover;
    display: block;
    border-radius: 18px;
    box-shadow: 0 24px 48px rgba(20,20,60,0.16);
  }
  .obk-payroll-solutions .obk-payroll-solutions__badge {
    position: relative;
    z-index: 2;
    margin-top: -34px;
    margin-left: 24px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #14142B;
    color: #FFFFFF;
    border-radius: 14px;
    padding: 14px 18px;
    box-shadow: 0 14px 28px rgba(20,20,60,0.25);
  }
  .obk-payroll-solutions .obk-payroll-solutions__badge-icon {
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #1F9D55;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 16px;
  }
  .obk-payroll-solutions .obk-payroll-solutions__badge-text { font-size: 13px; font-weight: 700; line-height: 1.3; }

  /* ---- content column ---- */
  .obk-payroll-solutions .obk-payroll-solutions__eyebrow {
    display: inline-block;
    font-family: Poppins, Arial, sans-serif;
    font-weight: 700;
    font-size: 12.5px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #0F6AAF;
    background: #E3F2FD;
    border-radius: 20px;
    padding: 6px 14px;
    margin-bottom: 16px;
  }
  .obk-payroll-solutions .obk-payroll-solutions__title {
    font-family: Poppins, Arial, sans-serif;
    font-weight: 800;
    font-size: 30px;
    line-height: 1.3;
    color: #1B1D21;
    margin: 0 0 16px;
  }
  .obk-payroll-solutions .obk-payroll-solutions__intro {
    font-size: 15.5px;
    line-height: 1.75;
    color: #5F5F5F;
    margin: 0 0 30px;
    max-width: 560px;
  }

  /* ---- accordion ---- */
  .obk-payroll-solutions .obk-payroll-solutions__acc { display: flex; flex-direction: column; gap: 14px; }
  .obk-payroll-solutions .obk-payroll-solutions__item {
    background: #FFFFFF;
    border: 1px solid #E7ECF2;
    border-radius: 14px;
    overflow: hidden;
    transition: box-shadow 0.2s ease;
  }
  .obk-payroll-solutions .obk-payroll-solutions__item[open] {
    border-color: #0F6AAF;
    box-shadow: 0 10px 26px rgba(15,106,175,0.12);
  }
  .obk-payroll-solutions .obk-payroll-solutions__summary {
    list-style: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 22px;
    font-family: Poppins, Arial, sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #1B1D21;
  }
  .obk-payroll-solutions .obk-payroll-solutions__summary::-webkit-details-marker { display: none; }
  .obk-payroll-solutions .obk-payroll-solutions__item[open] .obk-payroll-solutions__summary {
    background: #0F6AAF;
    color: #FFFFFF;
  }
  .obk-payroll-solutions .obk-payroll-solutions__icon {
    flex: 0 0 auto;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #E3F2FD;
    color: #0F6AAF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 700;
    position: relative;
    transition: transform 0.25s ease, background 0.2s ease, color 0.2s ease;
  }
  .obk-payroll-solutions .obk-payroll-solutions__item[open] .obk-payroll-solutions__icon {
    background: #FFF30C;
    color: #14142B;
    transform: rotate(45deg);
  }
  .obk-payroll-solutions.obk-payroll-solutions__icon::before { content: "+"; }

  .obk-payroll-solutions.obk-payroll-solutions__body { padding: 4px 22px 24px; }
  .obk-payroll-solutions.obk-payroll-solutions__body p {
    font-size: 14.5px;
    line-height: 1.75;
    color: #5F5F5F;
    margin: 0 0 14px;
  }
  .obk-payroll-solutions.obk-payroll-solutions__body a { color: #0F6AAF; font-weight: 600; text-decoration: underline; }
  .obk-payroll-solutions.obk-payroll-solutions__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
  .obk-payroll-solutions.obk-payroll-solutions__list li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 14.5px;
    color: #1B1D21;
    font-weight: 600;
    line-height: 1.5;
  }
  .obk-payroll-solutions.obk-payroll-solutions__list li::before {
    content: "\2713";
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #0F6AAF;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1px;
  }

  @media (max-width: 900px) {
    .obk-payroll-solutions { padding: 56px 20px; }
    .obk-payroll-solutions.obk-payroll-solutions__grid { grid-template-columns: 1fr; gap: 36px; }
    .obk-payroll-solutions.obk-payroll-solutions__title { font-size: 26px; }
  }

  .growing-restaurant {
    background:linear-gradient(135deg,#b0cce1 0%,#dce7ff 55%,#e3ebfd 100%);
    color:#fff;padding:40px 0;position:relative;overflow:hidden;
    font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
    line-height:1.7;
  }
  .growing-restaurant::before{
    content:"";position:absolute;width:520px;height:520px;border-radius:50%;
    background:radial-gradient(circle,rgba(255, 209, 4, 0.35),#0076af12 65%);
    top:-160px;right:-120px;
  }
  .growing-restaurant .ob-hero__inner{position:relative;z-index:2;}
.growing-restaurant .ob-hero__badge-icon{margin-right:.5rem;}
  .growing-restaurant .ob-hero__title{
font-weight:800;letter-spacing:-.02em;
    color:#000000;font-size:5.5rem;line-height:1.15;margin:0 0 1rem;
  }
  .growing-restaurant .ob-hero__text{color:rgba(0, 0, 0, 0.85);font-size:1.06rem;margin:0;}
  .growing-restaurant .ob-hero__list{list-style:none;padding:0;margin:1.6rem 0 0;}
  .growing-restaurant .ob-hero__list-item{color:rgba(0, 0, 0, 0.9);margin-bottom:.55rem;font-weight:500;}
  .growing-restaurant .ob-hero__list-icon{color:#5ce1a6;margin-right:.6rem;}
  .growing-restaurant .ob-hero__actions{margin-top:1.75rem;}
  .growing-restaurant .ob-hero__btn{
    display:inline-block;border-radius:100px;font-weight:700;padding:.8rem 1.7rem;
    font-size:1.5rem;text-decoration:none;margin:0 .5rem .5rem 0;border:2px solid transparent;
  }
  .growing-restaurant .ob-hero__btn--accent{background:#0076af;border-color:#0076af;color:#fff;}
  .growing-restaurant .ob-hero__btn--accent:hover{background:#089be3;border-color:#089be3;color:#fff;text-decoration:none;}
  .growing-restaurant .ob-hero__btn-icon{margin-right:.5rem;}
  .growing-restaurant .ob-hero__svg{width:100%;height:auto;display:block;}
  .growing-restaurant .ob-hero__flow{stroke-dasharray:6 8;animation:ob-hero-dash 1.6s linear infinite;}
  .growing-restaurant .ob-hero__label{font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;}
  .growing-restaurant .ob-hero__sub{font-family:'Plus Jakarta Sans',sans-serif;font-weight:500;}
  @keyframes ob-hero-dash{to{stroke-dashoffset:-28;}}
  @media (prefers-reduced-motion: reduce){ .growing-restaurant .ob-hero__flow{animation:none;} }
  @media (max-width:991.98px){
    .growing-restaurant .ob-hero{padding:40px 0;}
    .growing-restaurant .ob-hero__title{font-size:2.3rem;}
  }

   .validated {
    padding:40px 0;background:#fff;
    font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
    line-height:1.7;
  }
  .validated .ob-daily__card{
    background:#fff;border:1px solid #e6eaf2;border-radius:14px;padding:1.9rem 1.6rem;height:100%;
    text-align:center;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
  }
  .validated .ob-daily__card:hover{transform:translateY(-6px);box-shadow:0 12px 34px rgba(14,23,38,.10);border-color:rgba(11,92,255,.35);}
 .validated .ob-daily__icon{
    width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;
    background:rgba(11,92,255,.10);color:#0b5cff;font-size:1.25rem;margin:0 auto 1.1rem;
  }
  .validated .ob-daily__card-title{
font-weight:800;letter-spacing:-.02em;color:#0e1726;
    font-size:1.9rem;margin:0 0 .5rem;
  }
  .validated .ob-daily__card-text{color:#54627a;font-size:.95rem;margin:0;}
  @media (max-width:991.98px){
    .validated .ob-daily{padding:40px 0;}
    .validated .ob-daily__title{font-size:1.7rem;}
  }
  .complexities-challenges {
    padding:40px 0;background:#f5f8ff;
    font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
    line-height:1.7;
  }
  .complexities-challenges .ob-challenges__card:hover{transform:translateY(-6px);box-shadow:0 12px 34px rgba(14,23,38,.10);border-color:#0076AF;}
  .complexities-challenges .ob-challenges__num{
    position:absolute;top:1.2rem;right:1.4rem;font-family:'Manrope',sans-serif;font-weight:800;
    font-size:2.1rem;color:rgba(0, 118, 175, 0.25);line-height:1;
  }
  .complexities-challenges .ob-challenges__icon{
    width: 52px;
  height: 52px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0076AF1A;
  color: #0076AF;
  font-size: 1.25rem;
  margin-bottom: 1.1rem;
  }
  .complexities-challenges .ob-challenges__card-title{
    font-family:'Manrope',sans-serif;font-weight:800;letter-spacing:-.02em;color:#0e1726;
    font-size:1.2rem;margin:0 0 .5rem;
  }
  .complexities-challenges .ob-challenges__card-text{color:#54627a;font-size:.95rem;margin:0;}
  @media (max-width:991.98px){
    .complexities-challenges .ob-challenges{padding:40px 0;}
    .complexities-challenges .ob-challenges__title{font-size:1.7rem;}
  }
  .accounting-burden {
    padding:40px 0;;
    font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
    line-height:1.7;
  }
  .accounting-burden .ob-value__svg{width:100%;height:auto;display:block;}
  .accounting-burden .ob-value__flow{stroke-dasharray:6 8;animation:ob-value-dash 1.6s linear infinite;}
  .accounting-burden .ob-value__label{font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;}
  .accounting-burden .ob-value__sub{font-family:'Plus Jakarta Sans',sans-serif;font-weight:500;}
  @keyframes ob-value-dash{to{stroke-dashoffset:-28;}}
  @media (prefers-reduced-motion: reduce){ .accounting-burden .ob-value__flow{animation:none;} }
 
   
   .authorizationp-levels{
    padding:40px 0;
    font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
    line-height:1.7;
  }
  .authorizationp-levels .ob-workflow__card{
    background:#fff;border:1px solid #e6eaf2;border-radius:14px;padding:1.75rem 1.4rem;height:100%;
    box-shadow:0 2px 10px rgba(14,23,38,.06);
  }
  .authorizationp-levels .ob-workflow__card-title{
font-weight:800;letter-spacing:-.02em;color:#0e1726;
    font-size:2rem;margin:0 0 .35rem;
  }
  .authorizationp-levels .ob-workflow__card-text{color:#54627a;font-size:.92rem;margin:0 0 1.1rem;}
  .authorizationp-levels .ob-workflow__svg{width:100%;height:auto;display:block;}
  .authorizationp-levels .ob-workflow__flow{stroke-dasharray:6 8;animation:ob-workflow-dash 1.6s linear infinite;}
  .authorizationp-levels .ob-workflow__label{font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;}
  .authorizationp-levels .ob-workflow__sub{font-family:'Plus Jakarta Sans',sans-serif;font-weight:500;}
  @keyframes ob-workflow-dash{to{stroke-dashoffset:-28;}}
  @media (prefers-reduced-motion: reduce){ .authorizationp-levels .ob-workflow__flow{animation:none;} }
  @media (max-width:991.98px){
    .authorizationp-levels{padding:40px 0;}
    .authorizationp-levels .ob-workflow__title{font-size:1.7rem;}
  }
   .ob-process__step{
    position:relative;padding:1.6rem 1.3rem;background:#fff;border:1px solid #e6eaf2;
    border-radius:14px;height:100%;
  }
  .ob-process__num{
    width:38px;height:38px;border-radius:50%;background:#126FB5;color:#fff;display:flex;
    align-items:center;justify-content:center;font-weight:800;margin-bottom:.9rem;font-size:.95rem;
  }
  .ob-process__step-title{
    font-family:'Manrope',sans-serif;font-weight:800;letter-spacing:-.02em;color:#0e1726;
    font-size:1.2rem;margin:0 0 .5rem;
  }
  .ob-process__step-text{color:#54627a;font-size:.95rem;margin:0;}
  @media (max-width:991.98px){
    .ob-process{padding:40px 0;}
    .ob-process__title{font-size:1.7rem;}
  }
  .tailored-restaurant{
    background:#ECF0F3;padding:40px 0;
    color:#5F5F5F;
  }
  .tailored-restaurant__head{text-align:center;max-width:780px;margin:0 auto 46px;}
  .tailored-restaurant__heading{
    font-family:'Poppins',sans-serif;font-weight:700;font-size:30px;line-height:1.35;color:#1B1D21;margin:0;
  }
  .tailored-restaurant__heading-accent{display:block;color:#1386C9;}
  .tailored-restaurant__rule{width:70px;height:4px;border-radius:4px;background:#1A5276;margin:20px auto 0;}
  .tailored-restaurant__grid{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;
  }
  .tailored-restaurant__box{
    display:flex;flex-direction:column;
    background:#ECF0F3;border-radius:20px;padding:26px 26px 28px;height:100%;
    box-shadow:inset 6px 6px 6px 0 rgb(203,206,209), inset -6px -6px 6px 0 rgb(255,255,255);
    transition:box-shadow .3s ease;
  }
  .tailored-restaurant__box:hover{
    box-shadow:7px 7px 16px 0 rgb(198,202,206), -7px -7px 16px 0 rgb(255,255,255);
  }
  .tailored-restaurant__art{
    width:19%;background:#E4EAF0;border-radius:16px;padding:14px 16px;margin-bottom:20px;
    box-shadow:inset 3px 3px 6px 0 rgb(199,205,212), inset -3px -3px 6px 0 rgb(255,255,255);
  }
  .tailored-restaurant__svg{width:100%;height:auto;display:block;}
  .tailored-restaurant__body{flex:1 1 auto;min-width:0;}
  .tailored-restaurant__num{
    display:inline-block;font-size:13px;font-weight:600;letter-spacing:.12em;
    color:#1386C9;margin-bottom:6px;
  }
  .tailored-restaurant__title{
    font-family:'Poppins',sans-serif;font-weight:700;font-size:20px;line-height:1.35;
    color:#1B1D21;margin:0 0 10px;
  }
  .tailored-restaurant__text{font-size:15.5px;line-height:26px;color:#393939;margin:0;}
  .tailored-restaurant__text *{color:inherit;}

  @media (max-width:991.98px){
    .tailored-restaurant{padding:48px 0;}
    .tailored-restaurant__heading{font-size:26px;}
    .tailored-restaurant__grid{grid-template-columns:minmax(0,1fr);gap:20px;}
    .tailored-restaurant__box{padding:24px 22px 26px;}
    .tailored-restaurant__title{font-size:20px;}
  }
  @media (max-width:575.98px){
    .tailored-restaurant__heading{font-size:22px;}
    .tailored-restaurant__text{font-size:15px;line-height:26px;}
  }
  .collaborat-enhance{padding:40px 0}
  .collaborat-enhance .ap-list{list-style:none;padding:0;margin:26px 0 30px}
  .collaborat-enhance .ap-list li{display:flex;align-items:flex-start;gap:13px;padding:11px 0;border-bottom:1px solid #e3eaf2}
  .collaborat-enhance .ap-list li:last-child{border-bottom:0}
  .collaborat-enhance .ap-list .tick{
    width:24px;height:24px;border-radius:50%;background:rgba(22,163,74,.1);
    display:grid;place-items:center;flex:none;margin-top:1px;
  }
  .collaborat-enhance .ap-list .tick svg{width:13px;height:13px;color:#16a34a}
  .collaborat-enhance .ap-list .tx b{display:block;font-weight:600;font-size:14.5px;color:#10233c;line-height:1.35}
  .collaborat-enhance .ap-list .tx span{font-size:12.5px;color:#8b98a8}
  .collaborat-enhance .btn-ap{
    background:#1c72c8;color:#fff;font-weight:600;font-size:14.5px;
    padding:14px 30px;border-radius:6px;border:0;display:inline-flex;align-items:center;gap:10px;
    box-shadow:0 8px 20px -8px rgba(28,114,200,.5);transition:all .2s ease;
  }
  .collaborat-enhance .btn-ap:hover{background:#155ba3;color:#fff;transform:translateY(-2px);box-shadow:0 12px 28px -8px rgba(28,114,200,.6)}
  .collaborat-enhance .btn-ap svg{width:15px;height:15px;transition:transform .2s ease}
  .collaborat-enhance .btn-ap:hover svg{transform:translateX(4px)}
  .collaborat-enhance .ap-panel{
    background:#10233c;border-radius:16px;padding:40px;color:#fff;height:100%;
    position:relative;overflow:hidden;
  }
  .collaborat-enhance .ap-panel::before{
    content:"";position:absolute;top:-60px;right:-60px;width:220px;height:220px;
    border-radius:50%;background:rgba(255,255,255,.04);
  }
  .collaborat-enhance .ap-panel h3{font-weight:700;font-size:21px;
		color:#fff;line-height:1.3;position:relative;z-index:2}
  .collaborat-enhance .ap-panel p{color:#a9c0d8;font-size:13.8px;line-height:1.7;position:relative;z-index:2;margin-bottom:0}
  .collaborat-enhance .ba{position:relative;z-index:2;margin:26px 0}
  .collaborat-enhance .ba-row{display:flex;align-items:center;gap:14px;margin-bottom:14px}
  .collaborat-enhance .ba-tag{
    font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
    padding:4px 10px;border-radius:20px;flex:none;width:70px;text-align:center;
  }
  .collaborat-enhance .ba-tag.before{background:rgba(239,68,68,.16);color:#fca5a5}
  .collaborat-enhance .ba-tag.after{background:rgba(22,163,74,.18);color:#86efac}
  .collaborat-enhance .ba-bar{flex:1;height:9px;border-radius:5px;background:rgba(255,255,255,.09);overflow:hidden}
  .collaborat-enhance .ba-fill{height:100%;border-radius:5px}
  .collaborat-enhance .ba-fill.red{width:82%;background:linear-gradient(90deg,#ef4444,#f87171)}
  .collaborat-enhance .ba-fill.grn{width:22%;background:linear-gradient(90deg,#16a34a,#4ade80)}
  .collaborat-enhance .ba-val{font-size:12px;font-weight:700;width:40px;text-align:right;flex:none}
  .collaborat-enhance .ba-lbl{font-size:11px;color:#7f97b1;margin-bottom:16px;position:relative;z-index:2}
  .collaborat-enhance .ap-stats{display:flex;gap:12px;position:relative;z-index:2}
  .collaborat-enhance .ap-stat{flex:1;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:16px 14px;text-align:center}
  .collaborat-enhance .ap-stat b{display:block;font-size:23px;font-weight:700;letter-spacing:-.02em;color:#ffd500}
  .collaborat-enhance .ap-stat span{font-size:10px;color:#9db4cd;letter-spacing:.03em}
  .collaborat-enhance .flow-band{background:#f5f8fb;border-top:1px solid #e3eaf2;border-radius:16px;padding:34px 30px;margin-top:26px}
  .collaborat-enhance .flow-band h4{font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#8b98a8;margin-bottom:24px;text-align:center}
  .collaborat-enhance .flow{display:flex;align-items:flex-start;justify-content:space-between;gap:6px}
  .collaborat-enhance .flow-step{flex:1;text-align:center;position:relative}
  .collaborat-enhance .flow-step .ic{
    width:56px;height:56px;border-radius:14px;background:#fff;border:1px solid #e3eaf2;
    display:grid;place-items:center;margin:0 auto 12px;color:#1c72c8;
    box-shadow:0 8px 18px -10px rgba(28,114,200,.35);
  }
  .collaborat-enhance .flow-step .ic svg{width:26px;height:26px}
  .collaborat-enhance .flow-step b{display:block;font-size:12.5px;font-weight:600;color:#10233c;line-height:1.3}
  .collaborat-enhance .flow-step span{font-size:10.5px;color:#8b98a8}
  .collaborat-enhance .flow-arrow{align-self:center;color:#e3eaf2;flex:none;margin-top:16px}
  .collaborat-enhance .flow-arrow svg{width:22px;height:22px}
  @media(max-width:767px){
    .collaborat-enhance .flow{flex-wrap:wrap;gap:18px}
    .collaborat-enhance .flow-step{flex:0 0 40%}
    .collaborat-enhance .flow-arrow{display:none}
  }
   .generic-requirements{padding:40px 0;background-color: #F2F9FD;}
  .generic-requirements .why-card{
    background:#fff;border:1px solid #e7edf4;border-radius:14px;padding:30px;height:100%;
    position:relative;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
  }
  .generic-requirements .why-card::before{
    content:"";position:absolute;left:0;top:0;bottom:0;width:4px;
    background:#1c72c8;transform:scaleY(0);transform-origin:top;transition:transform .25s ease;
  }
  .generic-requirements .why-card:hover{transform:translateY(-6px);box-shadow:0 26px 54px -26px rgba(16,35,60,.4);border-color:transparent}
  .generic-requirements .why-card:hover::before{transform:scaleY(1)}
  .generic-requirements .why-num{
    position:absolute;top:20px;right:26px;font-size:44px;font-weight:700;
    color:#f5f8fb;line-height:1;letter-spacing:-.03em;user-select:none;
  }
  .why-ic{
    width:58px;height:58px;border-radius:15px;background:#10233c;
    display:grid;place-items:center;margin-bottom:20px;position:relative;z-index:2;
    transition:background .22s ease;
  }
  .generic-requirements .why-card:hover .why-ic{background:#1c72c8}
  .generic-requirements .why-ic svg{width:28px;height:28px;color:#ffd500}
  .generic-requirements .why-card:hover .why-ic svg{color:#fff}
  .generic-requirements .why-card h3{font-weight:700;font-size:18px;letter-spacing:-.01em;margin-bottom:10px;position:relative;z-index:2}
  .generic-requirements .why-card p{color:#5a6b80;font-size:13.8px;line-height:1.65;margin-bottom:16px;position:relative;z-index:2}
  .generic-requirements .why-pills{display:flex;flex-wrap:wrap;gap:6px;position:relative;z-index:2}
  .generic-requirements .why-pills span{
    font-size:11px;font-weight:600;padding:4px 11px;border-radius:20px;
    background:#f5f8fb;color:#1c72c8;border:1px solid #e7edf4;
  }
  .generic-requirements .why-strip{
    background:#10233c;border-radius:14px;margin-top:28px;padding:26px 34px;
    display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
  }
  .generic-requirements .why-strip .t b{color:#fff;font-weight:700;font-size:17px;display:block}
  .generic-requirements .why-strip .t span{color:#9db4cd;font-size:13px}
  .generic-requirements .why-strip .btn-w{
    background:#ffd500;color:#10233c;font-weight:600;font-size:14px;
    padding:13px 26px;border-radius:6px;border:0;display:inline-flex;align-items:center;gap:9px;
    transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap;
  }
  .generic-requirements .why-strip .btn-w:hover{transform:translateY(-2px);box-shadow:0 12px 26px -8px rgba(255,213,0,.5);color:#10233c}
  .generic-requirements .why-strip .btn-w svg{width:15px;height:15px}

.hoa-hero-condo{padding:40px 0 64px;background:#1071B8;font-family:'Poppins',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:#5F5F5F;line-height:1.75;}
  .hoa-hero-condo .hoa-hero__kicker{display: inline-block;
    font-size: .7rem;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: #ffffff;
    background: rgb(243 209 58 / 29%);
    padding: .4rem 1rem;
    border-radius: 100px;
    margin: 0 0 1rem;}
  .hoa-hero-condo .hoa-hero__h1{font-family:'Poppins',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-weight:700;font-size:4rem;line-height:1.22;color:#fff;margin:10px 0 16px;}
  .hoa-hero-condo .hoa-hero__h1 span{color:#f3d13a;}
.hoa-hero-condo .hoa-hero__p{margin:0 0 12px;font-size:1.5rem;line-height:1.72;color:#fff;}
  .hoa-hero-condo .hoa-hero__cta{margin-top:22px;}
  .hoa-hero-condo .hoa-hero__cta a{margin:0 10px 10px 0;padding:.72rem 1.25rem;font-size:.88rem;}
  .hoa-hero-condo .hoa-hero__stat b{display:block;font-size:1.7rem;font-weight:700;color:#ffffff;line-height:1.2;}
  .hoa-hero-condo .hoa-hero__stat span{display:block;font-size:1.4rem;color:#ffffff;line-height:1.5;}
  .hoa-hero-condo .hoa-hero__fig{width:100%;height:auto;display:block;}
  .hoa-hero-condo .hoa-hero__btn-y{display:inline-block;border-radius:6px;font-weight:600;font-size:1.3rem;padding:.8rem 1.7rem;
    text-decoration:none;border:2px solid #F6B300;background:#F6B300;color:#1B1D21;
    transition:background .25s ease,border-color .25s ease,color .25s ease;}
  .hoa-hero-condo .hoa-hero__btn-y:hover,.hoa-hero__btn-y:focus{background:#e0a300;border-color:#e0a300;color:#1B1D21;text-decoration:none;}
  .hoa-hero-condo .hoa-hero__btn-o:hover,.hoa-hero__btn-o:focus{background:#1A5276;border-color:#1A5276;color:#fff;text-decoration:none;}
  @media (max-width:991.98px){.hoa-hero{padding:40px 0 48px;} .hoa-hero__h1{font-size:1.9rem;}}
  @media (max-width:620px){.hoa-hero__h1{font-size:1.6rem;}}
 .hoa-receive{padding:40px 0;background:#fff;font-family:'Poppins',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:#5F5F5F;line-height:1.75;}
  @media (max-width:900px){.hoa-receive{padding:40px 0;} .hoa-receive .hoa-receive__h2{font-size:1.55rem;}}
  @media (max-width:620px){.hoa-receive .hoa-receive__h2{font-size:1.35rem;}}
  .hoa-receive .hoa-receive__item{display:flex;gap:12px;height:100%;background:#fff;border:1px solid #DCE7F0;
    border-radius:10px;padding:16px;}
  .hoa-receive .hoa-receive__n{flex:0 0 auto;font-size:1.5rem;font-weight:700;color:#1386C9;letter-spacing:.04em;padding-top:2px;}
  .hoa-receive .hoa-receive__item-t{font-family:'Poppins',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:2rem;font-weight:600;color:#1B1D21;margin:0 0 3px;}
  .hoa-receive .hoa-receive__item-p{margin:0;font-size:1.3rem;line-height:1.6;color:#5F5F5F;}
  .hoa-receive .hoa-receive__figwrap{background:#fff;border:1px solid #DCE7F0;border-radius:14px;padding:20px;position:sticky;top:24px;}
  .hoa-receive .hoa-receive__fig{width:100%;height:auto;display:block;}
  @media (max-width:991.98px){.hoa-receive__figwrap{position:static;margin-top:24px;}}

  .hoa-problem{padding:40px 0;background:#EEF2F7;color:#5F5F5F;line-height:1.75;}
  .hoa-problem .hoa-problem__rule{width:64px;height:4px;border-radius:4px;background:#F6B300;margin:18px auto 0;}
  @media (max-width:900px){.hoa-problem{padding:40px 0;} .hoa-problem .hoa-problem__h2{font-size:1.55rem;}}
  @media (max-width:620px){.hoa-problem .hoa-problem__h2{font-size:1.35rem;}}
  .hoa-problem .hoa-problem__card{position:relative;background:#fff;border:1px solid #DCE7F0;border-left:4px solid #F6B300;
    border-radius:10px;padding:20px 22px 20px 58px;margin-bottom:14px;}
  .hoa-problem .hoa-problem__n{position:absolute;left:20px;top:20px;width:24px;height:24px;border-radius:50%;background:#F6B300;
    color:#1B1D21;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;}
  .hoa-problem .hoa-problem__card-t{font-family:'Poppins',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:2rem;font-weight:600;color:#1B1D21;margin:0 0 4px;}
  .hoa-problem .hoa-problem__card-p{margin:0;font-size:.9rem;color:#5F5F5F;}
  .hoa-problem .hoa-problem__fig{width:100%;height:auto;display:block;}
  .hoa-problem .hoa-problem__close{margin:34px auto 0;max-width:820px;text-align:center;background:#1A5276;color:#fff;
    border-radius:12px;padding:22px 28px;font-size:1rem;line-height:1.65;}

.real-estate{background:#1071B8;position:relative;overflow:hidden}
  .real-estate .hero-inner{padding:40px 0}
.real-estate h1{font-size:46px;line-height:1.14;font-weight: 700;color:#fff;}
  .real-estate h1 .b1{color:#f3d13a}
  .real-estate p{color:#ffffff;line-height:1.8;}
  .real-estate .hero-stats{display:flex;gap:36px;margin-top:34px;    color: #ffff;
} .real-estate .hero-stats b{font-size:24px;color:#ffffff;font-weight:800;display:block;line-height:1}
  .real-estate .btn-blue {
    background: #ECCB38;
		    font-size: 2rem !important;
    color: #000;
}
 .professionals{padding:40px 0;overflow:hidden;}
  .professionals .visual{position:relative;display:inline-block;}
  .professionals .visual .photo{position:relative;z-index:3;;aspect-ratio:1/0.92;
    border-radius:16px 190px 16px 16px;overflow:hidden;background:#dfe7f2;box-shadow:0 26px 55px rgba(14,39,72,.20)}
  .professionals .visual .photo img{width:100%;height:100%;object-fit:cover;display:block}
  .professionals .dots{position:absolute;z-index:1;left:8px;top:-34px;width:150px;height:150px;
    background-image:radial-gradient(#c4d2e8 2px,transparent 2px);background-size:16px 16px}
  .professionals .consult{position:absolute;z-index:4;left:-8px;bottom:26px;display:flex;align-items:stretch;
    box-shadow:0 16px 34px rgba(14,39,72,.28);border-radius:6px;overflow:hidden}
  .professionals .consult .txt{background:#0e2a52;color:#fff;padding:18px 22px;font-weight:700;font-size:18px;line-height:1.25;max-width:180px}
  .professionals .consult .curve{width:70px;background:#1e6ef2;border-top-right-radius:70px;border-bottom-right-radius:6px}
  .professionals .col-txt{padding-left:40px}
  .professionals h2{font-size:42px;line-height:1.14;margin-bottom:22px;color:#16233a}
  .professionals h2 .l1{font-weight:500}
  .professionals h2 .l2{font-weight:800}
  .professionals p.copy{color:#5c6b82;font-size:16px;line-height:1.85;margin-bottom:22px}
  .btn-connect{background:#0e2a52;color:#fff;border-radius:40px;padding:15px 40px;font-weight:700;font-size:16px;
    box-shadow:0 14px 30px rgba(14,42,82,.28);transition:.2s;border:none;display:inline-block;margin-top:8px}
  .btn-connect:hover{background:#1e6ef2;color:#fff;transform:translateY(-2px)}

  @media(max-width:991px){.professionals{padding:60px 0}.professionals .col-txt{padding-left:15px;margin-top:44px}.prof h2{font-size:30px}.visual .photo{width:100%}}
  .reliable-counter{padding:40px 0;position:relative;overflow:hidden; }
  .reliable-counter::before{content:"";position:absolute;top:40px;left:-70px;width:230px;height:230px;border-radius:50%;
    background:radial-gradient(circle,rgba(30,110,242,.08),transparent 70%)}
  .reliable-counter .icon-tile{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,#1e6ef2,#0f4fc4);
    color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:22px;
    box-shadow:0 16px 30px rgba(30,110,242,.30)}
  .reliable-counter .eyebrow{display:inline-flex;align-items:center;gap:10px;color:#1e6ef2;font-weight:700;
    text-transform:uppercase;letter-spacing:.16em;font-size:12.5px;margin-bottom:12px}
  .reliable-counter .eyebrow::before{content:"";width:26px;height:2px;background:#1e6ef2}
  .reliable-counter.stage{position:relative;display:inline-block;padding:26px}
  .reliable-counter .offset{position:absolute;z-index:1;inset:0;border-radius:26px;
    background:linear-gradient(135deg,#eaf1fb,#dbe8fb);transform:rotate(5deg)}
  .reliable-counter .offset2{position:absolute;z-index:1;right:6px;bottom:0;width:120px;height:120px;border-radius:24px;
    background:#f7c948;transform:rotate(-8deg);opacity:.9}
  .reliable-counter .photo{position:relative;z-index:2;width:400px;max-width:100%;aspect-ratio:1/1;overflow:hidden;
    border-radius:22px;border:6px solid #fff;box-shadow:0 30px 60px rgba(14,39,72,.25);transform:rotate(-3deg)}
  .reliable-counter .photo img{width:100%;height:100%;object-fit:cover;display:block}
  .reliable-counter .fbadge{position:absolute;z-index:3;left:-6px;bottom:40px;background:#fff;border-radius:16px;padding:14px 18px;
    display:flex;align-items:center;gap:12px;box-shadow:0 18px 40px rgba(14,39,72,.20);transform:rotate(-2deg)}
  .reliable-counter .fbadge .ic{width:44px;height:44px;flex:none;border-radius:12px;background:#f7c948;color:#0e2748;
    display:flex;align-items:center;justify-content:center;font-size:19px}
  .reliable-counter .fbadge b{display:block;font-size:14px;line-height:1.2;color:#16233a}
  .reliable-counter .fbadge span{font-size:11.5px;color:#5c6b82}

  @media(max-width:991px){.reliable-counter{padding:60px 0}.reliable-counter h2{font-size:29px}.stage{margin-top:46px}.photo{width:100%}}

.pmc-hero { background: #2A7BBF; color: #fff;padding: 40px 0; }
.pmc-hero .hero-grid-bg { background-image: linear-gradient(#0E2942 1px, transparent 1px), linear-gradient(90deg, #0E2942 1px, transparent 1px); background-size: 64px 64px; -webkit-mask-image: radial-gradient(120% 90% at 70% 0%, #000 20%, transparent 75%); mask-image: radial-gradient(120% 90% at 70% 0%, #000 20%, transparent 75%); }
.pmc-hero .hero-badge { gap: 10px; border: 1px solid rgba(244,196,48,.35); background: #0E2942; padding: 7px 14px; font-size: 11px; letter-spacing: .1em; }
.pmc-hero .hero-dot { width: 6px; height: 6px; background: #F4C430; }
.pmc-hero .hero-title { margin-top: 26px; font-size: 62px; line-height: 1.02; letter-spacing: -.035em; font-weight: 800; text-wrap: balance; }
.pmc-hero .hero-title span { color: #F4C430; }
.pmc-hero .hero-sub { margin-top: 24px; font-size: 20px; line-height: 1.55;}
.pmc-hero .hero-btn-main, .pmc-hero .hero-btn-ghost {background: #f4c430;font-weight: 900;padding: 16px 28px; font-size: 15.5px; }
.pmc-hero .hero-card { background: #0E2942; border: 1px solid rgba(255,255,255,.12); border-radius: 18px; padding: 8px; box-shadow: 0 40px 90px -30px rgba(0,0,0,.7); }
.pmc-hero .hero-card-top { padding: 10px 12px 14px; font-size: 11px; letter-spacing: .06em; color: rgba(255,255,255,.85); gap: 8px; }
.pmc-hero .hero-card-top b { width: 9px; height: 9px; border-radius: 50%; background: #F4C430; }
.pmc-hero .hero-card-body { background: #0A1F33; border-radius: 12px; padding: 20px 22px 22px; border: 1px solid rgba(255,255,255,.07); }
.pmc-hero .hero-row { gap: 14px; padding: 13px 0; border-bottom: 1px solid rgba(255,255,255,.07); font-size: 14px; font-weight: 500; }
.pmc-hero .hero-row-no { width: 26px; font-size: 10.5px; color: rgba(255,255,255,.8); }
.pmc-hero .hero-row-state { font-size: 11px; padding: 4px 10px; background: rgba(244,196,48,.2); }
.pmc-hero .hero-zero { font-size: 40px; font-weight: 800; letter-spacing: -.03em; }
.pmc-hero .hero-note { padding: 14px 12px 8px; font-size: 12px; color: rgba(255,255,255,.4); line-height: 1.5; }
@media (max-width: 720px) { .pmc-hero .hero-title { font-size: 38px; } }

.pmc-stats { background: #2A7BBF; border-top: 6px solid #F4C430;padding: 40px 0; }
.pmc-stats .stats-item { padding: 34px 20px; border-right: 1px solid rgba(255,255,255,.28); }
.pmc-stats .stats-val { font-size: 30px; font-weight: 800; letter-spacing: -.03em; color: #F4C430; line-height: 1; }
.pmc-stats .stats-lbl { margin-top: 9px; font-size: 12.5px; color: rgba(255,255,255,.85); line-height: 1.35; }

.bg-paper{ background:#ffffff; padding: 40px 0;}
.bg-paper .tl-box{ background:#ffffff; border:1px solid #e7edf4;
  border-radius:16px; box-shadow:0 10px 30px rgba(13,33,55,.06); overflow:hidden; }
.bg-paper .tl-head{ display:flex; align-items:center; gap:20px 28px; flex-wrap:wrap;
  padding:20px 24px; border-bottom:1px solid #e7edf4; }
.bg-paper .tl-scrub{ flex:1 1 340px; min-width:240px; }
.bg-paper .tl-scrub .top{ display:flex; justify-content:space-between; align-items:baseline; margin-bottom:8px; }
.bg-paper .tl-scrub .lbl{ font-size:.68rem; font-weight:700; letter-spacing:.12em;
  text-transform:uppercase; color:#7a8798; }
.bg-paper .tl-scrub .day{ font-size:.72rem; font-weight:700; letter-spacing:.08em; color:#1f6feb; }
.bg-paper #dayRange{ -webkit-appearance:none; appearance:none; width:100%; height:6px;
  border-radius:999px; background:#e7edf4; outline:none; cursor:pointer; }
.bg-paper #dayRange::-webkit-slider-thumb{ -webkit-appearance:none; appearance:none; width:18px; height:18px;
  border-radius:50%; background:#0d2137; border:3px solid #fff; box-shadow:0 1px 4px rgba(0,0,0,.25); }
.bg-paper #dayRange::-moz-range-thumb{ width:18px; height:18px; border-radius:50%;
  background:#0d2137; border:3px solid #fff; box-shadow:0 1px 4px rgba(0,0,0,.25); }
.bg-paper .tl-pct{ text-align:right; min-width:88px; }
.bg-paper .tl-pct .lbl{ font-size:.68rem; font-weight:700; letter-spacing:.12em;
  text-transform:uppercase; color:#7a8798; }
.bg-paper .tl-pct .num{ font-size:1.5rem; font-weight:800; color:#0d2137; line-height:1; }
.bg-paper #playBtn {
    cursor: pointer;
    font-family: Manrope, sans-serif;
    border: medium;
    background: rgb(14, 41, 66);
    color: rgb(255, 255, 255);
    padding: 12px 22px;
    border-radius: 999px;
    font-size: 13.5px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 9px;
}
.bg-paper #taskList{ list-style:none; margin:0; padding:0; }
.bg-paper .tl-item{ display:grid; grid-template-columns:64px 26px 1fr auto; align-items:center; gap:16px;
  padding:16px 24px; border-bottom:1px solid #e7edf4; transition:background .2s ease; }
.bg-paper .tl-item:last-child{ border-bottom:0; }
.bg-paper .tl-day{ font-size:.66rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:#9aa6b6; }
.bg-paper .tl-dot{ width:20px; height:20px; border-radius:50%; border:2px solid #cfd8e3; background:#fff; position:relative; }
.bg-paper .tl-title{ font-size:17px; font-weight:700; color:#0d2137; }
.bg-paper .tl-desc{ font-size:14px; color:#7a8798; margin-top:2px; line-height:1.5; }
.bg-paper .tl-badge{ font-size:.62rem; font-weight:700; letter-spacing:.09em; text-transform:uppercase;
  padding:5px 10px; border-radius:999px; background:#eef2f7; color:#8b98a9; white-space:nowrap; }
.bg-paper .tl-item.is-queued .tl-day, .tl-item.is-queued .tl-title{ color:#aab4c2; }
.bg-paper .tl-item.is-queued .tl-desc{ color:#c2cad6; }
.bg-paper .tl-item.is-progress{ background:#fdf7e6; }
.bg-paper .tl-item.is-progress .tl-dot{ border-color:#f0a500; background:#f0a500; }
.bg-paper .tl-item.is-progress .tl-dot::after{ content:""; position:absolute; inset:5px; border-radius:50%; background:#fff; }
.bg-paper .tl-item.is-progress .tl-badge{ background:#f7e3a8; color:#8a6a12; }
.bg-paper .tl-item.is-done .tl-dot{ border-color:#16a34a; background:#16a34a; }
.bg-paper .tl-item.is-done .tl-dot::after{ content:"\2713"; position:absolute; inset:0; display:flex;
  align-items:center; justify-content:center; color:#fff; font-size:.7rem; font-weight:700; }
.bg-paper .tl-item.is-done .tl-badge{ background:var(--green-bg); color:#16a34a; }
.bg-paper .tl-foot{ display:flex; flex-wrap:wrap; gap:12px 24px; align-items:center; justify-content:space-between;
  padding:18px 24px; border-top:1px solid #e7edf4; background:#fafcff; }
.tl-foot p{ margin:0; font-size:.9rem; color:var(--body); line-height:1.6; max-width:760px; }
.tl-foot strong{ color:#0d2137; }
.tl-foot a{ font-size:.9rem; font-weight:600; color:#1f6feb; white-space:nowrap; text-decoration:none; }
.tl-foot a:hover{ text-decoration:underline; }
@media (max-width:575.98px){
  .tl-pct{ text-align:left; }
  .bg-paper .tl-item{ grid-template-columns:22px 1fr; grid-auto-rows:auto; row-gap:2px; padding:14px 18px; }
  .bg-paper .tl-item .tl-day{ grid-column:2; order:-1; }
  .bg-paper .tl-item .tl-dot{ grid-row:2 / span 2; align-self:start; margin-top:2px; }
  .bg-paper .tl-item .tl-copy{ grid-column:2; }
  .bg-paper .tl-item .tl-badge{ grid-column:2; justify-self:start; margin-top:6px; }
}

/* =====================  2) OWNER-STATEMENT BUILDER  ================= */
.sec-bordered{padding: 40px 0;    background: #F4F7FA;}
.sec-bordered .part-list{ display:flex; flex-direction:column;gap: 14px; }
.sec-bordered .part{ display:flex; align-items:flex-start; gap:14px; width:100%; text-align:left;
  background:#fff; border:1.5px solid #e7edf4; border-radius:14px; padding:16px 18px;
  cursor:pointer; transition:all .15s ease; }
.sec-bordered .part:hover{ border-color:#cfd9e6; }
.sec-bordered .part.is-on{ background:var(--cream); border-color:var(--amber); }
.sec-bordered .part-box{ flex:0 0 auto; width:22px; height:22px; border-radius:6px; border:2px solid #c2ccd8;
  background:#fff; margin-top:2px; position:relative; transition:all .15s ease; }
.sec-bordered .part.is-on .part-box{ background:#1a5276; border-color:#1a5276; }
.sec-bordered .part.is-on .part-box::after{ content:"\2713"; position:absolute; inset:0; display:flex;
  align-items:center; justify-content:center; color:#fff; font-size:.8rem; font-weight:700; }
.sec-bordered .part-copy{ display:flex; flex-direction:column; }
.sec-bordered .part-title{ font-size:14px; font-weight:700; color:#0d2137; }
.sec-bordered .part-desc{ font-size:14px; color:#7a8798; margin-top:2px; line-height:1.45; }
.sec-bordered .reset-btn{ margin-top:18px; background:#fff; border:1.5px solid #e7edf4; color:var(--body);
  font-size:.86rem; font-weight:600; padding:9px 18px; border-radius:999px; cursor:pointer; transition:all .15s ease; }
.sec-bordered .reset-btn:hover{ border-color:#cfd9e6; background:#f8fafc; }

.sec-bordered .stmt{ background:var(--paper); border:1px solid #e7edf4; border-radius:16px;
  padding:26px 28px; box-shadow:0 14px 40px rgba(13,33,55,.06); }
.sec-bordered .stmt-head{ display:flex; justify-content:space-between; align-items:flex-start; gap:16px;
  padding-bottom:18px; border-bottom:2px solid var(--rule); }
.sec-bordered .stmt-head h3{ font-size:1.3rem; font-weight:800; color:#0d2137; margin:0; }
.sec-bordered .stmt-head p{ margin:6px 0 0; font-size:1.3rem; color:#7a8798;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; letter-spacing:.02em; }
.sec-bordered .stmt-pill{ flex:0 0 auto; font-size:.62rem; font-weight:700; letter-spacing:.09em; text-transform:uppercase;
  padding:6px 11px; border-radius:999px; background:var(--amber-bg); color:#8a6a12; white-space:nowrap; }
.sec-bordered .stmt-pill.is-empty{ background:#eef2f7; color:#8b98a9; }
.sec-bordered .stmt-pill.is-complete{ background:var(--green-bg); color:#16a34a; }
.sec-bordered .stmt-rows{ list-style:none; margin:0; padding:4px 0; min-height:150px; }
.sec-bordered .stmt-row{ display:flex; justify-content:space-between; align-items:flex-start; gap:16px;
  padding:16px 0; border-bottom:1px solid #e7edf4; animation:rowIn .25s ease; }
.sec-bordered .stmt-row:last-child{ border-bottom:0; }
@keyframes rowIn{ from{ opacity:0; transform:translateY(-4px);} to{ opacity:1; transform:none;} }
.sec-bordered .sr-title{ font-size:17px; font-weight:700; color:#0d2137; display:block; }
.sec-bordered .sr-sub{ font-size:14px; color:#7a8798; margin-top:3px; display:block; line-height:1.45; }
.sec-bordered .sr-amt{ font-size:1.7rem; font-weight:700; white-space:nowrap;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; }
.sec-bordered .sr-amt.pos{ color:#1f6feb; } .sr-amt.neg{ color:#0d2137; }
.sec-bordered .sr-amt.note{ color:#7a8798; font-weight:600; }
.sec-bordered .stmt-empty{ text-align:center; color:#7a8798; font-size:.9rem; padding:48px 0; }
.sec-bordered .stmt-net{ display:flex; justify-content:space-between; align-items:baseline; gap:16px;
  padding-top:20px; margin-top:6px; border-top:2px solid var(--rule); }
.sec-bordered .stmt-net .l{ font-size:1.8rem; font-weight:800; color:#044994; }
.sec-bordered .stmt-net .v{ font-size:1.7rem; font-weight:800; color:#0d2137;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; }
.sec-bordered .stmt-hint{ margin:16px 0 0; font-size:1.3rem; color:#7a8798; line-height:1.6; }
@media (max-width:575.98px){ .sec-bordered .stmt{ padding:22px 18px; } .sec-bordered .stmt-net .v{ font-size:1.45rem; } }

.pmc-problem{ font-family:'Poppins',sans-serif; background:#ffffff; color:#14213d; position:relative; overflow:hidden; }
.pmc-problem::before{ content:""; position:absolute; top:-80px; right:-60px; width:300px; height:300px; border-radius:50%;
  background:radial-gradient(circle, rgba(31,111,235,.08), transparent 70%); pointer-events:none; }
.pmc-problem .container{ position:relative; z-index:2; }

.pmc-problem .pm-lead a{ color:#1f6feb; text-decoration:none; }
.pmc-problem .pm-lead a:hover{ text-decoration:underline; }

.pmc-problem .pm-timeline{ max-width:820px; margin:0 auto; position:relative; }
.pmc-problem .pm-timeline::before{ content:""; position:absolute; left:27px; top:12px; bottom:12px; width:2px;
  background:linear-gradient(#1f6feb, #cddffb); }

.pmc-problem .pm-step{ position:relative; padding-left:80px; padding-bottom:34px; }
.pmc-problem .pm-step:last-child{ padding-bottom:0; }
.pmc-problem .pm-node{ position:absolute; left:0; top:0; width:56px; height:56px; border-radius:50%;
  background:#fff; border:2px solid #1f6feb; color:#1f6feb; font-weight:800; font-size:1.05rem;
  display:flex; align-items:center; justify-content:center; box-shadow:0 6px 16px rgba(31,111,235,.18); z-index:2; }
.pmc-problem .pm-card{ background:#f7faff; border:1px solid #e7edf5; border-radius:16px; padding:22px 24px;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.pmc-problem .pm-card:hover{ transform:translateX(6px); border-color:#c9dbf7; box-shadow:0 18px 40px rgba(20,33,61,.09); }
.pmc-problem .pm-head{ display:flex; align-items:center; gap:12px; margin-bottom:10px; }
.pmc-problem .pm-ico{ width:42px; height:42px; border-radius:11px; flex:0 0 42px;
  display:flex; align-items:center; justify-content:center; }
.pmc-problem .pm-ico svg{ width:22px; height:22px; }
.pmc-problem .pm-card h5{ font-size:1.9rem; font-weight:700; color:#14213d; margin:0; }
.pmc-problem .pm-card p{ color: #222830;
    font-size: 1.3rem;
    line-height: 1.7;
    margin: 0; }
.pmc-problem .pm-card p a{ color:#1f6feb; text-decoration:none; }
.pmc-problem .pm-card p a:hover{ text-decoration:underline; }
.pmc-problem .t-blue{ background:#e8f0fe; color:#1f6feb; }
.pmc-problem .t-green{ background:#e5f5ea; color:#2f9e44; }
.pmc-problem .t-amber{ background:#fdf3e0; color:#e0921a; }
.pmc-problem .t-violet{ background:#eee9fc; color:#6d4bd8; }
.pmc-problem .t-teal{ background:#e2f4f3; color:#159a94; }

@media (max-width:575.98px){
  .pmc-problem .pm-timeline::before{ left:22px; }
  .pmc-problem .pm-step{ padding-left:62px; }
  .pmc-problem .pm-node{ width:46px; height:46px; font-size:.95rem; }
  .pmc-problem .pm-head{ flex-wrap:wrap; }
}


.pmc-engagement { background: #fff; border-top: 1px solid rgba(14,41,66,.09);padding: 40px 0; }
.pmc-engagement .eng-title { font-size: 46px; line-height: 1.06; letter-spacing: -.032em; font-weight: 800; text-wrap: balance; }
.pmc-engagement .eng-btn { background: #F4C430; color: #0E2942; padding: 16px 28px; font-size: 15.5px; font-weight: 700; transition: background .15s; }
.pmc-engagement .eng-btn:hover { background: #F7D468; color: #0E2942; }
.pmc-engagement .eng-card { position: relative; background: #F4F7FA; border: 1px solid rgba(14,41,66,.11); border-radius: 16px; padding: 30px 28px 32px; overflow: hidden; transition: .2s; }
.pmc-engagement .eng-card::before { content: ""; position: absolute; top: 0; left: 28px; width: 42px; height: 4px; border-radius: 0 0 4px 4px; background: #F4C430; }
.pmc-engagement .eng-card:hover { border-color: #0E2942; transform: translateY(-3px); }
.pmc-engagement .eng-card h3 { font-size: 20px; font-weight: 700; letter-spacing: -.02em; line-height: 1.25; }
.pmc-engagement .eng-card p { margin-top: 12px; font-size: 15px; line-height: 1.65; color: rgba(14,41,66,.7); }
.pmc-engagement .eng-card-dark { background: #0E2942; border-color: #0E2942; color: #fff; }
.pmc-engagement .eng-card-dark p { color: rgba(255,255,255,.88); }
@media (max-width: 720px) { .pmc-engagement .eng-title { font-size: 30px; letter-spacing: -.025em; } }

.pmc-trust-recon { background: #2A7BBF; color: #fff;padding: 40px 0; }
.pmc-trust-recon .trust-eyebrow { font-size: 11.5px; letter-spacing: .14em; text-transform: uppercase; }
.pmc-trust-recon .trust-title { font-size: 44px; line-height: 1.07; letter-spacing: -.032em; font-weight: 800; text-wrap: balance; }
.pmc-trust-recon .trust-lead { font-size: 16.5px; line-height: 1.6; }
.pmc-trust-recon .trust-lead strong { color: #F4C430; }
.pmc-trust-recon .trust-box { background: #0E2942; border: 1px solid rgba(255,255,255,.13); border-radius: 20px; padding: 34px; }
.pmc-trust-recon .trust-intro { font-size: 16px; line-height: 1.65; color: rgba(255,255,255,.92); max-width: 86ch; }
.pmc-trust-recon .trust-intro a { color: #F4C430; font-weight: 700; border-bottom: 1px solid rgba(244,196,48,.45); }
.pmc-trust-recon .trust-intro a:hover { color: #F7D468; }
.pmc-trust-recon .trust-label { font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.85); }
.pmc-trust-recon .trust-leg { background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.16); border-radius: 16px; padding: 24px; }
.pmc-trust-recon .trust-leg-third { background: rgba(244,196,48,.1); border-color: rgba(244,196,48,.45); }
.pmc-trust-recon .trust-leg-no { width: 30px; height: 30px; font-size: 12px; font-weight: 700; background: #F4C430; color: #0E2942; }
.pmc-trust-recon .trust-leg-tag { font-size: 10.5px; letter-spacing: .08em; padding: 4px 10px; background: rgba(244,196,48,.2); }
.pmc-trust-recon .trust-leg h3 { margin-top: 16px; font-size: 18px; font-weight: 700; letter-spacing: -.02em; line-height: 1.3; }
.pmc-trust-recon .trust-leg p { margin-top: 8px; font-size: 14px; line-height: 1.55; color: rgba(255,255,255,.85); }
.pmc-trust-recon .trust-equals { font-size: 22px; font-weight: 800; color: #F4C430; }
.pmc-trust-recon .trust-catch { background: #0A1F33; border-left: 4px solid #F4C430; border-radius: 12px; padding: 20px 24px; font-size: 15.5px; line-height: 1.6; }
.pmc-trust-recon .trust-how { background: #0E2942; border: 1px solid rgba(255,255,255,.13); border-radius: 20px; padding: 30px; }
.pmc-trust-recon .trust-how h3, .pmc-trust-recon .trust-risk h3 { font-size: 22px; font-weight: 800; letter-spacing: -.02em; }
.pmc-trust-recon .trust-how li { gap: 12px; padding: 13px 0; border-bottom: 1px solid rgba(255,255,255,.08); font-size: 14.5px; line-height: 1.5; color: rgba(255,255,255,.92); }
.pmc-trust-recon .trust-how li:last-child { border-bottom: 0; padding-bottom: 0; }
.pmc-trust-recon .trust-how li b { width: 22px; height: 22px; font-size: 12px; background: #1D6497; color: #fff; }
.pmc-trust-recon .trust-risk { background: #0E2942; border: 1px solid rgba(244,196,48,.4); border-radius: 20px; padding: 30px; }
.pmc-trust-recon .trust-risk-tag { font-size: 10.5px; letter-spacing: .1em; padding: 5px 12px; background: rgba(244,196,48,.22); }
.pmc-trust-recon .trust-risk p { font-size: 15.5px; line-height: 1.65; color: rgba(255,255,255,.92); }
.pmc-trust-recon .trust-risk .trust-risk-end { color: #F4C430; font-weight: 700; }
@media (max-width: 991.98px) { .pmc-trust-recon .trust-equals { transform: rotate(90deg); } }
@media (max-width: 720px) {
  .pmc-trust-recon .trust-title { font-size: 30px; letter-spacing: -.025em; }
  .pmc-trust-recon .trust-box, .pmc-trust-recon .trust-how, .pmc-trust-recon .trust-risk { padding: 24px; }
}

.pmc-services { background: #F4F7FA;padding: 40px 0; }
.pmc-services .svc-grid { border-top: 1px solid rgba(14,41,66,.12); border-left: 1px solid rgba(14,41,66,.12); border-radius: 18px; overflow: hidden; }
.pmc-services .svc-item { background: #fff; padding: 30px 28px 32px; border-right: 1px solid rgba(14,41,66,.12); border-bottom: 1px solid rgba(14,41,66,.12); transition: .2s; }
.pmc-services .svc-item:hover h3{
	color:#fff;
}
.pmc-services .svc-item:hover { background: #0E2942; color: #fff; }
.pmc-services .svc-no { font-size: 11px; color: rgba(14,41,66,.4); gap: 10px; }
.pmc-services .svc-no::after { content: ""; flex: 1; height: 1px; background: rgba(14,41,66,.14); }
.pmc-services .svc-item h3 { margin-top: 16px; font-size: 19px; font-weight: 700; letter-spacing: -.02em; line-height: 1.25; }
.pmc-services .svc-item p { margin-top: 10px; font-size: 14.5px; line-height: 1.6; color: rgba(14,41,66,.66); }
.pmc-services .svc-item:hover p { color: rgba(255,255,255,.75); }

.pmc-platforms { background: #2A7BBF; color: #fff;padding: 40px 0; }
.pmc-platforms .pf-tabs { gap: 9px; }
.pmc-platforms .pf-tab { padding: 11px 19px; font-size: 14px; font-weight: 600; border: 1px solid rgba(255,255,255,.38); background: #0E2942; color: #fff; }
.pmc-platforms .pf-tab.active { border-color: #F4C430; background: #F4C430; color: #0E2942; }
.pmc-platforms .pf-panel { background: #0A1F33; border: 1px solid rgba(255,255,255,.12); border-radius: 20px; overflow: hidden; }
.pmc-platforms .pf-bar { padding: 16px 26px; border-bottom: 1px solid rgba(255,255,255,.09); gap: 12px; font-size: 11.5px; color: rgba(255,255,255,.85); }
.pmc-platforms .pf-bar-dot { width: 8px; height: 8px; background: #F4C430; }
.pmc-platforms .pf-depth { padding: 4px 11px; background: rgba(244,196,48,.14); color: #F4C430; letter-spacing: .07em; }
.pmc-platforms .pf-depth.cap { background: rgba(244,196,48,.16); color: #F7D468; }
.pmc-platforms .pf-body { padding: 34px; }
.pmc-platforms .pf-name { font-size: 26px; font-weight: 800; letter-spacing: -.025em; line-height: 1.15; }
.pmc-platforms .pf-desc { margin-top: 14px; font-size: 15.5px; line-height: 1.62; }
.pmc-platforms .pf-link { margin-top: 20px; font-size: 14.5px; font-weight: 700; color: #F4C430; }
.pmc-platforms .pf-point { gap: 10px; margin-bottom: 11px; font-size: 14px; line-height: 1.45; color: rgba(255,255,255,.92); }
@media (max-width: 720px) { .pmc-platforms .pf-body { padding: 24px; } }

.pmc-why { background: #fff;padding: 40px 0; }
.pmc-why .why-title { max-width: 22ch; }
.pmc-why .why-grid { border-top: 1px solid rgba(14,41,66,.12); border-left: 1px solid rgba(14,41,66,.12); }
.pmc-why .why-item { padding: 34px 32px 36px; border-right: 1px solid rgba(14,41,66,.12); border-bottom: 1px solid rgba(14,41,66,.12); }
.pmc-why .why-tag { font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: #1D6497; }
.pmc-why .why-item h3 { margin-top: 14px; font-size: 23px; font-weight: 700; letter-spacing: -.022em; }
.pmc-why .why-item p { margin-top: 12px; font-size: 15px; line-height: 1.62; color: rgba(14,41,66,.68); }
.pmc-why .why-foot { max-width: 78ch; font-size: 17px; line-height: 1.62; color: rgba(14,41,66,.72); }

.pmc-process { background: #F4F7FA; border-top: 1px solid rgba(14,41,66,.09);padding: 40px 0; }
.pmc-process .proc-card { background: #fff; border: 1px solid rgba(14,41,66,.11); border-radius: 16px; padding: 28px 26px 30px; transition: .2s; }
.pmc-process .proc-card:hover { border-color: #0E2942; transform: translateY(-3px); }
.pmc-process .proc-no { font-size: 11px; letter-spacing: .12em; color: #1D6497; }
.pmc-process .proc-card h3 { margin-top: 14px; font-size: 19.5px; font-weight: 700; letter-spacing: -.02em; line-height: 1.25; }
.pmc-process .proc-card p { margin-top: 11px; font-size: 14.5px; line-height: 1.6; color: rgba(14,41,66,.66); }

.pmc-proof { background: #2A7BBF; color: #fff;padding: 40px 0; }
.pmc-proof .proof-title { max-width: 24ch; }
.pmc-proof .proof-card { background: #0E2942; border: 1px solid rgba(255,255,255,.13); border-radius: 20px; padding: 34px; }
.pmc-proof .proof-card-gold { border-color: rgba(244,196,48,.32); }
.pmc-proof .proof-tag { font-size: 10.5px; letter-spacing: .1em; padding: 5px 12px; background: rgba(244,196,48,.2); }
.pmc-proof .proof-tag-plain { background: rgba(255,255,255,.08); }
.pmc-proof .proof-card h3 { margin-top: 18px; font-size: 24px; font-weight: 800; letter-spacing: -.025em; line-height: 1.18; }
.pmc-proof .proof-card-main h3 { font-size: 27px; }
.pmc-proof .proof-card p { margin-top: 14px; font-size: 15px; line-height: 1.65; color: rgba(255,255,255,.92); }
.pmc-proof .proof-quote { background: #0A1F33; border: 1px solid rgba(255,255,255,.1); border-radius: 16px; padding: 28px; font-size: 16px; line-height: 1.62; }
.pmc-proof .proof-quote figcaption { margin-top: 20px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.1); font-size: 13.5px; color: rgba(255,255,255,.85); }
.pmc-proof .proof-quote-sm { margin-top: 20px; padding: 18px 20px; background: #0A1F33; border-radius: 13px; font-size: 14.5px; line-height: 1.6; }
.pmc-proof .proof-quote-sm span { display: block; margin-top: 12px; font-size: 13px; color: rgba(255,255,255,.85); }
.pmc-proof .proof-retention { padding: 30px 34px; background: #0A1F33; border: 1px solid rgba(255,255,255,.1); border-radius: 18px; gap: 28px; }
.pmc-proof .proof-retention p { flex: 1; min-width: 280px; font-size: 16px; line-height: 1.6; color: rgba(255,255,255,.92); }
.pmc-proof .proof-btn-main, .pmc-proof .proof-btn-ghost { padding: 13px 22px; font-size: 14px; }
@media (max-width: 720px) { .pmc-proof .proof-card { padding: 24px; } }

.pmc-vendor-review { background: #fff; border-top: 1px solid rgba(14,41,66,.09);padding: 40px 0; }
.pmc-vendor-review .vend-title { font-size: 44px; line-height: 1.07; letter-spacing: -.032em; font-weight: 800; text-wrap: balance; }
.pmc-vendor-review .vend-lead strong { color: #0E2942; }
.pmc-vendor-review li{
list-style:none;
} 
.pmc-vendor-review .vend-card { background: #F4F7FA; border: 1px solid rgba(14,41,66,.11); border-radius: 16px; padding: 28px 26px 30px; transition: .2s; }
.pmc-vendor-review .vend-card:hover { border-color: #0E2942; transform: translateY(-3px); }
.pmc-vendor-review .vend-check { width: 34px; height: 34px; font-size: 15px; font-weight: 800; background: #1D6497; color: #fff; }
.pmc-vendor-review .vend-card-first { background: rgba(244,196,48,.12); border-color: rgba(244,196,48,.55); }
.pmc-vendor-review .vend-card-first .vend-check { background: #F4C430; color: #0E2942; }
.pmc-vendor-review .vend-card h3 { margin-top: 18px; font-size: 19px; font-weight: 700; letter-spacing: -.02em; line-height: 1.25; }
.pmc-vendor-review .vend-card p { margin-top: 10px; font-size: 14.5px; line-height: 1.6; color: rgba(14,41,66,.68); }
.pmc-vendor-review .vend-foot { background: #0E2942; color: #fff; border-radius: 18px; padding: 30px 34px; gap: 24px; }
.pmc-vendor-review .vend-foot-icon { width: 46px; height: 46px; font-size: 20px; font-weight: 800; background: #F4C430; color: #0E2942; }
.pmc-vendor-review .vend-foot p { flex: 1; min-width: 260px; font-size: 16px; line-height: 1.65; color: rgba(255,255,255,.92); }
.pmc-vendor-review .vend-foot strong { color: #fff; }
.pmc-vendor-review .vend-foot a { color: #F4C430; font-weight: 700; border-bottom: 1px solid rgba(244,196,48,.45); }
.pmc-vendor-review .vend-foot a:hover { color: #F7D468; }
@media (max-width: 720px) {
  .pmc-vendor-review .vend-title { font-size: 30px; letter-spacing: -.025em; }
  .pmc-vendor-review .vend-foot { padding: 24px; }
}

.pmc-faq { background: #F4F7FA;padding: 40px 0; }
.pmc-faq .faq-side { position: sticky; top: 96px; }
.pmc-faq .faq-title { font-size: 42px; }
.pmc-faq .faq-side p { font-size: 15.5px; line-height: 1.62; color: rgba(14,41,66,.68); }
.pmc-faq .faq-btn { padding: 14px 24px; font-size: 14.5px; }
.pmc-faq .faq-list { border-top: 1px solid rgba(14,41,66,.16); }
.pmc-faq .faq-item { border-bottom: 1px solid rgba(14,41,66,.16); }
.pmc-faq .faq-q { background: none; border: 0; padding: 24px 0; gap: 18px; font-size: 19px; font-weight: 700; letter-spacing: -.02em; line-height: 1.35; color: #1D6497; }
.pmc-faq .faq-ic { width: 28px; height: 28px; font-size: 17px; background: #0E2942; color: #fff; }
.pmc-faq .faq-ic::before { content: "–"; }
.pmc-faq .faq-q.collapsed { color: #0E2942; }
.pmc-faq .faq-q.collapsed .faq-ic { background: rgba(14,41,66,.07); color: #0E2942; }
.pmc-faq .faq-q.collapsed .faq-ic::before { content: "+"; }
.pmc-faq .faq-a { padding: 0 46px 26px 0; font-size: 15.5px; line-height: 1.68; color: rgba(14,41,66,.72); animation: pmcRise .26s ease both; }
@media (max-width: 991.98px) { .pmc-faq .faq-side { position: static; } }
	


/* ===== CP COMPANY PROFILE REDESIGN (/company-profiles/) - sirf .cp-* classes, baaki pages par asar nahi ===== */
.cp-hero{--cp-navy:#1F7CBD;--cp-navy-2:#2593e2;--cp-brand:#1A5276;--cp-blue:#1A71BD;--cp-sky:#E3F2FD;--cp-pale:#F3F8FD;--cp-line:#DCE8F3;--cp-ink:#1B1D21;--cp-text:#3E444A;--cp-muted:#5A6168;--cp-accent:#FFC72C;--cp-accent-2:#FFD45A;--cp-good:#1F9D55;--cp-font:'Poppins','Segoe UI',system-ui,sans-serif;font-family:var(--cp-font);color:#fff;font-size:16px;line-height:1.65;background:var(--cp-navy);position:relative}
.cp-hero h1,.cp-hero h2,.cp-hero h3,.cp-hero h4{font-family:var(--cp-font);color:var(--cp-ink);text-wrap:balance}
.cp-hero :focus-visible{outline:3px solid var(--cp-accent);outline-offset:2px}
.cp-hero{overflow:hidden}
.cp-hero .btn{font-weight:600;border-radius:10px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.cp-hero .btn:hover{transform:translateY(-2px)}
.cp-hero .cp-btn-y{background:var(--cp-accent);color:var(--cp-navy);font-weight:700;border:0}
.cp-hero .cp-btn-y:hover{background:var(--cp-accent-2);color:var(--cp-navy);box-shadow:0 10px 24px rgba(255,199,44,.35)}
.cp-hero .cp-btn-ghost{color:#fff;border:1.5px solid rgba(255,255,255,.4);background:transparent}
.cp-hero .cp-btn-ghost:hover{background:rgba(255,255,255,.12);color:#fff}
.cp-hero .btn .cp-arr{transition:transform .2s ease}
.cp-hero .btn:hover .cp-arr{transform:translateX(4px)}
.cp-hero .cp-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.08);pointer-events:none}
.cp-hero .cp-ring.cp-r1{right:-160px;top:-160px;width:560px;height:560px;animation:cp-hero-spin 60s linear infinite}
.cp-hero .cp-ring.cp-r2{right:-60px;top:-60px;width:360px;height:360px;border-style:dashed;animation:cp-hero-spin 40s linear infinite reverse}
.cp-hero .cp-pill{display:inline-flex;align-items:center;gap:8px;background:rgba(255,199,44,.14);color:var(--cp-accent);border:1px solid rgba(255,199,44,.35);padding:6px 14px;border-radius:999px;font-size:13px;font-weight:600}
.cp-hero h1{color:#fff;font-size:clamp(36px,4.8vw,58px);line-height:1.08;font-weight:800;letter-spacing:-.8px;margin:22px 0 18px}
.cp-hero h1 .cp-hl{color:var(--cp-accent);background:linear-gradient(var(--cp-accent),var(--cp-accent)) no-repeat 0 100%/0 4px;padding-bottom:4px;animation:cp-hero-underline 1.2s .6s ease forwards}
.cp-hero p.cp-intro{font-size:19px;color:#D6E4F1;max-width:560px}
.cp-hero .cp-glance{background:#fff;color:var(--cp-ink);border-radius:18px;padding:26px;box-shadow:0 30px 60px rgba(0,0,0,.35);animation:cp-hero-float 6s ease-in-out infinite}
.cp-hero .cp-glance-eyebrow{font-size:12px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--cp-muted);margin-bottom:14px}
.cp-hero .cp-glance-row{display:flex;align-items:center;gap:14px;padding:14px;border-radius:12px;background:var(--cp-pale);margin-bottom:10px;color:var(--cp-ink);text-decoration:none;border:1px solid transparent;transition:all .2s ease}
.cp-hero .cp-glance-row:hover{border-color:var(--cp-blue);background:#EAF3FC;color:var(--cp-ink);text-decoration:none;transform:translateX(4px)}
.cp-hero .cp-glance-num{width:46px;height:46px;flex:0 0 46px;border-radius:12px;background:var(--cp-brand);color:var(--cp-accent);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px}
.cp-hero .cp-glance-row b{display:block;font-size:15px}
.cp-hero .cp-glance-row small{display:block;color:var(--cp-muted);font-size:12.5px}
.cp-hero .cp-glance-row .cp-glance-go{margin-left:auto;color:var(--cp-blue);transition:transform .2s}
.cp-hero .cp-glance-row:hover .cp-glance-go{transform:translateX(3px)}
.cp-hero .cp-glance-foot{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;padding-top:14px;border-top:1px dashed #D5E2EE}
.cp-hero .cp-glance-foot span{font-size:12px;font-weight:600;background:var(--cp-sky);color:var(--cp-brand);padding:5px 10px;border-radius:999px}
@keyframes cp-hero-spin{to{transform:rotate(360deg)}}
@keyframes cp-hero-underline{to{background-size:100% 4px}}
@keyframes cp-hero-float{50%{transform:translateY(-8px)}}
@media (prefers-reduced-motion:reduce){.cp-hero *,.cp-hero *::before,.cp-hero *::after{animation:none !important;transition:none !important}.cp-hero.cp-reveal-on .cp-rv{opacity:1;transform:none}.cp-hero .cp-hl{background-size:100% 4px}}

/* ================= MISSION (.cp-mission) ================= */
.cp-mission{--cp-navy:#165DD9;--cp-navy-2:#0945ab;--cp-brand:#1A5276;--cp-blue:#1A71BD;--cp-sky:#E3F2FD;--cp-pale:#F3F8FD;--cp-line:#DCE8F3;--cp-ink:#1B1D21;--cp-text:#3E444A;--cp-muted:#5A6168;--cp-accent:#FFC72C;--cp-accent-2:#FFD45A;--cp-good:#1F9D55;--cp-font:'Poppins','Segoe UI',system-ui,sans-serif;font-family:var(--cp-font);color:var(--cp-text);font-size:16px;line-height:1.65;background:#fff;position:relative}
.cp-mission{padding-block:96px}
@media (max-width:767.98px){.cp-mission{padding-block:64px}}
.cp-mission h1,.cp-mission h2,.cp-mission h3,.cp-mission h4{font-family:var(--cp-font);color:var(--cp-ink);text-wrap:balance}
.cp-mission :focus-visible{outline:3px solid var(--cp-accent);outline-offset:2px}
.cp-mission .cp-eyebrow{font-size:13px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--cp-blue);margin-bottom:12px}
.cp-mission .cp-h2{font-size:clamp(28px,3vw,38px);line-height:1.2;font-weight:700;margin-bottom:16px}
.cp-mission .cp-lead{font-size:17px}
.cp-mission .btn{font-weight:600;border-radius:10px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.cp-mission .btn:hover{transform:translateY(-2px)}
.cp-mission .cp-btn-b{background:var(--cp-brand);color:#fff;border:0}
.cp-mission .cp-btn-b:hover{background:var(--cp-navy);color:#fff;box-shadow:0 10px 24px rgba(11,46,74,.25)}
.cp-mission .btn .cp-arr{transition:transform .2s ease}
.cp-mission .btn:hover .cp-arr{transform:translateX(4px)}
.cp-mission .cp-img{position:relative;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#DCEBF8,#F3F8FD);box-shadow:0 24px 50px rgba(11,46,74,.14)}
.cp-mission .cp-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.cp-mission .cp-img:hover img{transform:scale(1.04)}
.cp-mission .cp-img.cp-img-contain img{object-fit:contain;padding:24px}
.cp-mission .cp-quote{position:relative;margin:28px 0 0;padding:22px 24px 22px 70px;border-radius:16px;background:var(--cp-navy);color:#D6E4F1;font-size:16px}
.cp-mission .cp-quote .cp-quote-ic{position:absolute;left:20px;top:18px;width:36px;height:36px;border-radius:10px;background:var(--cp-accent);display:flex;align-items:center;justify-content:center}
.cp-mission .cp-quote strong{color:#fff}
.cp-mission.cp-reveal-on .cp-rv{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}
.cp-mission.cp-reveal-on .cp-rv.cp-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.cp-mission *,.cp-mission *::before,.cp-mission *::after{animation:none !important;transition:none !important}.cp-mission.cp-reveal-on .cp-rv{opacity:1;transform:none}}

/* ================= WHAT SETS US APART (.cp-apart) ================= */
.cp-apart{--cp-navy:#165DD9;--cp-navy-2:#0945ab;--cp-brand:#1A5276;--cp-blue:#1A71BD;--cp-sky:#E3F2FD;--cp-pale:#F3F8FD;--cp-line:#DCE8F3;--cp-ink:#1B1D21;--cp-text:#3E444A;--cp-muted:#5A6168;--cp-accent:#FFC72C;--cp-accent-2:#FFD45A;--cp-good:#1F9D55;--cp-font:'Poppins','Segoe UI',system-ui,sans-serif;font-family:var(--cp-font);color:var(--cp-text);font-size:16px;line-height:1.65;background:var(--cp-pale);position:relative}
.cp-apart{padding-block:96px}
@media (max-width:767.98px){.cp-apart{padding-block:64px}}
.cp-apart h1,.cp-apart h2,.cp-apart h3,.cp-apart h4{font-family:var(--cp-font);color:var(--cp-ink);text-wrap:balance}
.cp-apart :focus-visible{outline:3px solid var(--cp-accent);outline-offset:2px}
.cp-apart .cp-eyebrow{font-size:13px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--cp-blue);margin-bottom:12px}
.cp-apart .cp-h2{font-size:clamp(28px,3vw,38px);line-height:1.2;font-weight:700;margin-bottom:16px}
.cp-apart .cp-lead{font-size:17px}
.cp-apart .cp-img{position:relative;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#DCEBF8,#F3F8FD);box-shadow:0 24px 50px rgba(11,46,74,.14)}
.cp-apart .cp-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.cp-apart .cp-img:hover img{transform:scale(1.04)}
.cp-apart .cp-cert{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid var(--cp-line);border-radius:18px;padding:18px 22px;margin-bottom:28px}
.cp-apart .cp-cert .cp-img{width:96px;height:96px;flex:0 0 96px;border-radius:14px;box-shadow:none}
.cp-apart .cp-cert .cp-img img{padding:8px;object-fit:contain}
.cp-apart .cp-apart-nav .nav-link{display:flex;align-items:center;gap:14px;border-radius:14px;padding:16px 18px;color:var(--cp-ink);font-weight:600;border:1px solid var(--cp-line);margin-bottom:12px;background:#fff;transition:all .25s ease}
.cp-apart .cp-apart-nav .nav-link:hover{border-color:var(--cp-blue);transform:translateX(4px)}
.cp-apart .cp-apart-nav .nav-link.active{background:var(--cp-brand);color:#fff;border-color:var(--cp-brand);box-shadow:0 12px 26px rgba(26,82,118,.25)}
.cp-apart .cp-apart-nav .cp-tab-ic{width:42px;height:42px;flex:0 0 42px;border-radius:10px;background:var(--cp-sky);display:flex;align-items:center;justify-content:center;transition:background .25s}
.cp-apart .cp-apart-nav .nav-link.active .cp-tab-ic{background:rgba(255,199,44,.18)}
.cp-apart .cp-apart-nav .nav-link.active .cp-tab-ic svg{stroke:var(--cp-accent)}
.cp-apart .cp-apart-pane{background:#fff;border:1px solid var(--cp-line);border-radius:20px;padding:36px;height:100%}
.cp-apart .cp-apart-pane .cp-big-ic{width:64px;height:64px;border-radius:16px;background:var(--cp-brand);display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.cp-apart .cp-apart-pane h3{font-size:24px;font-weight:700;margin-bottom:12px}
.cp-apart .cp-apart-pane p{font-size:16.5px;margin:0}
.cp-apart .tab-pane.fade{transition:opacity .35s ease,transform .35s ease;transform:translateY(8px)}
.cp-apart .tab-pane.fade.show{transform:none}
.cp-apart.cp-reveal-on .cp-rv{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}
.cp-apart.cp-reveal-on .cp-rv.cp-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.cp-apart *,.cp-apart *::before,.cp-apart *::after{animation:none !important;transition:none !important}.cp-apart.cp-reveal-on .cp-rv{opacity:1;transform:none}}

/* ================= HOW WE CAN HELP (.cp-services) ================= */
.cp-services{--cp-navy:#1a5276;--cp-navy-2:#0945ab;--cp-brand:#1A5276;--cp-blue:#1A71BD;--cp-sky:#E3F2FD;--cp-pale:#F3F8FD;--cp-line:#DCE8F3;--cp-ink:#1B1D21;--cp-text:#3E444A;--cp-muted:#5A6168;--cp-accent:#FFC72C;--cp-accent-2:#FFD45A;--cp-good:#1F9D55;--cp-font:'Poppins','Segoe UI',system-ui,sans-serif;font-family:var(--cp-font);color:var(--cp-text);font-size:16px;line-height:1.65;background:#fff;position:relative}
.cp-services{padding-block:96px}
@media (max-width:767.98px){.cp-services{padding-block:64px}}
.cp-services h1,.cp-services h2,.cp-services h3,.cp-services h4{font-family:var(--cp-font);color:var(--cp-ink);text-wrap:balance}
.cp-services :focus-visible{outline:3px solid var(--cp-accent);outline-offset:2px}
.cp-services .cp-eyebrow{font-size:13px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--cp-blue);margin-bottom:12px}
.cp-services .cp-h2{font-size:clamp(28px,3vw,38px);line-height:1.2;font-weight:700;margin-bottom:16px}
.cp-services .cp-lead{font-size:17px}
.cp-services .btn{font-weight:600;border-radius:10px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.cp-services .btn:hover{transform:translateY(-2px)}
.cp-services .cp-btn-y{background:var(--cp-accent);color:var(--cp-navy);font-weight:700;border:0}
.cp-services .cp-btn-y:hover{background:var(--cp-accent-2);color:var(--cp-navy);box-shadow:0 10px 24px rgba(255,199,44,.35)}
.cp-services .cp-btn-ghost{color:#fff;border:1.5px solid rgba(255,255,255,.4);background:transparent}
.cp-services .cp-btn-ghost:hover{background:rgba(255,255,255,.12);color:#fff}
.cp-services .btn .cp-arr{transition:transform .2s ease}
.cp-services .btn:hover .cp-arr{transform:translateX(4px)}
.cp-services .cp-img{position:relative;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#DCEBF8,#F3F8FD);box-shadow:0 24px 50px rgba(11,46,74,.14)}
.cp-services .cp-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.cp-services .cp-img:hover img{transform:scale(1.04)}
.cp-services .cp-img-tag{position:absolute;left:16px;bottom:16px;background:rgba(11,46,74,.88);color:#fff;font-size:13px;font-weight:600;padding:8px 14px;border-radius:10px;backdrop-filter:blur(4px)}
.cp-services .cp-img-tag b{color:var(--cp-accent)}
.cp-services .cp-svc-tile{position:relative;display:flex;align-items:center;gap:12px;width:100%;height:100%;text-align:left;background:#fff;border:1.5px solid var(--cp-line);border-radius:14px;padding:16px;font-size:15px;font-weight:600;color:var(--cp-ink);cursor:pointer;transition:all .22s ease}
.cp-services .cp-svc-tile:hover{border-color:var(--cp-blue);transform:translateY(-3px);box-shadow:0 12px 26px rgba(11,46,74,.08)}
.cp-services .cp-svc-ic{width:38px;height:38px;flex:0 0 38px;border-radius:10px;background:var(--cp-sky);display:flex;align-items:center;justify-content:center;transition:background .2s}
.cp-services .cp-svc-tick{margin-left:auto;width:22px;height:22px;flex:0 0 22px;border-radius:6px;border:2px solid #B9CCDD;display:flex;align-items:center;justify-content:center;transition:all .2s}
.cp-services .cp-svc-tick svg{opacity:0;transform:scale(.4);transition:all .2s}
.cp-services .cp-svc-tile[aria-pressed="true"]{border-color:var(--cp-brand);background:#EEF5FC}
.cp-services .cp-svc-tile[aria-pressed="true"] .cp-svc-ic{background:var(--cp-brand)}
.cp-services .cp-svc-tile[aria-pressed="true"] .cp-svc-ic svg{stroke:var(--cp-accent)}
.cp-services .cp-svc-tile[aria-pressed="true"] .cp-svc-tick{background:var(--cp-good);border-color:var(--cp-good)}
.cp-services .cp-svc-tile[aria-pressed="true"] .cp-svc-tick svg{opacity:1;transform:none}
.cp-services .cp-svc-bar{position:sticky;bottom:16px;z-index:5;margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;background:var(--cp-navy);color:#D6E4F1;border-radius:16px;padding:16px 20px;box-shadow:0 18px 40px rgba(11,46,74,.25)}
.cp-services .cp-svc-bar b{color:#fff}
.cp-services .cp-svc-count{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 8px;border-radius:10px;background:var(--cp-accent);color:var(--cp-navy);font-weight:800;margin-right:10px;transition:transform .25s cubic-bezier(.3,1.6,.5,1)}
.cp-services .cp-svc-count.cp-bump{transform:scale(1.2)}
.cp-services .cp-svc-reset{background:transparent;border:0;color:#9FC0DD;font-size:13px;font-weight:600;text-decoration:underline;cursor:pointer;min-height:36px}
.cp-services.cp-reveal-on .cp-rv{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}
.cp-services.cp-reveal-on .cp-rv.cp-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.cp-services *,.cp-services *::before,.cp-services *::after{animation:none !important;transition:none !important}.cp-services.cp-reveal-on .cp-rv{opacity:1;transform:none}}

/* ================= CORE AREAS OF EXPERTISE (.cp-expertise) ================= */
.cp-expertise{--cp-navy:#165DD9;--cp-navy-2:#0945ab;--cp-brand:#1A5276;--cp-blue:#1A71BD;--cp-sky:#E3F2FD;--cp-pale:#F3F8FD;--cp-line:#DCE8F3;--cp-ink:#1B1D21;--cp-text:#3E444A;--cp-muted:#5A6168;--cp-accent:#FFC72C;--cp-accent-2:#FFD45A;--cp-good:#1F9D55;--cp-font:'Poppins','Segoe UI',system-ui,sans-serif;font-family:var(--cp-font);color:var(--cp-text);font-size:16px;line-height:1.65;background:var(--cp-pale);position:relative}
.cp-expertise{padding-block:96px}
@media (max-width:767.98px){.cp-expertise{padding-block:64px}}
.cp-expertise h1,.cp-expertise h2,.cp-expertise h3,.cp-expertise h4{font-family:var(--cp-font);color:var(--cp-ink);text-wrap:balance}
.cp-expertise :focus-visible{outline:3px solid var(--cp-accent);outline-offset:2px}
.cp-expertise .cp-eyebrow{font-size:13px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--cp-blue);margin-bottom:12px}
.cp-expertise .cp-h2{font-size:clamp(28px,3vw,38px);line-height:1.2;font-weight:700;margin-bottom:16px}
.cp-expertise .cp-lead{font-size:17px}
.cp-expertise .cp-img{position:relative;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#DCEBF8,#F3F8FD);box-shadow:0 24px 50px rgba(11,46,74,.14)}
.cp-expertise .cp-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.cp-expertise .cp-img:hover img{transform:scale(1.04)}
.cp-expertise .cp-img-tag{position:absolute;left:16px;bottom:16px;background:rgba(11,46,74,.88);color:#fff;font-size:13px;font-weight:600;padding:8px 14px;border-radius:10px;backdrop-filter:blur(4px)}
.cp-expertise .cp-img-tag b{color:var(--cp-accent)}
.cp-expertise .cp-ind-card{position:relative;height:100%;background:#fff;border:1px solid var(--cp-line);border-radius:18px;padding:28px;overflow:hidden;transition:all .3s ease}
.cp-expertise .cp-ind-card::after{content:"";position:absolute;right:-40px;bottom:-40px;width:140px;height:140px;border-radius:50%;background:var(--cp-sky);transition:transform .45s ease;z-index:0}
.cp-expertise .cp-ind-card:hover{transform:translateY(-6px);border-color:var(--cp-blue);box-shadow:0 18px 40px rgba(11,46,74,.10)}
.cp-expertise .cp-ind-card:hover::after{transform:scale(1.6)}
.cp-expertise .cp-ind-card > *{position:relative;z-index:1}
.cp-expertise .cp-ind-ic{width:56px;height:56px;border-radius:14px;background:var(--cp-brand);display:flex;align-items:center;justify-content:center;margin-bottom:18px;transition:transform .35s}
.cp-expertise .cp-ind-card:hover .cp-ind-ic{transform:rotate(-6deg) scale(1.05)}
.cp-expertise .cp-ind-card h3{font-size:19px;font-weight:700;margin-bottom:8px}
.cp-expertise .cp-ind-card p{font-size:15px;margin:0}
.cp-expertise.cp-reveal-on .cp-rv{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}
.cp-expertise.cp-reveal-on .cp-rv.cp-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.cp-expertise *,.cp-expertise *::before,.cp-expertise *::after{animation:none !important;transition:none !important}.cp-expertise.cp-reveal-on .cp-rv{opacity:1;transform:none}}

/* ================= CHOOSE OUTSOURCED BOOKKEEPING (.cp-choose) ================= */
.cp-choose{--cp-navy:#1F7CBD;--cp-navy-2:#41a0e4;--cp-brand:#1A5276;--cp-blue:#1A71BD;--cp-sky:#E3F2FD;--cp-pale:#F3F8FD;--cp-line:#DCE8F3;--cp-ink:#1B1D21;--cp-text:#3E444A;--cp-muted:#5A6168;--cp-accent:#FFC72C;--cp-accent-2:#FFD45A;--cp-good:#1F9D55;--cp-font:'Poppins','Segoe UI',system-ui,sans-serif;font-family:var(--cp-font);color:#D6E4F1;font-size:16px;line-height:1.65;background:var(--cp-navy);position:relative}
.cp-choose{padding-block:96px}
@media (max-width:767.98px){.cp-choose{padding-block:64px}}
.cp-choose h1,.cp-choose h2,.cp-choose h3,.cp-choose h4{font-family:var(--cp-font);color:var(--cp-ink);text-wrap:balance}
.cp-choose :focus-visible{outline:3px solid var(--cp-accent);outline-offset:2px}
.cp-choose{overflow:hidden}
.cp-choose .cp-eyebrow{font-size:13px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--cp-blue);margin-bottom:12px}
.cp-choose .cp-eyebrow-y{color:var(--cp-accent)}
.cp-choose .cp-h2{font-size:clamp(28px,3vw,38px);line-height:1.2;font-weight:700;margin-bottom:16px}
.cp-choose .btn{font-weight:600;border-radius:10px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.cp-choose .btn:hover{transform:translateY(-2px)}
.cp-choose .cp-btn-y{background:var(--cp-accent);color:var(--cp-navy);font-weight:700;border:0}
.cp-choose .cp-btn-y:hover{background:var(--cp-accent-2);color:var(--cp-navy);box-shadow:0 10px 24px rgba(255,199,44,.35)}
.cp-choose .btn .cp-arr{transition:transform .2s ease}
.cp-choose .btn:hover .cp-arr{transform:translateX(4px)}
.cp-choose .cp-img{position:relative;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#DCEBF8,#F3F8FD);box-shadow:0 24px 50px rgba(11,46,74,.14)}
.cp-choose .cp-img img{display:block;width:100% !important;height:100%;object-fit:cover;transition:transform .6s ease}
.cp-choose .cp-img:hover img{transform:scale(1.04)}
.cp-choose .cp-ring{position:absolute;left:-140px;bottom:-140px;width:420px;height:420px;border-radius:50%;border:1px solid rgba(255,255,255,.08)}
.cp-choose h2.cp-h2{color:#fff}
.cp-choose p.cp-big{font-size:18px;color:#E7EEF5}
.cp-choose .cp-tasks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:26px 0 30px;padding:0;list-style:none}
@media (max-width:575.98px){.cp-choose .cp-tasks{grid-template-columns:1fr}}
.cp-choose .cp-tasks li{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px 14px;font-size:14.5px;color:#fff}
.cp-choose .cp-tasks .cp-ok{width:22px;height:22px;flex:0 0 22px;border-radius:50%;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;transition:background .35s ease,transform .35s cubic-bezier(.3,1.6,.5,1)}
.cp-choose .cp-tasks .cp-ok svg{opacity:0;transition:opacity .3s}
.cp-choose .cp-tasks.cp-go li .cp-ok{background:var(--cp-good);transform:scale(1.08)}
.cp-choose .cp-tasks.cp-go li .cp-ok svg{opacity:1}
.cp-choose .cp-tasks.cp-go li:nth-child(1) .cp-ok,.cp-choose .cp-tasks.cp-go li:nth-child(1) .cp-ok svg{transition-delay:0.10s}
.cp-choose .cp-tasks.cp-go li:nth-child(2) .cp-ok,.cp-choose .cp-tasks.cp-go li:nth-child(2) .cp-ok svg{transition-delay:0.35s}
.cp-choose .cp-tasks.cp-go li:nth-child(3) .cp-ok,.cp-choose .cp-tasks.cp-go li:nth-child(3) .cp-ok svg{transition-delay:0.60s}
.cp-choose .cp-tasks.cp-go li:nth-child(4) .cp-ok,.cp-choose .cp-tasks.cp-go li:nth-child(4) .cp-ok svg{transition-delay:0.85s}
.cp-choose .cp-tasks.cp-go li:nth-child(5) .cp-ok,.cp-choose .cp-tasks.cp-go li:nth-child(5) .cp-ok svg{transition-delay:1.10s}
.cp-choose .cp-tasks.cp-go li:nth-child(6) .cp-ok,.cp-choose .cp-tasks.cp-go li:nth-child(6) .cp-ok svg{transition-delay:1.35s}
.cp-choose.cp-reveal-on .cp-rv{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}
.cp-choose.cp-reveal-on .cp-rv.cp-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.cp-choose *,.cp-choose *::before,.cp-choose *::after{animation:none !important;transition:none !important}.cp-choose.cp-reveal-on .cp-rv{opacity:1;transform:none}.cp-choose .cp-tasks li .cp-ok{background:var(--cp-good)}.cp-choose .cp-tasks li .cp-ok svg{opacity:1}}
/* Anchor links (#cp-...-sec) sticky header ke neeche na chhupein */
.cp-mission,.cp-apart,.cp-services,.cp-expertise,.cp-choose{scroll-margin-top:170px}
/* ===== END CP COMPANY PROFILE REDESIGN ===== */