.elementor-12861 .elementor-element.elementor-element-70632fa{--display:grid;--e-con-grid-template-columns:15% 1fr;--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-12861 .elementor-element.elementor-element-60c78cf{grid-column:span 1;grid-row:span 2;}.elementor-12861 .elementor-element.elementor-element-9d14820{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12861 .elementor-element.elementor-element-0bd7715{width:var( --container-widget-width, 66% );max-width:66%;--container-widget-width:66%;--container-widget-flex-grow:0;}.elementor-12861 .elementor-element.elementor-element-0bd7715 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:clamp(0.875rem, 0.7625rem + 0.5vw, 1.125rem);font-weight:400;line-height:clamp(1rem, 0.775rem + 1vw, 1.5rem);color:var( --e-global-color-uicore_dark );}.elementor-12861 .elementor-element.elementor-element-3c4403f{width:100%;max-width:100%;font-family:var( --e-global-typography-uicore_text-font-family ), Sans-serif;font-weight:var( --e-global-typography-uicore_text-font-weight );color:var( --e-global-color-uicore_body );}.elementor-12861 .elementor-element.elementor-element-3c4403f.elementor-element{--align-self:flex-end;}.elementor-12861 .elementor-element.elementor-element-6654c50{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;--e-icon-list-icon-size:16px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-offset:0px;}.elementor-12861 .elementor-element.elementor-element-6654c50 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(12px/2);}.elementor-12861 .elementor-element.elementor-element-6654c50 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(12px/2);}.elementor-12861 .elementor-element.elementor-element-6654c50 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(12px/2);}.elementor-12861 .elementor-element.elementor-element-6654c50 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-12px/2);}.elementor-12861 .elementor-element.elementor-element-6654c50 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-12px/2);}.elementor-12861 .elementor-element.elementor-element-6654c50 .elementor-icon-list-icon i{color:var( --e-global-color-uicore_primary );transition:color 0.3s;}.elementor-12861 .elementor-element.elementor-element-6654c50 .elementor-icon-list-icon svg{fill:var( --e-global-color-uicore_primary );transition:fill 0.3s;}.elementor-12861 .elementor-element.elementor-element-6654c50 .elementor-icon-list-icon{padding-inline-end:16px;}.elementor-12861 .elementor-element.elementor-element-6654c50 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-12861 .elementor-element.elementor-element-6654c50 .elementor-icon-list-item > a{font-family:"Rethink Sans", Sans-serif;font-weight:700;}.elementor-12861 .elementor-element.elementor-element-6654c50 .elementor-icon-list-text{color:var( --e-global-color-uicore_body );transition:color 0.5s;}.elementor-12861 .elementor-element.elementor-element-a699735 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-12861 .elementor-element.elementor-element-a699735 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-12861 .elementor-element.elementor-element-a699735 .elementor-button{font-family:var( --e-global-typography-7b4dc5f-font-family ), Sans-serif;font-size:var( --e-global-typography-7b4dc5f-font-size );font-weight:var( --e-global-typography-7b4dc5f-font-weight );line-height:var( --e-global-typography-7b4dc5f-line-height );}@media(max-width:1024px){.elementor-12861 .elementor-element.elementor-element-70632fa{--grid-auto-flow:row;}.elementor-12861 .elementor-element.elementor-element-a699735 .elementor-button{font-size:var( --e-global-typography-7b4dc5f-font-size );line-height:var( --e-global-typography-7b4dc5f-line-height );}}@media(min-width:768px){.elementor-12861 .elementor-element.elementor-element-70632fa{--content-width:400px;}}@media(max-width:767px){.elementor-12861 .elementor-element.elementor-element-70632fa{--e-con-grid-template-columns:15% 85%;--grid-auto-flow:row;}.elementor-12861 .elementor-element.elementor-element-60c78cf{text-align:start;}.elementor-12861 .elementor-element.elementor-element-6654c50 > .elementor-widget-container{padding:10px 0px 5px 0px;}.elementor-12861 .elementor-element.elementor-element-a699735 .elementor-button{font-size:var( --e-global-typography-7b4dc5f-font-size );line-height:var( --e-global-typography-7b4dc5f-line-height );}}/* Start custom CSS for heading, class: .elementor-element-0bd7715 */.elementor-12861 .elementor-element.elementor-element-0bd7715 {text-wrap: balance;}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3c4403f */.elementor-12861 .elementor-element.elementor-element-3c4403f {text-wrap: balance;}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-6654c50 *//*
 * Target the specific Elementor Icon List items used in your Legal Document Listings.
 * This assumes the class .elementor-element-6654c50 is consistently used
 * for these icon list widgets.
 */

/* Elementor icon list items (li) are typically already display: flex.
   If not, you might need to add 'display: flex;' and 'align-items: center;'
   to the rule below, but it's usually not necessary. */
