@charset "utf-8";
/* CSS Document */

html, body{margin: 0px; padding: 0px;}
*{box-sizing: border-box;}
img{max-width: 100%; -webkit-user-select: none; -webkit-touch-callout: none; -moz-user-select: none; -ms-user-select: none; user-select: none!important;}
a{text-decoration: none;}

.nav-custom{color: #2F3690; transition: all 0.6s ease;}
.nav-custom:hover{color: #06A64F; transform: translateY(-8px); transition: all 0.6s ease;}
.active{ background: transparent; pointer-events: none!important; font-weight: bold;}
.shadow{ background-color: #2F3690; padding: 0px; box-shadow: 0px 6px 8px 4px #000; z-index: 16}
.nav-item{ color: #fff!important; opacity: 1!important; margin: 0px; padding: 6px 10px; background: none; transition: all 0.6s ease;}
.nav-item:hover, .dropdown-item:hover{opacity: 0.7;}
.nav-item a:hover{ border-bottom: 1px dotted #485e88; transition: all 0.6s ease;}

.nav-item a{color: #fff!important; background: transparent; transition: all 0.6s ease;}

.iso{margin-right: 20px;}

.tab-item active{border: none;}

.carousel-caption{transform: translateY(-10em);}
.super{font-size: 40%; transform: translateY(-80%);}

.card-main{position: relative; width: 100%; height: 100%;  background-color: #eee; border: 2px solid #fff;}
.card-main::before{content: ""; display: block; position: absolute; top: -6px; left: -6px; width: 30px; height: 30px; background-color: #2f3690; z-index: -1;}
.card-main::after{content: ""; display: block; position: absolute; bottom: -6px; right: -6px; width: 30px; height: 5px;background-color: #06A64F; z-index: -1 !important;}

.card-img{width: 50%; display: block; float: left;}
.card-body{width: 50%; padding: 20px; display: block; float: right; z-index: 2;}
.card-body::after{content: ""; display: block; position: absolute; bottom: -6px; right: -8px; width: 5px; height: 30px;background-color: #06A64F; z-index: -1 !important;}

.caption{position: relative;}
.caption::before{content: ""; position: absolute; width: 40px; height: 5px; top: -10px; left: 0px; background-color: #2f3690; z-index: -1;}
.caption::after{content: ""; position: absolute; width: 40px; height: 5px; bottom: -10px; right: 0px; background-color: #06A64F; z-index: -1;}
.caption-img{width: 100%; margin-top: 30px;}
.caption-body{border-bottom: 1px dotted #999;}

.product-box{width: 32%; border: 1px solid #aaaaaa; position: relative; margin-bottom: 30px;}
.product-header{padding: 20px; background-color: rgba(47,54,144,0.2);}
.product-copy{padding: 20px;}
.know-more{align-self:flex-end; margin-right: 20px; position: absolute; bottom: -15px;}
.btn-knowmore{background-color: #ffffff; font-weight: bold; border: 2px solid #2f3690; color: #2f3690; transition: all 0.4s;}
.btn-knowmore:hover{background-color: rgba(47,54,144,0.6); color: #ffffff; transition: all 0.4s;}

.modal-title{color: #807817;}

.custom-button{border-bottom-color: #fff!important;}

.accordion{border-color: #ffffff!important;}
.accordion-header, .accordion-body{border-color: #ffffff!important;}
.accordion-button{ font-size: 17px; background-color: rgba(128,120,23,0.6); }
.accordion-button:not(collapsed).collapsed{background-color: rgba(128,120,23,0.2); border: 1px solid #ffffff;}
.accordion-button[aria-expanded="true"]{background-color: rgba(128,120,23,0.4)!important; color: #000; border: 2px solid #ffffff;}
.accordion-button:focus{box-shadow: none;}

.logo-box{width: 24%; padding: 20px; margin-bottom: 35px; border: 1px solid #aaaaaa; position: relative; background: linear-gradient(to bottom, #ffffff 85%, #cccccc 100%);}

.disclaimer{width: 50%;}

.cform{background-color: rgba(46,49,146,0.1); padding: 60px;}

.th{width: 212px; height: 212px; border: 1px solid #cccccc; display: flex; align-items: center; margin-bottom: 30px; padding: 6px; overflow: hidden;}
.th img{text-align: center; transition: all 0.4s;}
.th img:hover{transform: scale(110%, 110%);transition: all 0.4s;}



@media(max-width:768px){
	.card-img{width: 100%;}
	.card-body{width: 100%;}
	.caption{width: 50%;}
	.caption-img{width: 50%; margin-bottom: 30px;}
	.product-box{width: 320px;}
	.logo-box{width: 100%;}
	.iso{width: 15%; margin-right: 14px;}
	.disclaimer{width: 100%;}
}