.blue_bg {
    background: url("/wp-content/uploads/2026/01/blue-glass-bg.jpg") center / cover no-repeat;
}

/* gravity contact form------------- */
.nrpa_gform.nrpa_gform :is(input:not([type="checkbox"]):not([type="radio"]), textarea) {
  padding: 10px 12px;
  border-radius: 8px;
  font-size: 14px;
  border: 1px solid #c6d2e2;
}
.nrpa_gform label {
  color: #000;
  margin-bottom: 0;
}
.nrpa_gform .contact_frm_checkbox label {
  font-size: var(--p-size) !important;
}
.nrpa_gform .contact_frm_checkbox .gchoice {
  align-items: center;
}

.nrpa_gform_wrapper .gform_required_legend {
  display: none;  
}

.nrpa_gform_wrapper.gform-theme--foundation {
    --gf-form-gap-x: 18px;
    --gf-form-gap-y: 30px;
    --gf-ctrl-label-font-size-primary: var(--p-size-12);
    --gf-ctrl-label-color-primary: #000;
    --gf-ctrl-shadow: none;
    --gf-ctrl-color: var(--color-text);
    --gf-ctrl-shadow-focus: none;
    --gf-label-space-primary: 6px;
    --gf-ctrl-checkbox-check-radius: 4px;
    --gf-form-footer-margin-y-start: 30px;
    --gf-ctrl-textarea-height: 62px;
    --gf-ctrl-desc-font-size: 10px;
    --gf-desc-space: 4px;
    --gf-ctrl-choice-check-color: #fff;
    --gf-ctrl-checkbox-check-size-md: 12px;
    --gf-label-req-gap: 2px;
}

.check_bold.check_bold {
    --gf-ctrl-label-font-weight-secondary: 500;
}

.nrpa_gform.nrpa_gform input::placeholder, .nrpa_gform.nrpa_gform textarea::placeholder {
    color: #9A9A9A;
}

.nrpa_gform.nrpa_gform input[type="checkbox"] {
    border-color: var(--color-primary);
}

.nrpa_gform_wrapper.gform-theme--foundation .gfield textarea.small {
    min-block-size: 62px;
}

.nrpa_gform_wrapper.gform-theme--foundation .gform_validation_errors {
    display: none;
}

.nrpa_gform.nrpa_gform .gform_confirmation_message {
    display: grid;
    justify-items: center;
    gap: 18px;
}

.nrpa_gform.nrpa_gform .gform_confirmation_message h2 span {
    color: #16CB22;
}

.nrpa_gform.nrpa_gform input[type="checkbox"]:checked {
    background-color: var(--color-primary);
}

.top-bar ul{
    padding: 0;
    list-style: none
}

.service_page_container {
    margin-top: -7.5%;
}

.service_page_container .order-first {
    display: none;
}

.service_page_container .smartroot_banner_section .smartroot_container {
    padding-right: 5vw;
}


/* The what_to_expect solved */

.what_to_expect_container {
  border-radius: var(--border-radius);
  padding-top: 4.5rem;
  gap: 61px;
  padding-inline: 50px;
  justify-content: space-between;
  display: grid;
  grid-template-columns: 1fr 2fr;
  /* margin-block: 5rem; */
  align-items: self-end;
}

.what_to_expect_content {
  padding-top: 16px;
  /*padding-left: calc(7vw - 30px);*/
  margin-bottom: 20px;
}

.what_to_expect_content :is(h2, p) {
    color: #fff;
}
.what_to_expect_solved_infographic {
  max-width: 350px;
  /* width: 100%; */
  object-fit: contain;
  /*padding-left: 30px;*/
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  left: 30px;
}

.what_to_expect_comprison_container {
  display: grid;
  grid-template-columns: 1fr auto 1.2fr;
  --shadow-color: #F0F3F8;
  position: relative;
}

.what_to_expect_comprison_container:before {
  bottom: 0;
  /*box-shadow: -5px 5px 0 5px #fff;*/
  right: calc(20px * -1);
  /*border-bottom-left-radius: 20px;*/
  background: radial-gradient(circle at 100% 100%, transparent 19px, var(--shadow-color) 20px);
  transform: rotate(-90deg);
}

.what_to_expect_comprison_container:after {
  bottom: 0;
  /*box-shadow: 5px 5px 0 5px #fff;*/
  left: calc(20px * -1);
  /*border-bottom-right-radius: 20px;*/
  background: radial-gradient(circle at 100% 100%, transparent 19px, var(--shadow-color) 20px);
  transform: rotate(180deg);
}

