/* True Customizer port — marquee, FAQ panels, service items.
   Moved out of WP Customizer Additional CSS. Rules are unchanged. */

/* FAQ */
.style-light .panel {
	border-color: rgba(51, 51, 51, 0.2) !important;
}

.panel-body.wpb_accordion_content {
    padding: 9px 36px 36px 0px;	
}

.style-light .panel-group .panel-heading + .panel-collapse:before {
	border: none !important;
}

.panel:not(.has-padding) .panel-title > a, .uncode-accordion:not(.default-typography) .panel-title, .uncode-accordion:not(.default-typography) .panel-title > a > span {
font-family: 'Larken';
font-style: normal;
font-weight: 300 !important;
font-size: 32px;
line-height: 40px;
}
@media only screen and (max-width:959px) {
	.panel:not(.has-padding) .panel-title > a, .uncode-accordion:not(.default-typography) .panel-title, .uncode-accordion:not(.default-typography) .panel-title > a > span {
		font-family: "larken", sans-serif;
		font-style: normal;
		font-weight: 300 !important;
		font-size: 18px;
		line-height: 26px;
	}	
}

/* Service Items */
.sdg-main-services .divider-wrapper {
	margin: 72px 0px !important;
}

.service-items .row-child .uncont {
	padding-right: 64px !important;
}

.service-items .row-child .uncell::after {
	content: "";
	width: 24px;
	height: 24px;
	background:url("https://truedermatdev.wpenginepowered.com/wp-content/uploads/2024/03/angle-right.svg") no-repeat;
	top: 40%;
	left: 96.5%;
	position: absolute;
	display: inline-block;
}

/*Marquee*/

.marquee-parent {
	width: 101% !important;
}
.sdg-marquee .banner {
	font-style: italic !important;
  position: relative;
  overflow: hidden;
	font-family: "larken", sans-serif;
  font-style: normal;
  font-size: 30px;
	font-weight: 300 !important;
  line-height: 50px;
  min-width: 200vw;
  /* ADDED */
  animation: bannermove 40s linear infinite;
  display: flex;
  justify-content: space-between;
	padding-right: 10px !important;
}

/*.sdg-marquee .banner:hover {
  animation-play-state: paused;
}
*/

@keyframes bannermove {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.sdg-marquee .banner div {
  padding: 0px 24px;
	white-space: nowrap;
}
@media only screen and (max-width:959px) {
.sdg-marquee .banner {
  animation: bannermove 10s linear infinite;
}
}