.sppb-addon-person.newpp1 .sppb-person-social > li > a {
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 6px;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;	
}
.sppb-addon-person.newpp1 .sppb-person-social {
	position: absolute;
	right: -10px;
	top: 1rem;
	opacity: 0;
	transition: all .4s ease;
}
.sppb-addon-person.newpp1 .sppb-person-social > li {
	display: flex !important;
	justify-content: center;
	align-items: center;
	margin-bottom: 15px;
}
.sppb-addon-person.newpp1:hover .sppb-person-social {
	right: 10px;
	opacity: 1;
	transition: all .4s ease;
}
.sppb-addon-person.newpp1 .sppb-person-image {
	overflow: hidden;
	border-radius: 10px !important;
}

.sppb-addon-person.newpp1 .sppb-person-image img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 10px !important;
	margin-bottom: 0;
	transition: transform 4s cubic-bezier(.25,.8,.25,1);
	transform-origin: center center;
}

.sppb-addon-person.newpp1 .sppb-person-image:hover img {
	transform: scale(1.2);
}

.sppb-addon-person.newpp1 .sppb-person-name {
	margin-top: 15px !important;
}
/**/
.feature-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.feature-pill {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 14px;
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 999px;
	font-size: 16px;
	font-weight: 500;
	color: #111827;
	text-decoration: none;
	transition: all .25s ease;
}

.feature-pill:hover {
	box-shadow: 0 6px 18px rgba(0,0,0,.08);
	transform: translateY(-2px);
}

@media (max-width: 768px) {
.feature-pills {
	justify-content: center;
}
}
/**/

.diagramimgsb {
	position: relative;
}

.diagram-svgg {
	position: absolute;
	width: 250px;
}

.diagram-top-left {
	top: -140px;
	left: -80px;
}

.diagram-bottom-right {
	bottom: -170px;
	right: -80px;
	transform: rotate(180deg);
}
p.rating-count {
	font-size: 15px;
}
.bg-infoh {
	background-color: var(--bs-primary-rgb) !important;
}
.border-info {
	border-color: var(--color_blue)!important;
}
#sp-component .sppb-addon-article {
	border-color: #e9ecef;
	border-radius: 10px;
	border: 1px solid var(--bs-border-color) !important;
	transition: all .4s ease;
	overflow: hidden;
}
#sp-component .sppb-addon-articles .sppb-addon-article-layout-editorial-content img {
	border-radius: 10px 10px 0 0;
}

#sp-component .sppb-article-info-wrap {
	padding-top: 15px !important;
	padding-left: 25px !important;
	padding-right: 25px !important;
	padding-bottom: 17px !important;
}
#sp-component .sppb-addon-article:hover {
	box-shadow: 0 10px 30px 4px rgba(10,22,94,.07);
	transform: translateY(-2px);
	transition: all .4s ease;
}
.btn.bg-primary-ec	{
	padding-top: 0.9rem !important;
	padding-bottom: 0.9rem !important;
}
/*price table*/

.pricing-card {
	position: relative;
	padding: 3rem;
	border: 2px solid;
	border-radius: var(--bs-border-radius-xl);
}
/*

@media (max-width: 980px) {
.pricing-card {
	margin: auto 35px;
}
}
*/

/* Badge */
.pricing-badge {
	position: absolute;
	top: -1rem;
	left: 50%;
	transform: translateX(-50%);
	padding: 0.4rem 0.9rem;
	border-radius: .25rem !important;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
}

/* Header */
.pricing-header h3 {
	font-size: clamp(1.625rem, 1.475rem + .417vw, 2rem);
	font-weight: 600;
	margin: 0;
}

.pricing-header p {
	margin-top: 0.25rem;
	font-size: 17px;
	font-weight: 500;
}

/* Price */
.pricing-price {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
	font-size: clamp(1.875rem, 1.25vw + 1.5rem, 2.75rem);
	font-weight: 700;
	line-height: 1;
	padding-bottom: 20px;
	border-bottom: 1px solid;
}

.pricing-price .period {
	font-size: 16px;
	font-weight: 500;
}