.elementor-element.elementor-element-6654c50 .elementor-icon-list-item {
  /* display: flex; */ /* Uncomment if not already flex by default */
  /* align-items: center; */ /* Uncomment for vertical alignment if needed */
}

/* Position the text before the icon */
.elementor-element.elementor-element-6654c50 .elementor-icon-list-item .elementor-icon-list-text {
  order: 1; /* Makes the text appear first */
  padding-left: 0; /* Removes any default padding Elementor might add when icon is on the left */
  margin-right: 0; /* Ensures no unintended right margin on the text */
}

/* Position the icon after the text and adjust spacing */
.elementor-element.elementor-element-6654c50 .elementor-icon-list-item .elementor-icon-list-icon {
  order: 2; /* Makes the icon appear second */
  margin-right: 0; /* Removes Elementor's default right margin (used when icon is on the left) */
  margin-left: 16px; /* Adds space between the text and the icon. Adjust '8px' as needed. */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a699735 *//* --- Custom Animated Button for Elementor (ISOLATED) --- */
/* HOW TO USE:
  1. Base Class (Required): .my-legal-button
  2. Color Modifier Class (Pick One):
     .btn-style-default  (Transparent bg, orange icon)
     .btn-style-orange   (Orange bg, white circle)
     .btn-style-navy     (White bg, navy circle)
     .btn-style-legal    (Transparent bg, navy text, orange icon)
  3. Size Modifier (Optional):
     .btn-size-slim      (Smaller 155x40px version)
*/

/* --- 1. BASE CLASS (Animation, Layout & Structure) --- */
/* This class controls EVERYTHING except the colors. */

.my-legal-button .elementor-button {
  width: 140px;
  height: 32px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition-duration: 0.3s;
  overflow: hidden;
  padding: 0;
  box-sizing: border-box; /* Added for more stable border sizing */
}

.my-legal-button .elementor-button-content-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
}

.my-legal-button .elementor-button-text {
  width: 100px;
  z-index: 1;
  transition-duration: 0.5s;
  white-space: nowrap;
  font-size: 1.04em;
  padding: 8px;
  margin: 0;
  /* NOTE: 'color' property was moved to the modifier classes
  to allow for different text colors. */
}

.my-legal-button .elementor-button-icon {
  width: 24px;
  height: 24px;
  min-width: 24px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  transition-duration: 0.5s;
  margin: 0 !important;
  padding: 0;
}

.my-legal-button .elementor-button-icon i {
  rotate: 0deg;
  font-size: 14px;
  line-height: 14px;
}

/* --- BASE HOVER & ACTIVE STATES (Shared by all versions) --- */
.my-legal-button .elementor-button:hover .elementor-button-icon {
  width: 129px;
  transition-duration: 0.5s;
}

.my-legal-button .elementor-button:hover .elementor-button-text {
  transform: translate(10px);
  width: 0;
  font-size: 0;
  opacity: 0;
  margin: -2px;
  padding: 0;
  transition-duration: 0.5s;
}

.my-legal-button .elementor-button:active {
  transform: scale(0.95);
  transition-duration: 0.5s;
}

/* --- 2. MODIFIER: .btn-style-default (Original Transparent) --- */
.my-legal-button.btn-style-default .elementor-button {
  border: 1px solid rgba(255, 255, 255, 0.349);
  background-color: rgba(7, 10, 67, 0); /* Transparent */
}
.my-legal-button.btn-style-default .elementor-button-text {
  color: white;
}
.my-legal-button.btn-style-default .elementor-button-icon {
  background: linear-gradient(to bottom, rgb(239, 101, 42), rgb(236, 70, 40));
}
.my-legal-button.btn-style-default .elementor-button-icon i {
  color: white;
}

/* --- 3. MODIFIER: .btn-style-orange (Inverted Orange) --- */
.my-legal-button.btn-style-orange .elementor-button {
  background: linear-gradient(to bottom, rgb(239, 101, 42), rgb(236, 70, 40));
  border: none;
}
.my-legal-button.btn-style-orange .elementor-button-text {
  color: white;
}
.my-legal-button.btn-style-orange .elementor-button-icon {
  background: white;
}
.my-legal-button.btn-style-orange .elementor-button-icon i {
  color: rgb(239, 101, 42);
}

/* --- 4. MODIFIER: .btn-style-navy (White Background) --- */
.my-legal-button.btn-style-navy .elementor-button {
  /* White background with a navy border */
  background: rgba(252, 248, 248, 0);
  border: 1px solid rgb(7, 10, 67, 0.10);
}
.my-legal-button.btn-style-navy .elementor-button-text {
  /* Navy text */
  color: rgb(7, 10, 67);
}
.my-legal-button.btn-style-navy .elementor-button-icon {
  /* Navy circle */
  background: rgb(7, 10, 67);
}
.my-legal-button.btn-style-navy .elementor-button-icon i {
  /* White icon */
  color: white;
}

