body{
		font-family: 'sans-pro-roche', Helvetica, Arial, sans-serif;
	}
.hero-banner{
		min-height:350px;
		background-color:#fff;
		padding-bottom:0;
	}
	.hero-banner h1{
		font-weight: bold;
		text-shadow: 0 0 black;
		font-size: 46px;
	}
	.hero-banner .btn-lg{
		background-color: #8EB927;
		font-weight: 600;
		color: #fff;
		border: none;
		font-size: 20px;
	}
	.jumbotron p.featurette-heading {
		font-size: 20px;
	}
	.text-white {
		--bs-text-opacity: 1;
		color: rgba(255,255,255,var(--bs-text-opacity))!important;
		color: rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important;
	}
	.svg-border-angled {
		padding-top: 3rem;
	}
	@media (min-width: 576px){
		.svg-border-angled {
			padding-top: 3.5rem;
		}
	}
	@media (min-width: 768px){
		.svg-border-angled {
			padding-top: 4rem;
		}
	}
	@media (min-width: 992px){
		.svg-border-angled {
			padding-top: 4.5rem;
		}
	}
	@media (min-width: 1200px){
		.svg-border-angled {
			padding-top: 5rem;
		}
	}
	.svg-border-angled svg {
		bottom: 0;
		left: 0;
		height: 8rem;
		width: 100%;
		fill: #fff;
		border-bottom: 40px solid #fff;
	}
	
	@media (min-width: 576px){
		.svg-border-angled svg {
			height: 8rem;
		}
	}
	@media (min-width: 768px){
		.svg-border-angled svg{
			height: 9rem;
		}
	}
	@media (min-width: 992px){
		.svg-border-angled svg{
			    height: 10rem;
		}
	}
	@media (min-width: 1200px){
		.svg-border-angled svg{
			height: 13rem;
		}
	}
	.featurette{
		display: flex;
		align-items: center;
		padding: 20px 0 60px 0;
	}
	/*.video {
		background-color: #ebf8f8;
	}*/
	.tab-pills h2{
		font-weight:600;
		padding-bottom: 20px;
	}
	.tab-content>.tab-pane div {
		background: #ebf8f8;
		float: none;
		display: table-cell;
		vertical-align: top;
	}
	.brand-space{
		margin-bottom:50px;
	}
	.nav-tabs>li>a:hover {
		border-color: #ebf8f8 #ebf8f8 #ebf8f8;
	}

	.nav>li>a:focus, .nav>li>a:hover {
		text-decoration: none;
		background-color: #ebf8f8;
	}
	.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
		border: 1px solid #ebf8f8;
		background-color: #ebf8f8;
		font-weight:bold;
	}
	.nav-tabs {
		border-bottom: 1px solid #ebf8f8;
	}
	.tab-pills {
		margin: 50px 0;
	}
	.nav-tabs>li>a {
		font-size: 18px;
		font-weight: 500;
		color: #4a4a4a;
	}
	.tab-content li {
		font-size: 18px;
		line-height: 22px;
		color: #4a4a4a;
	}
	.card-left{
		padding-left: 0;
		margin-bottom: 50px;
	}
	.card-right{
		padding-right: 0;
		margin-bottom: 50px;
	}
	.card {
		background: #ebf8f8;
		padding: 15px;
	}
	.card .card-text{
		font-size:16px;
		line-height:24px;
	}
	.tab-content>.tab-pane h3 {
		font-size: 22px;
		font-weight: 100;
		line-height: 28px;
		letter-spacing: 0.1px;
		padding-left: 20px;
	}
	.signup-block{
		background-color: #BEECF1;
		padding:80px 0;
		margin-bottom:60px;
	}
	.signup-block .btn-lg{
	    background-color: #8EB927;
		font-weight: 600;
		color: #fff;
		border: none;
		padding: 15px 36px;
		font-size: 18px;
	}
	@media(max-width:768px){
		.tab-content>.tab-pane div{
			display:block;
		}
		.tabbable-line {
			background: #ebf8f8;
		}
		.card-left{
			padding: 0;
		}
		.card-right{
			padding: 0;
		}
	}
	.jumbotron.hero-banner {
		padding: 0 !important;
	}
	.jumbotron.hero-banner .heading{
		padding:50px 0;
	}
	.jumbotron.hero-banner .hero-area {
		max-width: 100%;
		display: flex;
		align-items: center;
	}
	@media (max-width:767px){
		.jumbotron.hero-banner .hero-area {
			display: flex;
			flex-direction: column-reverse;
		}
		.jumbotron.hero-banner .hero-area .heading {
			text-align:left;
		}
		.jumbotron.hero-banner .hero-area .text-center {
			margin-top: 50px;
		}
		.jumbotron.hero-banner .hero-area .text-center img {
			max-height: 300px;
		}
		.featurette{
			display: block;
		}
		img.img-circle {
			max-width: 250px;
			height: auto;
			min-width: 250px !important;
		}
		.tabbable-panel ul.nav.nav-tabs {
			display: block;
		}

		.tabbable-panel ul.nav.nav-tabs li {
			width: 100%;
			text-align: center;
			border-bottom: 1px solid #d2d2d2;
			margin: 0;
			padding: 0;
			background: #fff;
		}

		.tabbable-panel ul.nav.nav-tabs li a {
			border-radius: 0;
			border: 0;
			width: inherit;
		}
		.tabbable-panel .tab-content {
			background-color: #ebf8f8;
			padding: 30px 0;
		}
		.tab-content>.tab-pane div {
			display: table-footer-group !important;
		}
		.row.no-gutters {
			display: flex;
			flex-direction: column-reverse;
			text-align: center;
		}
		.tab-content>.tab-pane div.col-md-6.text-right {
			text-align: center;
		}
	
	}
	img.img-circle {min-width: 350px;height: auto;}

	.jumbotron.hero-banner .hero-area {
		max-width: 100%;
		display: flex;
		align-items: center;
	}
	.jumbotron.hero-banner .btn-lg {
		margin-top: 30px;
		padding: 15px 40px;
	}
	.featurette-heading {
		font-weight: 400;
		line-height: 25px;
	}
	.tab-pills .nav-tabs>li {
		margin-bottom: 0;
	}
	ul.nav.nav-tabs {
		list-style-type: none;
		padding-left: 0;
		display: flex;
		flex-direction: row;
		margin-bottom: 10px;
		justify-content: space-between;
		align-items: flex-end;
		flex-wrap: wrap;
	}
	.tabbable-line .nav>li {
		position: relative;
		display: block;
		box-sizing: border-box;
		flex: 1;
		width: 25%;
		padding: 0;
		text-align: center;
	}
	.page-accu-check-platform .content-new .breadcrumbs {
		display:none;
	}
	.block-img-square{
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: hidden
	}
	.block-img-square .block-img{
		flex-shrink: initial;
		min-width: 100%;
		min-height: 100%
	}
	
	@media (min-width:992px){
		.block-img-square .block-img {
			flex-shrink: 0;
		}
	}
	.row.no-gutters {
		margin: 0 0px;
	}
	.logo-size{
		max-width: 400px;
	}
	@media (max-width:1023px){
		.logo-size{
			max-width: 300px;
			min-width: unset;
		}
	}
	img.icon-image {
		width: 130px;
		height: auto;
		margin: 0 auto;
		<!-- filter: invert(53%) sepia(100%) saturate(380%) hue-rotate(120deg) brightness(104%) contrast(94%); -->
	}
	h2.text-center{
		font-size: 38px;
		margin-bottom:40px;
		font-weight: 500;
	}
	h3.text-center{
		text-transform: unset;
		padding: 0 35px;
		font-size: 28px;
	}
	.single-blog-img {
    overflow: hidden;
}