/* Button base */
.pricing-button {
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 1.25rem 0;
	padding: 0.9rem 1.5rem;
	border-radius: .25rem !important;
	font-weight: 600;
	font-size: 16px;
	text-decoration: none;
}

/* Button content */
.pricing-button,
.pricing-button span {
	position: relative;
	z-index: 1;
	transition: all .3s ease;
}

/* Hover overlay */
.pricing-button::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity .3s;
}

/* Hover wave */
.pricing-button::before {
	content: "";
	position: absolute;
	width: 110%;
	height: 0;
	padding-bottom: 110%;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
}

/* Hover states */
.pricing-button:hover::before {
	transition: transform .4s cubic-bezier(.1, 0, .3, 1);
	transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
}

.pricing-button:hover::after {
	transition-duration: 10ms;
	transition-delay: .3s;
}

/* Button inner layout */
.pricing-button span {
	display: flex;
	align-items: center;
	gap: 10px;
}

/* Icon motion */
.pricing-button span i {
	margin-left: 0;
	transform: translateX(0) rotate(45deg);
	transition: transform .35s cubic-bezier(.25, .8, .25, 1);
}

.pricing-button:hover span i {
	transform: translateX(8px) rotate(45deg);
}

/* Features */
.pricing-features {
	margin-top: 1.5rem;
	padding-top: 20px;
	border-top: 1px solid;
	padding-left: 0;
}

.pricing-features li {
	position: relative;
	margin-bottom: 0.6rem;
	font-size: 16px;
	font-weight: 500;
}

.pricing-features li i {
	padding-right: 10px;
	font-size: 18px;
	vertical-align: middle;
}
/**/
/* ==================================================
   NEW BUTTON – FINAL SYSTEM
================================================== */

/* Container */
.new-button {
  display: flex;
/*padding: 1.5rem 0;*/
}

/* Alignment options */
.new-button.align-left {
  justify-content: flex-start;
}

.new-button.align-center {
  justify-content: center;
}

.new-button.align-right {
  justify-content: flex-end;
}

.new-button .button {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0.9rem 1.5rem;
  border-radius: .25rem;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
}

/* keep content above hover layers */
.new-button .button,
.new-button .button span {
  position: relative;
  z-index: 1;
  transition: all .3s ease;
}

/* hover overlay */
.new-button .button::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity .3s;
}

/* hover wave */
.new-button .button::before {
  content: "";
  position: absolute;
  width: 110%;
  height: 0;
  padding-bottom: 110%;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
}

/* hover states */
.new-button .button:hover::before {
  transition: transform .4s cubic-bezier(.1, 0, .3, 1);
  transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
}

.new-button .button:hover::after {
  opacity: 1;
  transition-duration: 10ms;
  transition-delay: .3s;
}

/* inner layout */
.new-button .button span {
  display: flex;
  align-items: center;
  gap: 10px;
}

.new-button .button span i {
  transform: translateX(0) rotate(45deg);
  transition: transform .35s cubic-bezier(.25, .8, .25, 1);
}

.new-button .button:hover span i {
  transform: translateX(8px) rotate(45deg);
}
/**/
.new-button-group {
  display: flex;
  gap: 0.75rem;
  padding: 1.5rem 0;
}

.new-button-group.align-left   { justify-content: flex-start; }
.new-button-group.align-center { justify-content: center; }
.new-button-group.align-right  { justify-content: flex-end; }

.new-button-group .button {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.9rem 1.5rem;
  border-radius: .25rem;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
}

/* content always on top */
.new-button-group .button span {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 10px;
}
.new-button-group .button::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  right: 50%;
  z-index: 0;
  transition: left .35s cubic-bezier(.4,0,.2,1),
              right .35s cubic-bezier(.4,0,.2,1);
}
.new-button-group .button:hover::before {
  left: 0;
  right: 0;
}

.new-button-group .button span i {
  transform: translateX(0) rotate(45deg);
  transition: transform .35s cubic-bezier(.25,.8,.25,1);
}
.new-button-group .button:hover span i {
  transform: translateX(8px) rotate(45deg);
}
/**/
.noborderr {
	transition: all .4s ease;
}

.noborderr:hover {
	box-shadow: 0 10px 30px 4px rgba(10,22,94,.07);
	transform: translateY(-2px);
	transition: all .4s ease;
}

