.banner-hero {
	width: 100%;
	height: 98vh;
	min-height: 850px;
	background: #214C6E url('../imgs/product/banner-hero-9.png') top left;
	background-size: cover;
}

.banner-hero .content-hero {
	width: 100%;
}

.banner-hero .icon-ecal {
	width: 230px;
    height: auto;
}

.banner-hero .content-hero h1 {
	font-size: 2.9em;
	font-weight: bold;
	line-height: 1.4;
}

.banner-hero .content-hero h3 {
	font-size: 2em;
	font-weight: bold;
	line-height: 1.5;
}

.container-cobaquinoa .bg-left {
	background: #009D8F url('../imgs/product/gambar-38.png') top right;
    background-size: cover;
    background-repeat: no-repeat;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

.container-cobaquinoa .bg-right {
	background: #FEFDF2 url('../imgs/product/gambar-39.png') top left;
    background-size: cover;
    background-repeat: no-repeat;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}

.container-cobaquinoa .bg-left h3 {
	font-size: 2em;
	color: #FFFFFF;
	line-height: 1.4;
}

.btn-demo-quinoa {
	width: 270px;
    height: 112px;
    background: transparent url('../imgs/product/gambar-40.png') top left;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
}

.bg-fituratmost {
  background-color: #F6F9FE;
  background-image: url('../imgs/product/gambar-41.png'), url('../imgs/product/gambar-42.png');
  background-position: left bottom, right top;
  background-repeat: no-repeat, no-repeat;
}

.bg-fituratmost .detail-fitur {
  width: 100%;
  max-width: 400px;
}

.bg-fituratmost .detail-fitur #title-fitur {
  font-size: 1.2em;
  color: #242424;
  font-weight: 600;
}

.bg-fituratmost .detail-fitur #desc-fitur {
  font-size: 1em;
  color: inherit;
  text-align: justify;
}

.bg-fituratmost .list-group {
  width: 100%;
  max-width: 400px;
}

.bg-fituratmost .list-group, .bg-fituratmost .list-group .list-group-item {
  background-color: transparent;
  background: transparent;
  border: none;
}

.bg-fituratmost .list-group .card {
  background-color: transparent;
  border-radius: 16px;
  border: none;
  cursor: pointer;
}

.bg-fituratmost .list-group .card:hover {
  background-color: #EFF5FF;
}

.bg-fituratmost .list-group .card.active {
  background-color: #EFF5FF;
  border: 1px solid #0E92E4;
}

.bg-fituratmost .list-group .card .card-body {
  padding: 0.65em 1em;
  color: 
}

.bg-fituratmost .list-group .card .card-body img.ic-selected {
  width: 20px;
  margin-right: 5px;
  margin-bottom: 2px;
}

.bg-fituratmost .list-group .card .card-body span {
  color: #1D609E;
}

.container-sediaatmost .bg-left {
	background: #1CCF92 url('../imgs/product/gambar-43.png') top left;
    background-size: 509px 295px;
    background-repeat: no-repeat;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

.container-sediaatmost .bg-right {
	background: #1CCF92 url('../imgs/product/gambar-44.png') top left;
    background-size: cover;
    background-repeat: no-repeat;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}

.container-sediaatmost .bg-left h3 {
	font-size: 1.5em;
	color: #FFFFFF;
	line-height: 1.4;
}

.container-privacy .card {
  background: #0E92E4;
  border-radius: 20px;
  color: #FFFFFF;
  border: none;
  padding: 1em 2em;
}

.container-privacy .card .card-body {
  padding-top: 1.85rem!important;
  padding-bottom: 1.85rem!important;
}

.container-privacy .title-pribacy {
  font-size: clamp(28px, 2.3vw, 40px);
  font-weight: 600;
}

.container-privacy a.btn-more {
  text-decoration: none;
  background-color: #1C9FF1;
  border: 2px solid #78D6FF;
  color: #FFFFFF;
}

.container-privacy .start-15 {
  left: 20% !important;
}

@media (max-width: 1199.98px) {
  .container-privacy .start-15 {
    left: 17% !important;
  }
}

@media (max-width: 991.98px) {
	.banner-hero .content-hero h1 {
		font-size: 3.4em;
	}

  .container-privacy .start-15 {
    left: 28% !important;
  }
}

@media (max-width: 767.98px) {
	.banner-hero .content-hero h1 {
		font-size: 2.9em;
	}

	.container-sediaatmost .bg-left {
		border-top-right-radius: 30px;
		border-top-left-radius: 30px;
    	border-bottom-left-radius: 0px;
	}

	.container-sediaatmost .bg-right {
		height: 300px !important;
		border-top-right-radius: 0px;
    	border-bottom-right-radius: 30px;
    	border-bottom-left-radius: 30px;
	}
}