/* --- 5. NEW MODIFIER: .btn-style-legal (Transparent bg, Navy text, Orange icon) --- */
.my-legal-button.btn-style-legal .elementor-button {
  background: transparent; /* Changed to transparent */
  border: 1px solid rgba(7, 10, 67, 0.15); /* Subtle navy border */
}
.my-legal-button.btn-style-legal .elementor-button-text {
  color: rgb(7, 10, 67); /* Navy text */
}
.my-legal-button.btn-style-legal .elementor-button-icon {
  background: linear-gradient(to bottom, rgb(239, 101, 42), rgb(236, 70, 40)); /* Orange Gradient */
}
.my-legal-button.btn-style-legal .elementor-button-icon i {
  color: white; /* White icon */
}

/* --- 6. SIZE MODIFIER: .btn-size-slim (150x40px) --- */
/* This block overrides the default sizes from section 1.
   It scales down the button, icon, text, and hover effect. */
.my-legal-button.btn-size-slim .elementor-button {
  width: 155px;
  height: 40px;
  border-radius: 40px; /* Match height for pill shape */
}
.my-legal-button.btn-size-slim .elementor-button-text {
  /* Recalculated for new size: 150px - 30px icon - 10px gap */
  width: 110px;
  font-size: 0.95em; /* Slightly smaller text */
  padding: 0; /* Remove old padding, rely on flex center */
}
.my-legal-button.btn-size-slim .elementor-button-icon {
  /* Scaled down from 40px */
  width: 30px;
  height: 30px;
  min-width: 30px;
  border-radius: 30px; /* Match size for circle shape */
}
.my-legal-button.btn-size-slim .elementor-button-icon i {
  /* Scaled down from 18px */
  font-size: 14px;
  line-height: 14px;
}

/* --- SLIM HOVER STATE --- */
.my-legal-button.btn-size-slim .elementor-button:hover .elementor-button-icon {
  /* Fill new width, minus 10px buffer: 150px - 10px */
  width: 145px;
}

/* --- 7. OPACITY MODIFIER for .btn-style-default.btn-size-slim --- */
/* These rules ONLY apply when a button has BOTH
   .btn-style-default AND .btn-size-slim classes.
   This controls the main button background opacity. */

/* --- Standard (non-hover) state opacity --- */
.my-legal-button.btn-style-default.btn-size-slim .elementor-button {
  /* --- EDIT OPACITY HERE (for standard state background) --- */
  /* This overrides the 'background-color: rgba(7, 10, 67, 0)' from section 2 */
  background-color: rgba(7, 10, 67, 0.80);
}
/* --- Hover state opacity --- */
.my-legal-button.btn-style-default.btn-size-slim .elementor-button:hover {
  /* --- EDIT OPACITY HERE (for hover state background) --- */
  /* This adds an explicit control for the hover state background */
  background-color: rgba(7, 10, 67, 0.80);
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Rethink Sans';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://stonefruit18917.hostmanpowered.com/wp-content/uploads/2025/05/RethinkSans-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Rethink Sans';
	font-style: italic;
	font-weight: 400;
	font-display: auto;
	src: url('https://stonefruit18917.hostmanpowered.com/wp-content/uploads/2025/05/RethinkSans-Italic.ttf') format('truetype');
}
@font-face {
	font-family: 'Rethink Sans';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://stonefruit18917.hostmanpowered.com/wp-content/uploads/2025/05/RethinkSans-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Rethink Sans';
	font-style: italic;
	font-weight: 500;
	font-display: auto;
	src: url('https://stonefruit18917.hostmanpowered.com/wp-content/uploads/2025/05/RethinkSans-MediumItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Rethink Sans';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://stonefruit18917.hostmanpowered.com/wp-content/uploads/2025/05/RethinkSans-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Rethink Sans';
	font-style: italic;
	font-weight: 600;
	font-display: auto;
	src: url('https://stonefruit18917.hostmanpowered.com/wp-content/uploads/2025/05/RethinkSans-SemiBoldItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Rethink Sans';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://stonefruit18917.hostmanpowered.com/wp-content/uploads/2025/05/RethinkSans-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Rethink Sans';
	font-style: italic;
	font-weight: 800;
	font-display: auto;
	src: url('https://stonefruit18917.hostmanpowered.com/wp-content/uploads/2025/05/RethinkSans-BoldItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Rethink Sans';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://stonefruit18917.hostmanpowered.com/wp-content/uploads/2025/05/RethinkSans-ExtraBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Rethink Sans';
	font-style: italic;
	font-weight: 900;
	font-display: auto;
	src: url('https://stonefruit18917.hostmanpowered.com/wp-content/uploads/2025/05/RethinkSans-ExtraBoldItalic.ttf') format('truetype');
}
/* End Custom Fonts CSS */