.sppb-addon-header.sppb-addon-title {
	letter-spacing: -2px;
}
/**/
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
  color: var(--bs-orange);
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  color: var(--color_dark);
}
.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
  color: var(--color_dark);
}
.sp-megamenu-parent > li:hover > a,
.sp-megamenu-parent > li.active:hover > a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a:hover {
  color: var(--bs-orange);
}
#sp-header.transparent {
	border-bottom: 1px solid #e9ecef !important;
	box-shadow: 0 0 4px 0 rgba(0,0,0,0);
}

#sp-header.transparent {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    background-color: transparent;
    transition: background 0.3s ease, padding 0.3s ease, box-shadow 0.3s ease;
    z-index: 9999 !important;
}

#sp-header.header-sticky {
    z-index: 9999 !important;
}
#sp-header.transparent.header-sticky {
    position: fixed;
    background-color: var(--bs-white-rgb); 
}

#sp-header.transparent.header-sticky .sp-megamenu-wrapper .sp-megamenu-parent > li > a {
    color: var(--color_dark); 
}
/**/

#sp-header.transparent.white.header-sticky {
    position: fixed;
    background-color: var(--color_dark); 
}

/**/
#sp-header.transparent.white {
	border-bottom: 1px solid transparent !important;
	box-shadow: 0 0 4px 0 rgba(0,0,0,0);
}
#sp-header.transparent.white .sp-megamenu-parent > li:hover > a,
#sp-header.transparent.white .sp-megamenu-parent > li > a {
	color: var(--bs-white-rgb) !important; 
}
#sp-header.transparent.greenptop.header-sticky {
	top: 0px;
}
#sp-header.transparent.greenptop {
	top: 40px;
}
#sp-header.transparent.greenptop .sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover {
  color: var(--bs-orange);
}
/**/
#sp-header {
	z-index: 9999 !important;
}
@media (max-width: 980px) {
#sp-header {
	height: 65px !important;
}
#sp-header.transparent.spacetop {
	top: 80px !important;
}
#sp-header.transparent.header-sticky  {
	top: 0px !important;
	height: 65px;
}
#offcanvas-toggler {
    height: 65px !important;
    line-height: 65px !important;
}
.logo-image-phone {
  height: auto !important;
}
}
.colorbr .burger-icon > span {
	background-color: var(--color_dark) !important;
}
.white .burger-icon > span {
	background-color: #fff !important;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
	border-radius: 6px;
}

.logo-image {
	height: 2.5rem !important;
}

.offcanvas-menu .offcanvas-inner ul.menu li.active a,
.offcanvas-menu .offcanvas-inner ul.menu > li a:hover, 
.offcanvas-menu .offcanvas-inner ul.menu > li a:focus, 
.offcanvas-menu .offcanvas-inner ul.menu > li span:hover, 
.offcanvas-menu .offcanvas-inner ul.menu > li span:focus {
	color: var(--bs-orange) !important;
}
.offcanvas-menu .offcanvas-inner ul.menu > li a {
	color: 212121 !important;
	opacity: 1 !important;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
  font-size: 17px;
  padding: 7px 0px;
  line-height: 28px;
  font-weight: 500;
}
.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li > a {
  font-weight: 500 !important;
}
.view-category #sp-main-body,
.view-article #sp-main-body {
	padding: 0px 0 100px 0 !important;
}

/**/
.promo-card {
    position: relative;
    border-radius: 22px;
    padding: 36px;
    height: 350px;
    overflow: hidden;
}

.promo-title {
    font-size: 30px;
    font-weight: 600;
    max-width: 380px;
    line-height: 1.2;
}

.promo-circle{
    position: absolute;
    left: 36px;
    bottom: 36px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .3s ease;
}

.promo-circle svg{
    width: 26px;
    height: 26px;
}

.promo-circle:hover{
    transform: translateY(-3px);
}

.promo-shape {
    position: absolute;
    right: 30px;
    bottom: 30px;
    width: auto;
    opacity: 1;
}
.text-warningg {
  color: rgba(var(--bs-warning-rgb),var(--bs-text-opacity)) !important;
}

