/*---------------------------------------------------- */
/*Feature area*/
/*----------------------------------------------------*/
.saas_two_feature_section {
  margin: 105px 0px 85px;
}

.saas_two_feature_section .s2-feature_text {
  max-width: 520px;
  padding: 40px 0 0 50px;
}

.saas_two_feature_section .s2-feature_text h2 {
  font-size: 40px;
  line-height: 1.25;
  padding: 15px 0px 15px;
}

/* Typography aligned with law.css: headings Poppins, body Roboto */
.saas_two_feature_section .s2-feature_text h2,
.saas_two_feature_section .s2-feature_right .s2-feature_list .s2-feature_text_box h3,
.saas_two_feature_section .feature_tag {
  font-family: "Poppins";
}

.saas_two_feature_section .s2-feature_text p,
.saas_two_feature_section .s2-feature_right .s2-feature_list .s2-feature_text_box p,
.saas_two_feature_section .s2-feature_text .saas_btn a {
  font-family: "Roboto";
}

.saas_two_feature_section .s2-feature_text p {
  padding-bottom: 43px;
}

.saas_two_feature_section .s2-feature_text .saas_btn a {
  padding: 10px 25px 10px 25px;
}

.saas_two_feature_section .s2-feature_text .saas_btn a i {
  font-size: 20px;
  margin-right: 5px;
}

.saas_two_feature_section .s2-feature_right {
  padding-left: 35px;
}

.saas_two_feature_section .s2-feature_right .s2-feature_list {
  margin-bottom: 10px;
  padding: 22px 32px 20px;
  border-radius: 10px;
  display: inline-block;
  transition: 0.4s all ease-in-out;
  position: relative;
}

.saas_two_feature_section .s2-feature_right .s2-feature_list:before {
  position: absolute;
  content: "";
  height: 0px;
  width: 5px;
  left: 0;
  top: 50%;
  border-radius: 50px;
  transform: translateY(-50%);
  transition: 0.3s all ease-in-out;
}

.saas_two_feature_section .s2-feature_right .s2-feature_list:hover:before {
  height: 60px;
}

.saas_two_feature_section .s2-feature_right .s2-feature_list .s2-feature_icon {
  width: 95px;
  float: left;
  height: 95px;
  border-radius: 100%;
  line-height: 105px;
  margin-right: 30px;
}

.saas_two_feature_section .s2-feature_right .s2-feature_list .s2-feature_icon:after {
  left: 0;
  right: 0;
  top: 5px;
  width: 90%;
  height: 90%;
  content: "";
  margin: 0 auto;
  position: absolute;
  border: 5px solid #fff;
  border-radius: 100%;
}

.saas_two_feature_section .s2-feature_right .s2-feature_list .s2-feature_icon i {
  font-size: 30px;
}

.saas_two_feature_section .s2-feature_right .s2-feature_list .s2-feature_text_box {
  max-width: 310px;
  display: inline-block;
}

.saas_two_feature_section .s2-feature_right .s2-feature_list .s2-feature_text_box h3 {
  color: #010101;
  font-size: 22px;
  font-weight: 700;
  padding-bottom: 15px;
}

.saas_two_feature_section .s2-feature_right .s2-feature_list:hover {
  margin-left: 30px;
  box-shadow: 0px 3px 43px 0px rgba(0, 0, 0, 0.13);
}

.saas_two_feature_section .s2-feature_right .s2-feature_list:nth-child(1) .s2-feature_icon {
  background-color: #f3ede3;
}

.saas_two_feature_section .s2-feature_right .s2-feature_list:nth-child(1) .s2-feature_icon i {
  color: #c6ac82;
}

.saas_two_feature_section .s2-feature_right .s2-feature_list:nth-child(1):before {
  background-color: #c6ac82;
}

.saas_two_feature_section .s2-feature_right .s2-feature_list:nth-child(2) .s2-feature_icon {
  background-color: #efe6d7;
}

.saas_two_feature_section .s2-feature_right .s2-feature_list:nth-child(2) .s2-feature_icon i {
  color: #a98a5f;
}

.saas_two_feature_section .s2-feature_right .s2-feature_list:nth-child(2):before {
  background-color: #a98a5f;
}

.saas_two_feature_section .s2-feature_right .s2-feature_list:nth-child(3) .s2-feature_icon {
  background-color: #e8dcc8;
}

.saas_two_feature_section .s2-feature_right .s2-feature_list:nth-child(3) .s2-feature_icon i {
  color: #8f7349;
}

.saas_two_feature_section .s2-feature_right .s2-feature_list:nth-child(3):before {
  background-color: #8f7349;
}

.saas_two_feature_section.s2-service-feed {
  padding-top: 50px;
  padding-bottom: 0;
}

.saas2-headline h1,
.saas2-headline h2,
.saas2-headline h3,
.saas2-headline h4,
.saas2-headline h5,
.saas2-headline h6 {
  margin: 0;
  font-family: "Poppins";
}

