.elementor-6202 .elementor-element.elementor-element-5b100001:not(.elementor-motion-effects-element-type-background), .elementor-6202 .elementor-element.elementor-element-5b100001 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#221F20;}.elementor-6202 .elementor-element.elementor-element-5b100001{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:72px 24px 84px 24px;}.elementor-6202 .elementor-element.elementor-element-5b100001 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-6202 .elementor-element.elementor-element-5b100003 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-6202 .elementor-element.elementor-element-5b100003{text-align:center;}.elementor-6202 .elementor-element.elementor-element-5b100003 .elementor-heading-title{font-family:"Lintel", Sans-serif;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:1.8px;color:#F8B810;}.elementor-6202 .elementor-element.elementor-element-5b100004 .betterdocs-search-form-wrapper{padding:50px 50px 50px 50px;margin:50px 50px 50px 50px;}.elementor-6202 .elementor-element.elementor-element-5b100004 .betterdocs-searchform{width:100%;height:auto;}.elementor-6202 .elementor-element.elementor-element-5b100004 .betterdocs-live-search .docs-search-result{width:100%;max-width:1600px;}.elementor-6202 .elementor-element.elementor-element-5b100004 .betterdocs-live-search .docs-search-result li, .elementor-6202 .elementor-element.elementor-element-5b100004 .betterdocs-live-search .docs-search-result li a, .elementor-6202 .elementor-element.elementor-element-5b100004 .betterdocs-live-search .docs-search-result li span, .elementor-6202 .elementor-element.elementor-element-5b100004 .betterdocs-live-search .docs-search-result{transition:300ms;}.elementor-6202 .elementor-element.elementor-element-5b100005{padding:64px 24px 48px 24px;}.elementor-6202 .elementor-element.elementor-element-5b100007 > .elementor-widget-container{margin:0px 0px 28px 0px;}.elementor-6202 .elementor-element.elementor-element-5b100007{text-align:center;}.elementor-6202 .elementor-element.elementor-element-5b100007 .elementor-heading-title{font-family:"Lintel", Sans-serif;font-size:26px;font-weight:500;color:#221F20;}.elementor-6202 .elementor-element.elementor-element-5b100008 .betterdocs-elementor .betterdocs-category-box-inner-wrapper{--column:4;}.elementor-6202 .elementor-element.elementor-element-5b100008 .betterdocs-category-box-wrapper .betterdocs-category-box-inner-wrapper .betterdocs-single-category-wrapper{transition:300ms;}.elementor-6202 .elementor-element.elementor-element-5b100008 .el-betterdocs-category-box-post .el-betterdocs-cb-inner .el-betterdocs-cb-cat-icon{transition:300ms;}.elementor-6202 .elementor-element.elementor-element-5b100008 .el-betterdocs-category-box-post .el-betterdocs-cb-inner .el-betterdocs-cb-cat-icon img{transition:300ms;}.elementor-6202 .elementor-element.elementor-element-5b100008 .el-betterdocs-category-box-post .el-betterdocs-cb-cat-icon__layout-2{transition:300ms;}.elementor-6202 .elementor-element.elementor-element-5b100008 .el-betterdocs-category-box-post .el-betterdocs-cb-cat-icon__layout-2 img{transition:300ms;}.elementor-6202 .elementor-element.elementor-element-5b100008 .betterdocs-category-box-wrapper .betterdocs-category-box-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-category-title{transition:300ms;}.elementor-6202 .elementor-element.elementor-element-5b100009:not(.elementor-motion-effects-element-type-background), .elementor-6202 .elementor-element.elementor-element-5b100009 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-6202 .elementor-element.elementor-element-5b100009{border-style:solid;border-width:1px 0px 0px 0px;border-color:#E4E3E3;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:56px 24px 56px 24px;}.elementor-6202 .elementor-element.elementor-element-5b100009 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6202 .elementor-element.elementor-element-5b10000b{text-align:center;}.elementor-6202 .elementor-element.elementor-element-5b10000b .elementor-heading-title{font-family:"Lintel", Sans-serif;font-size:26px;font-weight:500;color:#221F20;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-6202 .elementor-element.elementor-element-5b10000c > .elementor-widget-container{margin:12px 0px 14px 0px;}.elementor-6202 .elementor-element.elementor-element-5b10000c{text-align:center;font-family:"Figtree", Sans-serif;font-size:15.5px;color:#6B6768;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-6202 .elementor-element.elementor-element-5b10000f .elementor-button{background-color:#F8B810;font-family:"Lintel", Sans-serif;font-size:15px;font-weight:500;fill:#221F20;color:#221F20;border-radius:999px 999px 999px 999px;padding:12px 26px 12px 26px;}.elementor-6202 .elementor-element.elementor-element-5b10000f .elementor-button:hover, .elementor-6202 .elementor-element.elementor-element-5b10000f .elementor-button:focus{background-color:#E3A400;color:#221F20;}.elementor-6202 .elementor-element.elementor-element-5b10000f .elementor-button:hover svg, .elementor-6202 .elementor-element.elementor-element-5b10000f .elementor-button:focus svg{fill:#221F20;}.elementor-6202 .elementor-element.elementor-element-5b100011 .elementor-button{background-color:rgba(0,0,0,0);font-family:"Lintel", Sans-serif;font-size:15px;font-weight:500;fill:#221F20;color:#221F20;border-style:solid;border-width:1px 1px 1px 1px;border-color:#221F20;border-radius:999px 999px 999px 999px;padding:12px 26px 12px 26px;}.elementor-6202 .elementor-element.elementor-element-5b100011 .elementor-button:hover, .elementor-6202 .elementor-element.elementor-element-5b100011 .elementor-button:focus{background-color:#221F20;color:#FFFFFF;border-color:#221F20;}.elementor-6202 .elementor-element.elementor-element-5b100011 .elementor-button:hover svg, .elementor-6202 .elementor-element.elementor-element-5b100011 .elementor-button:focus svg{fill:#FFFFFF;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-6202 .elementor-element.elementor-element-5b100008 .betterdocs-elementor .betterdocs-category-box-inner-wrapper{--column:2;}}@media(max-width:767px){.elementor-6202 .elementor-element.elementor-element-5b100008 .betterdocs-elementor .betterdocs-category-box-inner-wrapper{--column:1;}}/* Start custom CSS *//* ===== SP Docs Home - styles the BetterDocs widgets on this page only =====
   Design source: studioplus-design/templates/docs-home/DocsHome.dc.html
   !important is required: BetterDocs' own widget stylesheets (search.css,
   elementor/category-box.css) carry high-specificity defaults. */

