* {box-sizing: border-box}
body {
    background: #ffffff;
}

/*============= Tile animation  =============*/
.h_accordion_blk {
   overflow: hidden;
}
.hdg_our_cplts {
	background: #fff;
	padding-bottom: 10px;
}
.accordion-horizontal.first_slider {
	margin-top: 40px;
}
.accordion-horizontal .accordion_item ul li {
	list-style: none;
	font-size:16px;
	text-align: left;
}
.accordion-horizontal .accordion_item.active .accordion_block img.key_icon {
	transition: all .35s;
	filter: brightness(0) invert(1);
}
	
	

@media (min-width: 901px){
	.accordion-horizontal{
		display: flex;
    }
    .accordion-horizontal .accordion_item {
		flex-direction: row;
		flex-grow: 0;
		flex-shrink: 1;
		min-width: min-content;
		display: flex;
		position: relative;
		transition: all 0.4s;
		justify-content: center;
		align-items: center;
    }
	.accordion-horizontal .accordion_item.active{
		cursor: auto;
		flex: 1;
	}
	.accordion-horizontal .accordion_item .gradient-blue-light {
		background: #1747f9;
		position: absolute;
		left: 0px;
		right: 0px;
		top: 0px;
		bottom: 0px;
		height: 300px;
		opacity: 0;
		transition: all 1s;
	}
	.accordion-horizontal .accordion_item.active .gradient-blue-light{
		opacity:1;
	}
    .accordion-horizontal .accordion_item .accordion_block {
		float: left;
		background-color: #ffffff;
		border: 1px solid #e6e6e6;
		height: 300px;
		cursor: pointer;
		text-align: center;
		display: flex;
		align-items: center;
		position: relative;
		margin-bottom: 0px;
		justify-content: center;
		min-width: 145px;
		padding-bottom: 0;
		flex: 33.33%;
	}
	.accordion-horizontal .accordion_item .accordion_block h3 {
		font-size: 15px;
		font-weight: 800;
		color: #000000;
	}
	.accordion-horizontal .accordion_item.active .accordion_block h3 {
		color: #FFFFFF;
	}
    .accordion-horizontal .accordion_item.active .accordion_block{
        cursor: default;
		color:#FFFFFF;
		border: 0px; 
		background:transparent;
    }
    .accordion-horizontal .accordion_item.active .accordion_content{
        width: 80%;
		color: #FFFFFF;
		position: relative;
		animation: show-content 400ms 300ms forwards;
		display: block;
    }
	.accordion-horizontal .accordion_item.active .accordion_content .left-slide{
		animation: show-content 400ms 300ms forwards;
		opacity: 0;
		padding:20px;
	}
    .accordion_content {
        max-height: 300px;
        width: 0px;
		overflow:hidden;
    }
	.accordion_content .col-md-6 ul{
		padding:0px;
		margin:0px;
	}
	.accordion_content .col-md-6 ul li{
		list-style: none;
		background: url(../images/bullets.png) -2px center no-repeat;
		padding-left: 23px;
		background-size: 20px;
	}
	@keyframes show-content {
		from {
			transform: translateX(-20px);
			opacity: 0;
		}
		to {
			transform: translateX(0);
			opacity: 1;
		}
	}
	.item5, .item6, .item7 {
		display: none !important;
	}
	.accordion-horizontal.first_slider .accordion_item.item.active{
		width: 60%;
	}
	.accordion-horizontal.second_slider .accordion_item.item.active {
		width: 60%;
	}
	
	.accordion-horizontal.first_slider .accordion_item.item.item1, 
	.accordion-horizontal.first_slider .accordion_item.item.item2, 
	.accordion-horizontal.first_slider .accordion_item.item.item3,
	.accordion-horizontal.first_slider .accordion_item.item.item4, 
	.accordion-horizontal.first_slider .accordion_item.item.item5, 
	.accordion-horizontal.first_slider .accordion_item.item.item6 {
		flex-basis: 33.33%;
	}
	.accordion_horizontal_blog.accordion1_active .accordion-horizontal.first_slider .accordion_item.item.item1, 
	.accordion_horizontal_blog.accordion1_active .accordion-horizontal.first_slider .accordion_item.item.item2, 
	.accordion_horizontal_blog.accordion1_active .accordion-horizontal.first_slider .accordion_item.item.item3 {
		flex-basis: 20%;
	}
	
	.accordion_horizontal_blog.accordion2_active .accordion-horizontal.second_slider .accordion_item.item.item7, 
	.accordion_horizontal_blog.accordion2_active .accordion-horizontal.second_slider .accordion_item.item.item8, 
	.accordion_horizontal_blog.accordion2_active .accordion-horizontal.second_slider .accordion_item.item.item9 {
		flex-basis: 20%;
	}
	
	.accordion-horizontal.second_slider .accordion_item.item.item10, 
	.accordion-horizontal.second_slider .accordion_item.item.item11{
		flex-basis: 50%;
	}
	.accordion_horizontal_blog.accordion3_active .accordion-horizontal.second_slider .accordion_item.item.item10, 
	.accordion_horizontal_blog.accordion3_active .accordion-horizontal.second_slider .accordion_item.item.item11 {
		flex-basis: 40%;
	}
	
	.firmware_engineering_ahblog .accordion-horizontal.first_slider .accordion_item.item.item1, 
	.firmware_engineering_ahblog .accordion-horizontal.first_slider .accordion_item.item.item2 {
		flex-basis: 50%;
	}
	.firmware_engineering_ahblog .accordion-horizontal.theard_slider .accordion_item.item.item10, 
	.firmware_engineering_ahblog .accordion-horizontal.theard_slider .accordion_item.item.item11 {
		flex-basis: 50%;
	}
	.accordion_horizontal_blog.accordion3_active .accordion-horizontal.theard_slider .accordion_item.item.item10, 
	.accordion_horizontal_blog.accordion3_active .accordion-horizontal.theard_slider .accordion_item.item.item11{
		flex-basis: 20%;
	}
	.accordion-horizontal.theard_slider .accordion_item.item.active {
		width: 60%;
	}
	.mechanical_engineering_accordion_horizontal_blog.accordion1_active .accordion-horizontal.first_slider .accordion_item.item.item1, 
	.mechanical_engineering_accordion_horizontal_blog.accordion1_active .accordion-horizontal.first_slider .accordion_item.item.item2, 
	.mechanical_engineering_accordion_horizontal_blog.accordion2_active .accordion-horizontal.second_slider .accordion_item.item.item7, 
	.mechanical_engineering_accordion_horizontal_blog.accordion2_active .accordion-horizontal.second_slider .accordion_item.item.item8 {
		flex-basis: 30%;
	}
	.mechanical_engineering_accordion_horizontal_blog .accordion-horizontal.first_slider .accordion_item.item.item1, 
	.mechanical_engineering_accordion_horizontal_blog .accordion-horizontal.first_slider .accordion_item.item.item2,
	.mechanical_engineering_accordion_horizontal_blog .accordion-horizontal.second_slider .accordion_item.item.item7,
	.mechanical_engineering_accordion_horizontal_blog .accordion-horizontal.second_slider .accordion_item.item.item8 {
		flex-basis: 50%;
	}
	.sustenance_accordion_horizontal_blog .accordion-horizontal.first_slider .accordion_item.item.item1, .sustenance_accordion_horizontal_blog .accordion-horizontal.first_slider .accordion_item.item.item2{
		flex-basis: 33.33%;
	}
	.sustenance_accordion_horizontal_blog .accordion-horizontal.second_slider .accordion_item.item.item7, .sustenance_accordion_horizontal_blog .accordion-horizontal.second_slider .accordion_item.item.item8 {
		flex-basis: 50%;
	}
	
	
	.jpnSite_mainpage_accordion_horizontal .accordion-horizontal.first_slider .accordion_item.item.item1, 
	.jpnSite_mainpage_accordion_horizontal .accordion-horizontal.first_slider .accordion_item.item.item2, 
	.jpnSite_mainpage_accordion_horizontal .accordion-horizontal.first_slider .accordion_item.item.item3, 
	.jpnSite_mainpage_accordion_horizontal .accordion-horizontal.first_slider .accordion_item.item.item4 {
		flex-basis:  33.33%;
	}
	.jpnSite_mainpage_accordion_horizontal .accordion-horizontal.second_slider .accordion_item.item.item8, 
	.jpnSite_mainpage_accordion_horizontal .accordion-horizontal.second_slider .accordion_item.item.item9, 
	.jpnSite_mainpage_accordion_horizontal .accordion-horizontal.second_slider .accordion_item.item.item10 {
		flex-basis: 33.33%;
	}
	.jpnSite_mainpage_accordion_horizontal .accordion_item.item.active .accordion_block {
		display: none;
	}
	.jpnSite_mainpage_accordion_horizontal.accordion1_active .accordion-horizontal.first_slider .accordion_item.item.item1, 
	.jpnSite_mainpage_accordion_horizontal.accordion1_active .accordion-horizontal.first_slider .accordion_item.item.item2, 
	.jpnSite_mainpage_accordion_horizontal.accordion1_active .accordion-horizontal.first_slider .accordion_item.item.item3, 
	.jpnSite_mainpage_accordion_horizontal.accordion1_active .accordion-horizontal.first_slider .accordion_item.item.item4 {
		flex-basis: 25%;
	}
	.jpnSite_mainpage_accordion_horizontal.accordion2_active .accordion-horizontal.second_slider .accordion_item.item.item8, 
	.jpnSite_mainpage_accordion_horizontal.accordion2_active .accordion-horizontal.second_slider .accordion_item.item.item9, 
	.jpnSite_mainpage_accordion_horizontal.accordion2_active .accordion-horizontal.second_slider .accordion_item.item.item10 {
		flex-basis: 25%;
	}
	.jpnSite_mainpage_accordion_horizontal .accordion-horizontal .accordion_item .gradient-blue-light {
		background: rgb(0,3,60);
		background: -moz-linear-gradient(top, rgba(0,3,60,1) 0%, rgba(0,75,134,1) 100%);
		background: -webkit-linear-gradient(top, rgba(0,3,60,1) 0%,rgba(0,75,134,1) 100%);
		background: linear-gradient(to bottom, rgba(0,3,60,1) 0%,rgba(0,75,134,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00033c', endColorstr='#004b86',GradientType=0 );
	}
	.jpnSite_mainpage_accordion_horizontal .accordion-horizontal .accordion_item.active .accordion_content {
		width: 100%;
		padding: 30px;
		height: 100%;
	}
	.jpnSite_mainpage_accordion_horizontal .accordion-horizontal .accordion_item .accordion_content .left-slide {
		padding: 0;
		height: 100%;
	}
	.jpnSite_mainpage_accordion_horizontal .accordion-horizontal .accordion_item .accordion_content .left-slide .row {
		height: 100%;
	}
	.jpnSite_mainpage_accordion_horizontal .accordion-horizontal .accordion_item {
		align-items: self-start;
	}
	.jpnSite_mainpage_accordion_horizontal .accordion-horizontal .accordion_item.active .accordion_content .left-slide {
		padding: 0;
	}
	.title_Bu {
		display: flex;
		align-items: center;
		margin-bottom: 30px;
	}
	.title_Bu h3 {
		margin-right: auto;
		font-size: 24px;
		font-weight: 800;
		margin-bottom: 0;
	}
	.title_Bu~ul {
		margin-bottom: 24px;
		min-height: 90px;
	}

	
}

@media (max-width: 1750px){
	.accordion-horizontal .accordion_item, .accordion-horizontal .accordion_item .accordion_block {
		flex-basis: 260px;		
	}
}

@media (max-width: 1599px){
	.accordion-horizontal .accordion_item ul li {
		font-size: 15px;
	}
}

@media (max-width: 1440px){
	.accordion-horizontal .accordion_item, .accordion-horizontal .accordion_item .accordion_block {
		flex-basis: 210px;		
	}
}

@media (max-width: 900px) {
	.cloud_type_design_bg:after {
		background-position: -35px;
		height: 114px;
		z-index: 1;
		bottom:-1px;
	}
	.h_accordion_blk {
		background: #1747f9;
	}
	.h_accordion_blk h2.heading_common {
		color: #fff;
		text-align: center;
	}
	.accordion-horizontal.first_slider {
		display: block;
	}
	.accordion-horizontal .accordion_item .gradient-blue-light {		
		position:absolute;
		left:0px;
		right:0px;
		top:0px;
		bottom:0px;
		height:auto;
		opacity:0;
		transition: opacity 400ms;
	}
	.accordion-horizontal .accordion_item.active .gradient-blue-light{
		opacity:1;
	}
	.accordion-horizontal .accordion_item .accordion_block {
		height: auto;
	}
	
	.accordion-horizontal .accordion_item .accordion_content, .accordion-horizontal .accordion_item.active .accordion_content{       
		color:#FFFFFF;
		text-align: justify;
		margin-bottom: 0px;
    }
	.accordion-horizontal .accordion_item .accordion_content .left-slide {
		padding: 0px 20px;
	}
	.accordion-horizontal .accordion_item .accordion_content p, .accordion-horizontal .accordion_item.active .accordion_content p{
		color:#FFFFFF;
	}
	.accordion-horizontal .accordion_item .accordion_block h3, .accordion-horizontal .accordion_item.active .accordion_block h3 {
		color: #FFFFFF;
		font-size: 20px;
		font-weight: 800;
		font-family: Montserrat;
	}
	.accordion-horizontal .accordion_item .accordion_block, .accordion-horizontal .accordion_item.active .accordion_block {
		text-align: center;
		padding-top: 30px;
		margin-bottom: 20px;
	}
	.b_icon {
		display: none !important;
	}
	.accordion-horizontal .accordion_item .accordion_block img, .accordion-horizontal .accordion_item.active .accordion_block img{
		max-width:100%;
		width:auto;
		display:inline-block;
	}
	.accordion-horizontal .accordion_item .accordion_block img.key_icon {
		filter: brightness(0) invert(1);
	}

	.accordion_horizontal_blog .accordion-horizontal.owl-carousel .owl-nav{ 
		color:#FFFFFF; 
		position: absolute;
		top: 40px;
		width: 100%;
	}
	.accordion_horizontal_blog .accordion-horizontal.owl-carousel .owl-nav .owl-prev {
		float: left;
		margin-left: 0;
		width: 34px;
		height: 34px;
		line-height: 0;
		border-radius: 30px;
		border: 0;
		background: #336aeb;
	}
	.accordion_horizontal_blog .accordion-horizontal.owl-carousel .owl-nav .owl-next{
		float:right;
		margin-right:0px;
		width: 34px;
		height: 34px;
		line-height: 0;
		border-radius: 30px;
		border: 0;
		background: #336aeb;
	}
	.accordion_horizontal_blog .accordion-horizontal.owl-carousel .owl-nav .owl-prev:hover {
		background: #668ff0;
	}
	.accordion_horizontal_blog .accordion-horizontal.owl-carousel .owl-nav .owl-next:hover {
		background: #668ff0 !important;
	}
	.accordion_horizontal_blog .accordion-horizontal.owl-carousel .owl-nav .owl-prev span,
	.accordion_horizontal_blog .accordion-horizontal.owl-carousel .owl-nav .owl-next span {
		font-size: 40px;
		line-height: 5px;
	}
	
	.accordion-horizontal .owl-dots{ display:none;}
	.accordion_content .col-md-6{
		padding:0px;
	}
	.accordion_content .col-md-6 ul{
		padding:0px;
		margin:0px;
	}
	.accordion_content .col-md-6 ul li{
		list-style: none;
		background: url(../images/bullets.png) -2px center no-repeat;
		padding-left: 23px;
		background-size: 20px;
	}
	.second_slider {
		display: none;
	}
	button.owl-next:hover, button.owl-next span:hover {
		background: 0 !important;
	}
	.accordion-horizontal.first_slider {
		display: block;
		margin-top: 20px;
	}
	.accordion-horizontal .accordion_item ul li {
		text-align: center;
	}
	.title_Bu {
		display: none;
	}
	.jpnSite_mainpage_accordion_horizontal .accordion-horizontal .accordion_item .accordion_content .left-slide .readmore_btn {
		margin: 30px auto 40px;
	}
	.jpnSite_mainpage_accordion_horizontal .accordion-horizontal .accordion_item .accordion_content .left-slide .readmore_btn a {
		box-shadow: 1px 1px 4px -1px #00000091;
	}

}


@media (max-width: 575px) {
	
}


@media (max-width: 375px) {
	
}

@media (min-width: 992px) and (max-width: 1199px){
	.accordion-horizontal .accordion_item ul li {
		font-size: 13px;
	}
}


@media (min-width: 767px) and (max-width: 769px){
	.accordion-horizontal .accordion_item .accordion_content .left-slide {
		padding: 0px 30px;
	}
}