.fixcenter-little .sppb-nav.sppb-nav-modern {
    display: flex;
    justify-content: center;
}

.fixcenter-little .sppb-nav.sppb-nav-modern > li {
    flex: 0 0 auto; 
    width: auto;
}
.fixcenter-little .sppb-nav.sppb-nav-modern {
    width: fit-content;
    margin: 0 auto;
}

.fixtransform .sppb-carousel-extended-item.active, 
.fixtransform .sppb-carousel-extended-item.dragenable {
	transform-style: inherit !important;
}
.fixtransform img {
	border-radius: 22px !important;
}
.align-center {
  justify-content: center !important;
}
/**/

.aos-fade-up {
  transition: transform 0.3s ease-out, opacity 0.3s ease !important;
}

.bounce-img {
  animation: bounce 2s ease-in-out infinite;
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px); 
  }
}
.colorwhitebg #sp-top1 .sppb-addon-title a,
.colorwhitebg #sp-top1 .sppb-addon-title {
	color: #ffffff !important;
}
.sppb-carousel-extended-item.active, 
.sppb-carousel-extended-item.dragenable {
	transform-style: inherit !important;
}
.align-rightt {
	display: flex;
	justify-content: flex-end;
}
/**/
.sp-page-title .sp-page-title-heading {
	font-weight: 700;
  font-size: 60px;
  line-height: 70px;
  letter-spacing: -3px;
  color: var(--color_dark);
  position: relative;
  text-align: center;
}
.sp-page-title .sp-page-title-sub-heading {
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
	color: #343a40;
	position: relative;
	text-align: center;
	padding-top: 15px;
}
.sp-page-title {
  padding: 100px 0;
}
.sp-page-title{
    position: relative;
   /* overflow: hidden;*/
}

.sp-page-title::before{
	top: 0;
	left: 0;
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
height: 450px !important;
    background:radial-gradient(circle farthest-corner at 130% 110%,#fff 15%,rgba(255,255,255,0) 37%),linear-gradient(50deg,rgba(255,255,255,0) 70%,rgba(255,255,255,.8) 93%),linear-gradient(100deg,#fff 12%,rgba(255,255,255,0) 30%),linear-gradient(0deg,#fff,rgba(255,255,255,0) 85%),radial-gradient(circle at -20% -40%,rgba(255,255,255,0) 8%,rgba(173,216,224,.4) 33%,rgba(255,255,255,0) 68%),repeating-linear-gradient(210deg,rgba(255,255,255,0),rgba(230,247,255,.3019607843) 18%,rgba(255,255,255,0) 50%),repeating-linear-gradient(195deg,rgba(255,255,255,0) 55%,rgba(77,166,255,.3019607843) 66%,rgba(255,255,255,0) 85%);
}

.sp-page-title {
  background: transparent !important;
}

.sp-page-title .sp-page-title-heading {
	padding-left: 30%;
	padding-right: 30%;
}
.txt-center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
/**/

.theme-toggle {
	display:flex;
	align-items:center;
	gap:6px;
	padding:6px 14px;
	border-radius:30px;
	border:1px solid #ccc;
	background:#fff;
	cursor:pointer;
	font-size:14px;
	transition:all .3s ease;
}


.icon-sun{
display:none;
}

.theme-toggle.active .icon-moon{
display:none;
}

.theme-toggle.active .icon-sun{
display:inline;
}

/* DARK MODE */

body.dark-mode .sp-page-title,
body.dark-mode #sp-header {
	background:var(--color_dark) !important;
}
body.dark-mode .text-gray-900,
body.dark-mode .sp-megamenu-parent > li > a {
	color: #fff !important;
}
body.dark-mode{
background:var(--color_dark);
color:#fff;
}
body.dark-mode .btn-hover-bg-dark {
	background: #ffffff !important;
}
/* SP PAGE BUILDER */

body.dark-mode .sppb-section{
background:var(--color_dark) !important;
}