/* --- Hero: search heading, sub-line, pill field --- */
.sp-docs-hero .betterdocs-search-heading .heading {
  font-family: "Lintel", sans-serif !important;
  font-weight: 500 !important;
  font-size: 44px !important;
  line-height: 1.15 !important;
  color: #FFFFFF !important;
  text-align: center;
  margin: 0 0 16px !important;
}
.sp-docs-hero .betterdocs-search-heading .subheading {
  font-family: "Figtree", sans-serif !important;
  font-size: 17px !important;
  line-height: 1.6 !important;
  color: #CFCDCE !important;
  text-align: center;
  max-width: 520px;
  margin: 0 auto 32px !important;
}
.sp-docs-hero .betterdocs-live-search {
  max-width: 560px;
  margin: 0 auto;
}
.sp-docs-hero .betterdocs-searchform-input-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 12px;
  background: #FFFFFF !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 14px 22px !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, .25) !important;
}
.sp-docs-hero .betterdocs-searchform-input-wrap svg.docs-search-icon {
  width: 18px !important;
  height: 18px !important;
  fill: #8A8788;
  flex: none;
}
.sp-docs-hero input.betterdocs-search-field {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  flex: 1;
  padding: 0 !important;
  height: auto !important;
  font-family: "Figtree", sans-serif !important;
  font-size: 15.5px !important;
  color: #221F20 !important;
}
.sp-docs-hero input.betterdocs-search-field::placeholder {
  color: #8A8788;
}

/* --- Topic grid: white cards, radius 14, gold icon chip --- */
.sp-docs-grid .betterdocs-category-box-inner-wrapper {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  background: transparent !important;
  padding: 0 !important;
}
@media (max-width: 1024px) {
  .sp-docs-grid .betterdocs-category-box-inner-wrapper { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) {
  .sp-docs-grid .betterdocs-category-box-inner-wrapper { grid-template-columns: 1fr; }
}
.sp-docs-grid .betterdocs-single-category-wrapper.category-box {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  background: #FFFFFF !important;
  border: 1px solid #E4E3E3 !important;
  border-radius: 14px !important;
  padding: 22px !important;
  box-shadow: 0 2px 10px rgba(34, 31, 32, .08) !important;
  transition: box-shadow 200ms cubic-bezier(.4, 0, .2, 1) !important;
}
.sp-docs-grid .betterdocs-single-category-wrapper.category-box:hover {
  box-shadow: 0 8px 28px rgba(34, 31, 32, .14) !important;
}
.sp-docs-grid .betterdocs-category-header,
.sp-docs-grid .betterdocs-category-header-inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: left !important;
  gap: 0;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  position: static !important;
}
.sp-docs-grid .betterdocs-category-icon {
  width: 40px !important;
  height: 40px !important;
  border-radius: 999px !important;
  background: #FEF7E3 !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
}
.sp-docs-grid .betterdocs-category-icon img {
  width: 20px !important;
  height: 20px !important;
  object-fit: contain;
}
.sp-docs-grid .betterdocs-category-title {
  font-family: "Lintel", sans-serif !important;
  font-weight: 500 !important;
  font-size: 17px !important;
  line-height: 1.3 !important;
  color: #221F20 !important;
  margin: 0 0 6px !important;
  padding: 0 !important;
  text-align: left !important;
}
.sp-docs-grid .betterdocs-category-items-counts {
  font-family: "Figtree", sans-serif !important;
  font-size: 12.5px !important;
  color: #8A8788 !important;
  margin: 12px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  position: static !important;
  transform: none !important;
  width: auto !important;
  height: auto !important;
  display: block !important;
}
.sp-docs-grid .betterdocs-category-items-counts span {
  font-size: 12.5px !important;
  color: #8A8788 !important;
  background: transparent !important;
}

/* Mobile hero heading */
@media (max-width: 767px) {
  .sp-docs-hero .betterdocs-search-heading .heading { font-size: 32px !important; }
}

/* --- Reset the plugin's grey wrapper + double box around the search form --- */
.sp-docs-hero .betterdocs-search-form-wrapper {
  background: transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
}
.sp-docs-hero form.betterdocs-searchform {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Lintel';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://studioplussoftware.com/wp-content/uploads/2026/07/Lintel-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Lintel';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: ;
}
/* End Custom Fonts CSS */