.how-section1 .row {
    display: flex;
    display: flex;
    align-items: center;
	padding: 30px 0;
}

.how-section1 h4{
    color: #4a4a4a;
    text-transform: capitalize;
    font-size: 28px;
}

.how-section1 p{
    color: #4a4a4a;
    font-size: 20px;
}

.how-img 
{
    text-align: center;
}
.how-img img{
    width: 100%;
}
/* List */
.tabbable-panel .tab-pane ul {
  counter-reset: index;  
  padding: 0;
}

/* List element */
.tabbable-panel .tab-pane li {
  counter-increment: index; 
  display: flex;
  align-items: center;
  padding: 7px 0;
  box-sizing: border-box;
}


/* Element counter */
.tabbable-panel .tab-pane li::before {
  content: counters(index, ".", decimal-leading-zero);
  font-size: 1.5rem;
  text-align: right;
  font-weight: bold;
  min-width: 50px;
  padding-right: 12px;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
  align-self: flex-start;
  background-image: linear-gradient(to bottom, #4d4d4d, #393939);
  background-attachment: fixed;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


/* Element separation */
.tabbable-panel .tab-pane li + li {
  border-top: 1px solid rgba(255,255,255,0.2);
}
.tabbable-panel .tab-content>.active {
    display: flex;
}

@media (max-width:767px){
	.tab-content>.active {
		display: block;
	}
	.tab-content>.tab-pane div.col-md-6.text-center {
		display: none !important;
	}
	.how-section1 .row{
		flex-direction: column;
	}
	.how-section1 .row.reverse {
		flex-direction: column-reverse;
	}
}


/* Hide / Show tab's content  */

.tab-content {
  display: none;
  width: 100%;
  max-height: 100%;
  background: #fff;
  font-size: 18px;
}
.tab.active + .tab-content { display: block; }

/* Styling tabs - this is enough for mobile - just like an accordion */

.tab, .tab-content { padding: 15px; } 
.tab { background: #f2f2f2;
    margin-bottom: 5px;
    border-left: 2px solid #ddd; }
.tab-content { border: 1px solid #ddd;
    background: #f2f2f2;
    padding: 0px 30px;}

/* Styling for desktop - vertical tabs */

@media (min-width: 992px) {
  .tab { width: 30% }
  .tab-content {
    position: absolute;
    top: 0;
    right: 0;
    width: 67%;
    min-height: 95%;
    overflow-y: auto;
  }
/*   this is optional */
  .tabs-container { 
    min-height: 400px; 
    background: none;
  }
}

a.tab-title {font-size: 18px;color: #4a4a4a;font-weight: 600;}
.tab.active {background: #BEECF1;border-left: 2px solid #0dd7b3;}
.tab-content h3 {
    margin-bottom: 20px;
}
/* responsive issue fix */
@media (max-width: 375px){
	.jumbotron.hero-banner .hero-area .heading{
		padding-left: 43px;
		padding-right: 50px;
		padding: 50px;
	}
	.hero-banner .btn-lg {
		font-size: 16px;
	}
	.signup-block .btn-lg{
		font-size: 16px;
	}
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 5px auto #8EB927 !important;
  outline-offset: -2px;
  background-color: #8EB927 !important;
}
/* FAQ Accordion section */

.panel-heading a {
  display: block;
  position: relative;
  font-size: 16px;
  text-transform: none;
  
  &::after {
    content: "";
  border: solid black;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 5px;
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(45deg);
  }

  &[
  aria-expanded="true"]::after {
    transform: rotate(-135deg);
  top: 5px;
  }
}
.panel-default>.panel-heading{
  background-color: #fff;
}

.panel-default{
   border-color: #fff;
}
.panel-default .panel-body p {
    font-size: 16px;
}