
.services-v24 .service-tab-wrapper .nav-tabs {
	padding: 12px 0px;
	border: 0;
	border-right: 1px solid red;
}

.services-v24 .shadow {
	position: absolute;
	height: 375px;
	top: 13px;
	transform: translateX(100%);
	right: 0;
	width: 4px;
	background-color: transparent;
	box-shadow: -4px 0 6px -1px rgba(0, 0, 0, 0.4);
}

.services-v24 .service-tab-wrapper .nav-tabs>li {

	display: inline-block;
	float: none;
	margin-bottom: 10px;
	border: none;
}

.services-v24 .service-tab-wrapper .nav-tabs>li>a>.img-left {
	max-width: 30px;
	display: inline-block;
	vertical-align: text-bottom;
	margin-right: 10px;
	position: absolute;
	left: 36px;
	top: 50%;
	transform: translateY(-50%);
}
.services-v24 .service-tab-wrapper .nav-tabs>li>a>.img-left .img-active{
	position: absolute;
	top: 0;
	opacity: 0;
	transition: 0.4s;
}
.services-v24 .service-tab-wrapper .nav-tabs>li>a>.img-left .img-default{

transform: 0.4s;
	opacity: 1;
}
.services-v24 .service-tab-wrapper .nav-tabs>li > a:hover >.img-left .img-default,
.services-v24 .service-tab-wrapper .nav-tabs>li.active>a>.img-left .img-default{
	opacity: 0;
}
.services-v24 .service-tab-wrapper .nav-tabs>li > a:hover >.img-left .img-active,
.services-v24 .service-tab-wrapper .nav-tabs>li.active>a>.img-left .img-active{
	opacity: 1;
}
.services-v24 .service-tab-wrapper .nav-tabs > li > a > .text-r {
	max-width: calc(100% - 44px);
	display: inline-block;
    font-size:22px;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
}

.services-v24 .service-tab-wrapper .nav-tabs>li>a {
	border: 1.5px solid #818285;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	color: #505e6d;
	border-right-color:transparent ;
	padding: 12px 36px;
	padding-left: 70px;
	background: #fff;
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
	max-width: 240px;
	margin-left: auto;
	margin-right: 0px;
	text-align: left;
	display: table;
  	width: 100%;
  	font-family: "Montserrat", sans-serif;
}

.services-v24 .service-tab-wrapper .nav-tabs > li a:focus .services-v24 .service-tab-wrapper .nav-tabs>li:focus-visible {
	border: 1.5px solid transparent;
}

.fl-icon {
  font-size: 40px;
  color: #be1e2e;
  transition: color .5s ease;   /* smooth swap */  
}
@media (min-width: 991px) {
    .fl-icon {
  margin-left: -15px !important;
}
}



/* links themselves get the same red by default */
.services-v24 .service-tab-wrapper .nav-tabs > li > a {
  color: #be1e2e;
}

/* hover + active: turn everything white */
.services-v24 .service-tab-wrapper .nav-tabs > li > a:hover,
.services-v24 .service-tab-wrapper .nav-tabs > li.active > a {
  background: #bf1e2e;
  color: #fff; /* link text */
}

/* icon inside the link */
.services-v24 .service-tab-wrapper .nav-tabs > li > a:hover .fl-icon,
.services-v24 .service-tab-wrapper .nav-tabs > li.active > a .fl-icon {
  color: #fff;   /* icon turns white too */
}
.services-v24 .features ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.services-v24 .features ul li {
	position: relative;
	padding-left: 25px;
	padding-bottom: 8px;
}

.services-v24 .features ul li:before {
	content: '';
	position: absolute;
	left: 0;
	width: 12px;
	height: 3px;
	background: #2C51AC;
	top: 12px;
	display: inline-block;
}

.services-v24 .tab-content-holder {
	position: relative;
	animation: slideup 0.2s;
	overflow: hidden;
}