.saas_two_section_title .title_tag,
.saas_two_banner_section .s2-banner_content .s2-tilte_tag,
.saas_two_feature_section .s2-feature_text .feature_tag,
.integration_section .integration_text .feature_tag {
  color: #8f7349;
  font-size: 18px;
  font-weight: 500;
  padding: 3px 30px;
  border-radius: 8px;
  display: inline-block;
  background-color: #f3ede3;
}

.saas_two_section_title h2,
.saas_two_banner_section .s2-banner_content h1,
.saas_two_about_section .s2-about_text_icon .s2-about_text h3,
.saas_two_feature_section .s2-feature_text h2,
.integration_section .integration_text h2,
.saas_two_team_section .s2-team_img_text .s2_name_info h3 {
  font-weight: 700;
  color: #010101;
}

.saas_two_section_title h2 span,
.saas_two_banner_section .s2-banner_content h1 span,
.saas_two_about_section .s2-about_text_icon .s2-about_text h3 span,
.saas_two_feature_section .s2-feature_text h2 span,
.integration_section .integration_text h2 span,
.saas_two_team_section .s2-team_img_text .s2_name_info h3 span {
  font-weight: 300;
}

.saas_btn:before,
.service_read_more a:after,
.saas_two_about_section .s2-about_text_icon .s2-about_text a:after,
.integration_section .integration_text a:after,
.saas_two_banner_section .s2-banner_content .banner_btn a i,
.saas_two_feature_section .s2-feature_text .saas_btn a i,
.s2-pricing_section .s2-pricing_item .s2-pricing_btn a i {
  background: linear-gradient(-45deg, #8f7349 32%, #c6ac82 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.saas_two_about_section .s2-about_text_icon .s2-about_text p,
.saas_two_feature_section .s2-feature_text p,
.integration_section .integration_text p {
  color: #353535;
  font-size: 17px;
  line-height: 1.588;
  padding-bottom: 20px;
}

.service_read_more a,
.saas_two_about_section .s2-about_text_icon .s2-about_text a,
.integration_section .integration_text a {
  color: #c6ac82;
  font-size: 15px;
  font-weight: 600;
  position: relative;
  font-family: "Poppins";
}

.service_read_more a:after,
.saas_two_about_section .s2-about_text_icon .s2-about_text a:after,
.integration_section .integration_text a:after {
  top: 0px;
  right: -35px;
  content: "";
  font-size: 20px;
  font-weight: 900;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all ease-in-out;
  font-family: "Font Awesome 5 Free";
}

.service_read_more a:before,
.saas_two_about_section .s2-about_text_icon .s2-about_text a:before,
.integration_section .integration_text a:before {
  height: 2px;
  width: 0%;
  bottom: -3px;
  content: "";
  position: absolute;
  background-color: #c6ac82;
  transition: 0.4s all ease-in-out;
}

.service_read_more a:hover:before,
.saas_two_about_section .s2-about_text_icon .s2-about_text a:hover:before,
.integration_section .integration_text a:hover:before {
  width: 100%;
}

.service_read_more a:hover:after,
.saas_two_about_section .s2-about_text_icon .s2-about_text a:hover:after,
.integration_section .integration_text a:hover:after {
  opacity: 1;
  right: -25px;
  transition-delay: 0.3s;
  visibility: visible;
}

.saas_two_banner_section .s2-banner_content .banner_btn a,
.saas_two_feature_section .s2-feature_text .saas_btn a,
.s2-pricing_section .s2-pricing_item .s2-pricing_btn a {
  transition: 0.3s all ease-in-out;
  position: relative;
  overflow: hidden;
  border-radius: 50px;
  display: inline-block;
}

.saas_two_banner_section .s2-banner_content .banner_btn a:before,
.saas_two_feature_section .s2-feature_text .saas_btn a:before,
.s2-pricing_section .s2-pricing_item .s2-pricing_btn a:before {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  right: 0;
  top: 45px;
  right: 15px;
  box-shadow: 0 0 30px 31px rgba(198, 172, 130, 0.5);
  border-radius: 50%;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all ease-in-out;
}

.saas_two_banner_section .s2-banner_content .banner_btn a:after,
.saas_two_feature_section .s2-feature_text .saas_btn a:after,
.s2-pricing_section .s2-pricing_item .s2-pricing_btn a:after {
  height: 100%;
  width: 100%;
  position: absolute;
  content: "";
  top: -100%;
  right: 0;
  z-index: -2;
  transition: 0.3s all ease-in-out;
  background-color: #000000;
}

.saas_two_banner_section .s2-banner_content .banner_btn a:hover,
.saas_two_feature_section .s2-feature_text .saas_btn a:hover,
.s2-pricing_section .s2-pricing_item .s2-pricing_btn a:hover {
  color: #fff;
}

.saas_two_banner_section .s2-banner_content .banner_btn a:hover i,
.saas_two_feature_section .s2-feature_text .saas_btn a:hover i,
.s2-pricing_section .s2-pricing_item .s2-pricing_btn a:hover i {
  background: none;
  -webkit-text-fill-color: inherit;
}

.saas_two_banner_section .s2-banner_content .banner_btn a:hover:before,
.saas_two_feature_section .s2-feature_text .saas_btn a:hover:before,
.s2-pricing_section .s2-pricing_item .s2-pricing_btn a:hover:before {
  opacity: 1;
  right: 25px;
  visibility: visible;
}

.saas_two_banner_section .s2-banner_content .banner_btn a:hover:after,
.saas_two_feature_section .s2-feature_text .saas_btn a:hover:after,
.s2-pricing_section .s2-pricing_item .s2-pricing_btn a:hover:after {
  top: 0;
}

.saas_btn a {
  font-size: 15px;
  font-weight: 700;
  border-radius: 30px;
  display: inline-block;
  border: 2px solid #c6ac82;
}

.saas_btn:before {
  top: 8px;
  left: 32px;
  font-weight: 900;
  font-size: 22px;
  position: absolute;
  font-family: "Font Awesome 5 Free";
}

/* Split title style for rx-practice section, aligned with template typography */
#rx-practice .practice-title-split {
  line-height: 1.12;
  font-family: "Poppins";
}

#rx-practice .practice-title-split .title-strong {
  display: block;
  color: #000000 !important;
  font-weight: 700;
}