.what_to_expect_comprison_container_title {
  padding-block: 10px;
  padding-inline: 26px;
  align-content: center;
  /* font-size: var(--font-20); */
  font-size: var(--font-16);
  font-weight: 600;
  margin: 0;
  color: #fff;
}

.what_to_expect_comprison_container_vs {
  position: relative;
  background-color: var(--shadow-color);
  border-radius: var(--border-radius) var(--border-radius) 0 0;
  padding: 0 16px 0 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-20);
  text-transform: lowercase;
}

.what_to_expect_comprison_container_vs img {
  rotate: 90deg;
  /*position: absolute;*/
  width: 80px;
  height: 80px;
  top: 3px;
  /* right: 0; */
  margin-left: -12px;
  margin-block: -4rem;
}

.what_to_expect_comprison_container_vs:before, .what_to_expect_comprison_container_vs:after, .what_to_expect_comprison_container:before, .what_to_expect_comprison_container:after {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
}

.what_to_expect_comprison_container_vs:before {
  bottom: 0;
  box-shadow: -5px 5px 0 5px var(--shadow-color);
  right: calc(20px * -1);
  border-bottom-left-radius: 20px;
}

.what_to_expect_comprison_container_vs:after {
  bottom: 0;
  box-shadow: 5px 5px 0 5px var(--shadow-color);
  left: calc(20px * -1);
  border-bottom-right-radius: 20px;
}

/* .what_to_expect_comprison_container_vs:before{
  content: '';
  position: absolute;
  right: 10px;
  top: -22px;
  height: 100px;
  width: 100px;
  background-image: url(/wp-content/uploads/2025/07/868c562c1cf6bd100698e1f2b64fe2fa86312513.gif);
  background-repeat: no-repeat;
  background-size: cover;
  rotate: 90deg;
} */

.what_to_expect_comprison_container_feature {
  background-color: white;
  padding-top: 36px;
  align-content: center;
}

.what_to_expect_comprison_container_feature.negative_feature {
  grid-column: span 2;
  padding-left: 26px;
}

.what_to_expect_comprison_container_feature.positive_feature {
  padding-inline: 25px 30px;
}

.what_to_expect_comprison_container_feature.curved_top_left {
  border-top-left-radius: var(--border-radius);
}

.what_to_expect_comprison_container_feature.curved_top_right {
  border-top-right-radius: var(--border-radius);
}

.feature_content {
  /* display: flex;
  align-items: center;
  gap: 10px; */
  display: flex;
  border-radius: 40px;
  align-items: flex-start;
  gap: 10px;
  padding: 6px 25px;
  position: relative;
}

.feature_content:before {
  content: "";
  /*position: absolute;*/
  left: 9px;
  top: 50%;
  /*transform: translateY(-50%);*/
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  flex-shrink: 0;
  margin-top: 5px;
}

/*.feature_content:after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    left: 0;*/
/*    right: 0;*/
/*    height: 2px;*/
/*    background-color: #E2E2E2;*/
/*}*/

.what_to_expect_comprison_container_feature.negative_feature .feature_content {
  background-color: #fff0f0;
}

.what_to_expect_comprison_container_feature.positive_feature .feature_content {
  background-color: #e9fff4;
}

.what_to_expect_comprison_feature_list_positive .feature_content:before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><g clip-path="url(%23clip0_888_985)"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.00012207C3.5875 0.00012207 0 3.58762 0 8.00012C0 12.4126 3.5875 16.0001 8 16.0001C12.4125 16.0001 16 12.4126 16 8.00012C16 3.58762 12.4125 0.00012207 8 0.00012207Z" fill="%234BAE4F"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M11.8688 5.3033C12.0625 5.49705 12.0625 5.8158 11.8688 6.00955L7.18128 10.697C7.0844 10.7939 6.95627 10.8439 6.82815 10.8439C6.70002 10.8439 6.5719 10.7939 6.47502 10.697L4.13127 8.3533C3.93752 8.15955 3.93752 7.8408 4.13127 7.64705C4.32502 7.4533 4.64377 7.4533 4.83752 7.64705L6.82815 9.63767L11.1625 5.3033C11.3563 5.10642 11.675 5.10642 11.8688 5.3033Z" fill="white"></path></g><defs><clipPath id="clip0_888_985"><rect width="16" height="16" fill="white"></rect></clipPath></defs></svg>');
}