.services-v24 .tab-content {
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	overflow: hidden;
}
.services-v24 .tab-content .tab-text-content {
  padding: 0px 30px;
  background-color: #FFFFFF;
}
.services-v24 .service-collapse-wrapper .tab-content .tab-text-content {
	padding: 0;
  	background-color: transparent;
}
.services-v24 .service-collapse-wrapper .tab-content .tab-text-content .btn {
	margin-top: 0;
}
.services-v24 .tab-content .tab-text-content .tab-text-cta {
	position: relative;
}

.services-v24 .tab-content .tab-text-content .tab-text-cta img {
	max-width: 22px;
	transition: all 0.4s ease;
}

.services-v24 .panel-title {
	margin-top: 15px;
	display: block;
}

.services-v24 .service-collapse-wrapper .panel-default>.panel-heading[aria-expanded="true"] .panel-title {
	padding-bottom: 0;
}

.services-v24 .panel-title img {
	max-width: 22px;
	margin-right: 5px;
}
.services-v24 .service-collapse-wrapper .panel-title img {
	margin-right: 12px;
}
.services-v24 .tab-content .tab-text-content .tab-text-cta a:hover img {
	margin-left: 5px;
}

.services-v24 .tab-content .tab-text-content .tab-text-cta a {
	display: inline-block;
}

.services-v24 .tab-content .tab-text-content p {
	line-height: 156%;
	font-size: 18px;
}

.services-v24 .panel {
	background: #fff;
	margin-bottom: 28px;
}

.services-v24 .service-collapse-wrapper .panel-default {
	box-shadow: none;
	background: #fafafa;
	padding: 15px;
	border-radius: 15px;
	border: 1px solid #ccc;
}

.services-v24 .service-collapse-wrapper .panel-default>.panel-heading {
	color: #333;
	background-color: transparent;
	border: 0;
	border-radius: 0;
	text-align: center;
	padding: 6px 20px;
	margin: 0;
	line-height: 1;
	cursor: pointer;
	margin: 0;
}

.services-v24 .service-collapse-wrapper .panel-title {
	font-size: 18px;
	font-size: 20px;
	margin: 0;
	text-transform: capitalize;
}

.services-v24 .service-collapse-wrapper .tab-text-content p {
	font-size: 18px;
	margin-bottom: 20px;
}

.services-v24 .service-collapse-wrapper .panel-group .panel+.panel {
	margin-top: 2px;
}

.services-v24 .service-collapse-wrapper .tab-img img {
	margin-left: auto;
	margin-right: auto;
}

.services-v24 .service-collapse-wrapper .panel-default>.panel-heading[aria-expanded="true"] {
	background: transparent;
}

.services-v24 .service-collapse-wrapper .panel-group .panel-heading+.panel-collapse>.panel-body {
	border-top: 0;
	padding: 0;
}

.services-v24 .service-tab-wrapper .nav {
	display: none;
}

.services-v24 .service-tab-wrapper .nav li {
	display: block;
}

.services-v24 .service-tab-wrapper .nav li a img {
	max-width: 30px;
	vertical-align: middle;
	margin-right: 10px;
}

@media screen and (min-width: 992px) {
	.services-v24 .service-tab-wrapper .nav {
		display: block;
	}

	.services-v24 .panel {
		background: transparent;
	}

	.services-v24 .tab-content {
		margin-left: 40px;
		border: 1px solid #818285;
		border-radius: 50px;
		box-shadow: 0px 4px 4px 0px #00000040;

	}

	.services-v24 .tab-content .tab-text-content .tab-text-cta::before {
		content: '';
		position: absolute;
		top: 8px;
		left: -44px;
		height: calc(100% + 80px);
		width: 1px;
		background: #e5e9ed;
		margin-left: 44px;
	}
}

@media (max-width: 1199px) { .services-v24 .service-tab-wrapper .btn-secondary { padding: 1.5rem; } }
@media (max-width: 991px) { .services-v24 .service-tab-wrapper .btn-secondary { padding: 21px 40px 18px; } }