body.dark-mode .sppb-addon{
background:var(--color_dark);
color:#fff;
}
body.dark-mode .sp-page-builder .page-content #section-id-21d47ab7-5651-45bc-a79c-066e795036ae {
	background: #1c1c1e !important;
	border-color: #1c1c1e !important;
}
body.dark-mode h3,
body.dark-mode h2,
body.dark-mode label  {
	color:#fff !important;
}
/**/
#sp-search {
    margin-left: auto;
    display: flex;
    align-items: center;
	justify-content: flex-end;
}
#sp-search .sppb-addon-content {
    display: flex;
    align-items: center;
    height: 100%;
}

#search-btn {
    display: flex;
    align-items: center;
    justify-content: center;
	height: 50px;
}
#sp-header.greenptop .new-button .button span i,
#sp-header.greenptop .new-button .button span {
	color: var(--color_dark) !important;
}
#sp-header.greenptop svg,
#sp-header.orange svg {
    stroke: #ffffff !important;
}
/**/
#sp-component .article-details .article-full-image img {
  border-radius: 12px;
  width: 100%;
} 
#sp-component .article-list .article {
  position: relative;
  margin-bottom: 30px;
  padding: 20px 30px;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  transition:all .3s ease;
}
#sp-component .article-list .article:hover {
  box-shadow: 0 10px 30px 4px rgba(10,22,94,.07);
  transform: translateY(-2px);
  transition:all .3s ease;
}
#sp-component .article-list .article .article-intro-image, 
#sp-component .article-list .article .article-featured-video, 
#sp-component .article-list .article .article-featured-audio, 
#sp-component .article-list .article .article-feature-gallery {
	border-radius: 12px;
}
#sp-component .article-list .article .article-intro-image img, 
#sp-component .article-list .article .article-featured-video img, 
#sp-component .article-list .article .article-featured-audio img, 
#sp-component .article-list .article .article-feature-gallery img {
	border-radius: 12px;
	width: 100% !important;
	margin-top: 10px;
}

.grid-style .article-list .article .article-intro-image img, 
.grid-style .article-list .article .article-featured-video img, 
.grid-style .article-list .article .article-featured-audio img, 
.grid-style .article-list .article .article-feature-gallery img {
	height: 300px;
	object-fit: cover;
}
.list-style .article-list .article .article-intro-image img, 
.list-style .article-list .article .article-featured-video img, 
.list-style .article-list .article .article-featured-audio img, 
.list-style .article-list .article .article-feature-gallery img {
	height: 400px;
	object-fit: cover;
}

.article-list .article .article-header h1, 
.article-list .article .article-header h2 {
	font-size: 25px;
	line-height: 32px;
}
.article-list .article .article-header h1 a:hover, 
.article-list .article .article-header h1 a:active, 
.article-list .article .article-header h1 a:focus, 
.article-list .article .article-header h2 a:hover, 
.article-list .article .article-header h2 a:active, 
.article-list .article .article-header h2 a:focus,
.article-list .article .article-header h1 a, 
.article-list .article .article-header h2 a {
	color: var(--color_dark);
}
.article-introtext {
	color: #666b70;
}
.article-list.related-article-list h4 a {
	color: var(--color_dark);
	font-weight: 500;
	font-size: 22px;
	line-height: 30px;
}
.article-list.related-article-list img {
	border-radius: 12px;
	margin-top: 10px;
	height: 180px;
	object-fit: cover;
	width: 100%;
}
.related-article-list-container .related-article-title {
	font-size: 32px;
	padding-bottom: 15px;
	border-bottom: 1px solid #f3f3f3;
	margin-bottom: 30px;
	font-weight: 600;
}
/**/
#sp-right .sppb-addon-articles h3 {
	font-size: 16px !important;
	line-height: 24px;
	font-weight: 600;
}
#sp-right .sppb-addon-articles img {
	height: 85px;
	width: 85px;
	object-fit: cover;
	margin-bottom: 5px;
	float: left;
	border-radius: 15px;
	margin-top: 5px;
}
#sp-right .sppb-addon-articles .sppb-article-info-wrap {
	padding: 10px 15px 0 100px;
}
#sp-right .sppb-addon-articles .sppb-meta-date,
#sp-right .sppb-addon-articles .sppb-meta-category,
#sp-right .sppb-addon-articles .sppb-meta-category a{
	color: #888 !important;
	font-size: 15px;
	font-weight: 500;
}