#rx-practice .practice-title-split .title-light {
  display: block;
  color: #000000 !important;
  font-weight: 300;
}

/* Palette unification: gold actions + chocolate backgrounds */
:root {
  --brand-gold: #c6ac82;
  --brand-chocolate: #190200;
}

/* Buttons / CTAs in gold */
.rx_header_btn a,
.rx-practice-btn a,
.rx_slider_text a,
.rx-contact-form button,
.saas_btn a,
.btn,
button,
input[type="submit"] {
  background-color: var(--brand-gold) !important;
  border-color: var(--brand-gold) !important;
  color: #000000 !important;
}

.rx_header_btn a:hover,
.rx-practice-btn a:hover,
.rx_slider_text a:hover,
.rx-contact-form button:hover,
.saas_btn a:hover,
.btn:hover,
button:hover,
input[type="submit"]:hover {
  background-color: #b79b6d !important;
  border-color: #b79b6d !important;
  color: #000000 !important;
}

/* Main dark backgrounds in chocolate */
.main_header.header_style_four,
.header_top_content {
  background-color: var(--brand-chocolate) !important;
}

/* Specific override for SaaS signup button */
.saas_two_main_header .saas_sign_up_btn,
.saas_two_main_header.saas_2-menu-bg-overlay .saas_sign_up_btn {
  background-color: var(--brand-gold) !important;
  border-color: var(--brand-gold) !important;
}

.saas_two_main_header .saas_sign_up_btn a,
.saas_two_main_header .saas_sign_up_btn a:before {
  color: #000000 !important;
}

/* Prevent CTA text wrapping in header when translated */
.header_style_four .header_main_menu_wrap .rx_header_btn {
  width: auto;
  min-width: 150px;
  padding: 0 16px;
}

.header_style_four .header_main_menu_wrap .rx_header_btn a {
  white-space: nowrap;
}

/* Fix checkbox layout in law contact form */
.rx-contact-form .privacy-check {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 4px 0 14px;
}

.rx-contact-form .privacy-check input[type="checkbox"] {
  width: 18px;
  height: 18px;
  min-width: 18px;
  margin: 2px 0 0;
  padding: 0;
  border: 1px solid #bdbdbd;
}

.rx-contact-form .privacy-check span {
  line-height: 1.4;
  color: #1f1f1f;
}

/* Footer consistency when style.css is also loaded (layout.page) */
.footer_section {
  margin-top: 0 !important;
  background-color: transparent !important;
}

.footer_section_4 .widget_title:after {
  top: 18px !important;
  right: -55px !important;
  left: auto !important;
  bottom: auto !important;
  width: 42px !important;
  height: 3px !important;
  background-image: none !important;
  background-color: #c6ac82 !important;
}

.footer_copyright .copyright_text,
.footer_copyright .copyright_text a,
.footer_copyright .copyright_text_left a {
  color: #ffffff !important;
}

.footer_copyright .copyright_text {
  padding: 0 !important;
  margin-top: 10px;
}

.footer_copyright .copyright_text span {
  float: none !important;
}

/* Accessibility: visible focus states */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[role="button"]:focus-visible,
[tabindex]:not([tabindex="-1"]):focus-visible {
  outline: 3px solid #c6ac82;
  outline-offset: 3px;
  box-shadow: 0 0 0 2px rgba(47, 31, 23, 0.35);
  border-radius: 4px;
}

/* Fallback for browsers without :focus-visible */
@supports not selector(:focus-visible) {
  a:focus,
  button:focus,
  input:focus,
  select:focus,
  textarea:focus,
  [role="button"]:focus,
  [tabindex]:not([tabindex="-1"]):focus {
    outline: 3px solid #c6ac82;
    outline-offset: 3px;
    box-shadow: 0 0 0 2px rgba(47, 31, 23, 0.35);
    border-radius: 4px;
  }
}