.what_to_expect_comprison_feature_list_negative .feature_content:before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M8 1.00012C-1.25 1.30012 -1.25 14.7001 8 15.0001C17.25 14.7001 17.25 1.30012 8 1.00012Z" fill="%23F44336"></path><path d="M8.69998 8.0001L10.8 5.9001C11.25 5.4501 10.55 4.7501 10.1 5.2001L7.99998 7.30011L5.89998 5.2001C5.44998 4.7501 4.74998 5.4501 5.19998 5.9001L7.29998 8.0001L5.19998 10.1001C4.74998 10.5501 5.44998 11.2501 5.89998 10.8001L7.99998 8.7001L10.1 10.8001C10.55 11.2501 11.25 10.5501 10.8 10.1001L8.69998 8.0001Z" fill="%23EEEEEE"></path></svg>');
}

/* .feature_content svg{
  flex-shrink: 0;
} */

.what_to_expect_comprison_img img {
  max-width: 434px;
  width: 100%;
  height: 100%;
  border-radius: var(--border-radius);
}

.what_to_expect_comprison_left_img {
  padding-right: 42px;
}

.what_to_expect_comprison_feature_list {
    grid-column: span 3;
    display: grid;
    grid-template-columns: 1fr 1fr;
    background-color: var(--shadow-color);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    gap: 4rem;
    padding: 30px;
    padding-bottom: 18px;
}

.what_to_expect_comprison_feature_list_negative, .what_to_expect_comprison_feature_list_positive {
    display: grid;
    gap: 4rem;
    justify-items: start;
    align-items: flex-start;
    height: fit-content;
}

.what_to_expect_comprison_feature_list_negative .feature_content {
    background-color: #fff0f0;
}

.what_to_expect_comprison_feature_list_positive .feature_content {
    background-color: #e9fff4;
}

.what_to_expect_comprison_img {
    margin-top: 2rem;
}

/* What it does */

.what_it_does_container {
    margin-block: 40px;
    padding: 40px;
    border-radius: 40px;
}

.what_it_does_card {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.80) 0%, #FFFFD5 133.8%);
    border-radius: 20px;
    padding: 24px 30px;
    mask-image: url('/wp-content/uploads/2026/01/Subtract.svg');
    mask-repeat: no-repeat;
    mask-size: cover;
    border: 1px solid rgba(255, 255, 255, 0.70);
    backdrop-filter: blur(22px);
    height: 100%;
}

.what_it_does_card > div {
    min-height: 76px;
}

.what_it_does_card h5 {
    padding-left: 4.5rem;
    margin-bottom: 0;
}

.what_it_does_card_main span {
    display: inline-block;
    background-color: var(--color-primary-yellow);
    border-radius: 14px;
    padding: 10px;
    position: absolute;
    top: 1px;
    left: 15px;
}

/* What Happens */

.what_happens_container {
    margin-block: 50px;
}

.what_happens_row {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    background-color: #fff;
    border-radius: 20px;
    padding: 36px 34px;
    gap: 1.75rem;
}

.what_happens_card h6 {
    font-family: 'Secondary Font', sans-serif;
    line-height: 1.5;
}

.what_happens_card p {
    color: #6A6A6A;
    font-size: 14px;
}

/* We handle */

.we_handle_container {
    background-color: #F5F5C6;
    padding-block: 4rem;
}