#sp-right .sppb-addon-articles .sppb-addon-articless .sppb-article-meta {margin: 0;}
#sp-right .sppb-addon-articles .sppb-addon-articless .sppb-addon-articles {
	margin-bottom: 10px;
}
#sp-right .sppb-addon-articles .sppb-addon-articless .sppb-addon-articles {
	background: #e9ecef;
	transition: 0.5s ease-in-out;
	border: 1px solid rgba(255, 255, 255, 0);
	padding: 5px;
}
#sp-component .sppb-article-info-wrap h3 {
	padding-top: 20px !important;
}
#sp-right .sppb-addon-articless .sppb-article-meta > time {
	margin: 0px !important;
}
/**/
#sp-right  {
	z-index: 99;
}
#sp-right .sp-module {
  margin-top:0px;
  border: 0px solid #f3f3f3;
  padding: 20px 30px;
  border-radius:3px;
}
#sp-right .sp-column {
	background: #f2f2f2;
	border-radius: 12px;
}
#sp-right .sp-module:not(:last-child) {
	padding: 35px 30px 0;
    padding-bottom: 0px;
	padding-bottom: 35px;
	border-bottom: 1px solid rgba(227, 222, 216, 0.5);
}
#sp-right .sp-module .sp-module-title {
	font-size: 24px;
	letter-spacing: -0.02em;
	margin: 0 0 20px 0 !important;
	color: var(--color_dark);
	font-weight: 600;
	border-bottom: 0px solid #f3f3f3;
	padding: 0px !important;
}
.form-search input[type="text"] {
	background: rgba(227, 222, 216, 0.5);
	border: 1px solid rgba(227, 222, 216, 0.5);
	color: var(--color_dark);
	border-radius: 15px;
	height: 58px;
}
.awesomplete {
	width: 100%;
}
#sp-right .sp-module ul > li > a {
  padding: 5px 0;
  line-height: inherit !important;
  padding: inherit !important;
  font-size: 18px;
}
.tagscloud .tag-name {
  padding: 8px 12px !important;
  background: rgba(var(--bs-info-rgb), 1) !important;
  color: #ffffff !important;
  border-radius: 7px !important;
  margin: 4px 0 !important;
}
.tagscloud .tag-name:hover {
  background: rgba(var(--bs-info-rgb), 1) !important;
  color: #ffffff !important;
}
/**/

#sp-right .sp-module ul > li {
	display: block;
	border-bottom: 0px solid #f3f3f3 !important;
}

.mod-articlescategories.categories-module.mod-list {
  padding: 0;
  margin: 0;
}

.mod-articlescategories.categories-module.mod-list li {
  list-style: none;
  display: flex;
  align-items: center;
  color: var(--color_dark);
  gap: 10px;
  transition: all 0.3s ease;
}

.mod-articlescategories.categories-module.mod-list li:not(:last-child) {
  margin-bottom: 10px;
}

.mod-articlescategories.categories-module.mod-list a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--color_dark);
  text-decoration: none;
  transition: all 0.3s ease, background-size 0.8s ease;
}
#sp-component {
	z-index:999;
}
.mod-articlescategories.categories-module.mod-list a::before {
  content: "";
  width: 13px;
  height: 13px;
  border: 1px solid rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  background-color: transparent;
  display: inline-block;
  flex-shrink: 0;
  transition: background-color 0.3s ease, border-color 0.3s ease;
  margin-right: 10px;
}

.mod-articlescategories.categories-module.mod-list li:hover a {
  color: var(--color_dark) !important;
}

.mod-articlescategories.categories-module.mod-list a:hover::before {
  background-color: var(--color_dark);
  border-color: var(--color_dark);
}
#sp-component .article-details p.text-gray-100 {
	color: #ffffff !important;
	font-size: 30px !important;
	line-height: 40px !important;
}
.easystore-product-description,
ul.list-style-disc li,
#sp-component .article-details p,
.text-gray-900 {
  color: var(--gray-800) !important;
	font-size: 18px !important;
	line-height: 30px !important;
}
#sp-component .article-details strong {
	color: var(--color_dark);
}
#sp-component .article-details h3,
#sp-component .article-details h2 {
	color: var(--color_dark) !important;
	font-size: 28px !important;
	line-height: 40px !important;
}