body {
	color: #1F4389;
	background-color: #fff;

}

html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

* {
    outline: none;
}


.brand-logo {
	margin-top: 45px;
}

.brand-logo .brand img {
	max-width: 250px;
}

.button-brand i {
	color: #1F4389;
	margin-right: 10px;
}

.button-content {
	align-content: center; 
	color: #1F4389; 
	font-weight: bold; 
	font-size: 30px;
}

header {
	padding: 700px 0 165px;
	margin-top: -110px;
    background-image: url(../images/header.jpg);
    background-size: cover;
    width: 100%;
    height: auto;
}

.text-header {
	margin-top: -300px;
	color: #fff;
}

.text-header h1 {	
	font-weight: 700;
	font-size: 45px;
}



.text-header h2 {
	font-weight: 400;
	font-size: 45px;
}
h1 span	{
	font-weight: 400;
}

h1 {
	font-size: 35px;
}

.section-2 {
	margin-top: 120px;
}

.btn-ask {
	background-color: #1F4389;
	width: 180px;
	font-size: 16px;
	font-weight: bold;
	border: none;
}
.section-3 {
	margin-top: 150px;
}
.section-3 .bg-color {
	background-color: #3A6FB6; 
	padding: 180px 0 110px;
}

.title-section-3 {
	margin-bottom: 30px;
}

.title-name-section-3 {
	color: #fff;
}



.images-section-3 img {
	max-width: 500px;
    height: auto;
    position: absolute;
	z-index: 2;
	top: -210px;
}

.section-4 {
	margin-top: 150px;
}

.section-4 .icon-name img {
	max-width: 80px;
	height: 80px;
}

.section-4 .icon-name {
	margin-bottom: 15px;
}

.section-4 .label {
	margin-bottom: 40px;
}

.section-5 {
	margin-top: 150px;
}

.section-5 img {
	background-size: cover; 
	object-fit: fill; 
	width: 100%;
}

.section-5 .bg-color {
	background-color: #3A6FB6; 
	margin-top: -15px;
	padding-bottom: 25px;
}

.section-5 .bg-color-3 {
	background-color: #3A6FB6; 
	padding-top: 50px;
	padding-bottom: 25px;
}

.section-5 .bg-color-product-2 {
	background-color: #fff; 
	margin-top: 100px;
	padding-bottom: 25px;
}

.heading-box-2 {
	font-weight: bold;
	font-size: 28px;
	color: #1F4389;
	margin-bottom: -5px;
}

.heading-box-detail-2 {
	margin-top: 15px;
	font-weight: 400;
	font-size: 18px;
	color: #1F4389;

}

.card-product-2 {
	position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
}

.card-body-2 {
	color: #fff;
}
.card-body-2 h5 {
	font-size: 18px;
	font-weight: 400;
	color: #1F4389;
}

.card-body-2 span {
	font-size: 14px;
	font-weight: bold;
	color: #1F4389;
}
.card-body-2 a {	
	margin-top: 10px;
}

.heading-box {
	font-weight: bold;
	font-size: 28px;
	color: #fff;
	margin-bottom: -5px;
}

.heading-box-detail {
	margin-top: 15px;
	font-weight: 400;
	font-size: 18px;
	color: #fff;

}

.section-5 .bg-color h4 {
	color: #fff;
}

.section-5 .bg-color-2 {
	background-color: #1F4389; 
	padding: 15px 0 10px;
}

.section-5 .bg-color-2 h4 {
	color: #fff; 
	font-weight: bold; 
	font-size: 18px;
}

.product-list {
	margin-top: 45px;
}

.card-product {
	position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
}

.card-img-top-product-2 {
	width: 100%;
	margin-bottom: 15px;
}

.card-body-2 {
	color: #fff;
}
.card-img-top-product {
	width: 100%;
}

.card-body {
	color: #fff;
}
.card-body h5 {
	font-size: 18px;
	font-weight: 400;
}

.card-body span {
	font-size: 14px;
	font-weight: bold;
}
.card-body a {	
	margin-top: 10px;
}

.footer {
	margin-top: 50px;
}
.images-footer img {
	max-width: 250px;
}
.footer-wa {
	font-size: 20px;
	font-weight: 700;
	margin-top: 30px;
	margin-bottom: 50px;
}