.we_handle_container:before {
    content: '';
    position: absolute;
    width: 520px;
    left: 0;
    height: 470px;
    bottom: 0;
    background-image: url(/wp-content/uploads/2026/01/yellow_bg_svg.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    transform: rotate(180deg);
}

.we_handle_container:after {
    content: '';
    position: absolute;
    width: 520px;
    right: 0;
    height: 470px;
    top: 0;
    background-image: url(/wp-content/uploads/2026/01/yellow_bg_svg.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
}

.we_handle_row {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 28px;
}

.we_handle_card {
    position: relative;
    z-index: 1;
}

.we_handle_card p {
    margin-top: 8px;
    font-weight: 500;
}

.who_uses_row {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 30px;
}

.who_uses_card {
    border-radius: 20px;
    position: relative;
}

.who_uses_card:before {
    content: '';
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.10) 60.01%, #000 100%);
    top: 0;
    right: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 20px;
}

.who_uses_card h5 {
    position: absolute;
    bottom: 22px;
    left: 22px;
    right: 22px;
}


@media (min-width: 1920px) {
    .what_to_expect_solved_infographic {
      max-width: 420px;
    }
      .what_to_expect_comprison_container_title {
          padding-inline: 40px;
      }
      .what_to_expect_comprison_container_feature.negative_feature {
          padding-left: 40px;
      }
}

@media (max-width: 1800px) {
    .what_to_expect_solved__decorative_svg {
      width: 250px;
      height: auto;
  }
}

@media (max-width: 1332px){
    .what_happens_row {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1300px) {
    .who_uses_row {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1200px) {
    /* what_to_expect Solved */
  .what_to_expect_comprison_container_vs img {
    top: -20px;
  }

  .what_to_expect_solved_infographic {
    padding-left: 0;
  }
  .what_to_expect_solved_infographic {
      gap: 40px;
  }
  .what_to_expect_container {
      grid-template-columns: 1fr;
  }
  #ai-powered img.challenge_solved_infographic {width: 40%;}
}

@media (max-width: 992px) {
    .what_to_expect_content {
        margin-bottom: 40px;
      }
      .what_to_expect_container {
      grid-template-columns: 1fr;
      padding-inline: 1rem;
  }
  .what_to_expect_solved_infographic {
      position: static;
  }
  .we_handle_row {
      grid-template-columns: repeat(3, 1fr);
  }
  .what_it_does_card h5 {padding-left: 5.5rem;}
}

@media (max-width: 768px) {
    .what_to_expect_comprison_container_title {
    font-size: 16px;
  }
  /* what_to_expect Solved */
  .what_to_expect_content {
    padding-left: 0;
  }

  .what_to_expect_comprison_wrapper {
    padding-right: 0;
  }
  /* .nrpa_what_to_expect_solved_container{
    margin-inline: 16px;
  } */

  .what_to_expect_comprison_container_vs img {
    top: -8px;
    right: 0;
  }

  .what_to_expect_container {padding-top: 1.5rem;gap: 35px;}
  .what_to_expect_comprison_feature_list {gap: 30px;}
  .what_it_does_container {margin-top: 20px;}
  .what_it_does_card {height: auto;}
  .what_happens_row {grid-template-columns: repeat(2, 1fr);}

  
  .what_to_expect_comprison_feature_list_negative, .what_to_expect_comprison_feature_list_positive {
    padding: 20px;
    background-color: var(--shadow-color);
    border-radius: 20px; 
    gap: 1.25rem;
  }
  .what_to_expect_desktop_version {display: none;}
  .template_block {gap: 0!important;}
  .what_to_expect_comprison_feature_list .template_block .what_to_expect_comparison_row {
    gap: 2rem 0!important;
  }

  .what_to_expect_comprison_feature_list_negative {border-radius: 20px 20px 0 0;}
  
  .what_to_expect_comprison_feature_list {
      grid-template-columns: 1fr;
      padding: 0;
  }

  .what_to_expect_comprison_feature_list_title {
    padding: 8px 16px;
    border-radius: 50px;
    color: var(--color-text);
    background-color: #fbfbc7;
  }
}

@media (max-width: 576px){
  #ai-powered img.challenge_solved_infographic {width: 100%;}
}

@media (max-width: 520px){
    /* The what_to_expect solved */
  .what_to_expect_solved_infographic {
    width: 100%;
  }

  .what_to_expect_comprison_container {
    grid-template-columns: 1fr 0.4fr 1fr;
  }

  .what_to_expect_comprison_container_title {
    padding-left: 15px;
  }
  .plan-tag {
    padding: 10px 12px;
  }
  .what_to_expect_comprison_container_vs {
    padding-inline: 30px;
    align-content: baseline;
  }

  .what_to_expect_comprison_container_vs img {
    top: 15px;
  }

  .what_to_expect_comprison_container_feature.curved_top_left {
    border-top-right-radius: var(--border-radius);
  }

  .what_to_expect_comprison_container_feature.curved_top_right {
    border-radius: 0;
  }
  .what_to_expect_comprison_container_feature {
    grid-column: span 3 !important;
    padding-inline: 16px !important;
  }

  .what_it_does_card {
    padding: 15px 30px;
  }

  .what_happens_row {
      grid-template-columns: 1fr;
      padding: 30px 20px;
  }
  .what_it_does_container {
      padding: 20px; 
  }
  .we_handle_row {
      grid-template-columns: 1fr;
  }
  .we_handle_container:before, .we_handle_container:after {
      height: 390px;
      width: 100%;
  }
  .who_uses_row {
      grid-template-columns: 1fr;
  }
  .what_it_does_card > div {min-height: 95px;}
  .what_it_does_card h5 {padding-left: 5.5rem;font-size: 16px;}
  .what_to_expect_comprison_feature_list_positive .feature_content,.what_to_expect_comprison_feature_list_negative .feature_content {font-size: 14px;}
}

@media (max-width: 380px){
  .what_it_does_card > div {min-height: 110px;}
}