#chartitlebg {
    box-sizing: border-box;
    background-image: url(../images/product_bg.png);
    position: relative;
    height: 110px;
    padding: 38px 25px;
    text-decoration: none !important;
    z-index: -1!important;
}

a.cartitle h5 {
	display: inline-block;
	font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding-left: 10px;
	border-left: 4px solid #669999;
	font-weight: 600;
	font-size: 28px;
	color: #fff !important;
	margin-left: 60px;
	text-decoration: none !important;
	margin-top: 0px !important
}
a.cartitle :hover {
	display: block;
	padding-left: 10px;
	border-left: 4px solid #669999;
	text-decoration: none;
	font-size: 28px;
	color: #fff;
	font-weight: 600;
	font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none !important;
	margin-top: 0px !important
}

.catitle {
    text-align: center;
}

.catitle img {
    margin: 20px auto!important;
}

.cattitle-top-margin {
	margin-top: 30px !important;
}

.first-sectionbg-cyan {
	margin-bottom: 60px;
    box-shadow: 0px 8px 5px -5px #ccc;
}

 .negative-margin {
	margin-left: -22px;
	padding-right: 35px;
}

.first-icon-section {
	position: absolute;
	margin-left: 6%;
}

.first-icon-section img {
	width: 75%;
}

.first-icon-section h6 {
	color: rgb(97, 97, 97);
	margin: 10px 0px 10px;
 	font-size: 0.75rem; 
}

.first-sectionbg {
	padding: 35px 0px 35px 0px;
}

/* Common for all Sections */
.sectionbg {
	padding: 65px 0px 35px 0px;
}

.sectionbg-cyan {
	background-color: #f9fcfb;
}

.sectionbg-white {
	background-color: #fff;
}

.first-sectionbg-white {
	padding-top: 40px;
}

.sectionbg-green {
	background-image: url("../images/4_16/catfeatures_bg_1.png");
}

.sub-section {
	margin-bottom: 10px;
}

.subsection-img {
	margin-top: 30px;
}

.sub-section h6 {
	margin-left: 52px;
	margin-top: -15px;
	padding-bottom: 15px;
}

.sectionbg-white .sub-section h5 {
	color: #0b897f;
	font-size: 1.2rem;
}

.sectionbg-green .sub-section h5 {
	color: #ccffff;
	font-size: 1.2rem;
}

.sectionbg-white .sub-section h6 {
	color: rgb(97, 97, 97);
	line-height: 1.5rem;
	padding-right: 2px;
}

.sectionbg-green .sub-section h6 {
	color: #fff;
	line-height: 1.5rem;
	padding-right: 2px;
}

.sectionbg-white-header {
	text-align: center;
	margin-bottom: 35px;
}

.sectionbg-green-header {
	text-align: center;
	margin-bottom: 50px;
}

.sectionbg-white-header h2 {
	color: #0b897f;
	margin-bottom: 25px;
}


.sectionbg-white-header h4 {
	color: rgb(97, 97, 97);
	font-size: 1.25rem;
}

.sectionbg-green-header h2 {
	color: #ccffff;
	margin-bottom: 25px;
}

.sectionbg-green-header h4 {
	color: #fff;
	font-size: 1.25rem;
}

 .sectionbg img {
	margin: 5px 10px 40px 0px;
}

.img-text-wrapper {
	display: flex;
}

.img-text-wrapper .h5-margin-top {
	margin-top: 13px;
}

.img-text-wrapper .m-h5-margin-top {
	margin-top: 8px;
}
/* End of Common for all Sections */

.first-sectionbg-cyan img {
	margin: 0px;
}

.custom-button {
	width: 250px !important;
	margin: 0px !important;
}

.icon-section h6 {
	color: #0b897f;
}

div.icon-section div {
	padding-bottom: 30px;
}

@media (max-width: 1400px) {
	.first-icon-section {
		margin-left: 6%;
	}
}

@media (max-width: 1199px) {
	.img-third-section img {
		padding-top: 40px;
	}
	
	.fourth-section img {
		padding-top: 120px;
	}
	.sixth-section img {
		padding-top: 120px;
	}
	.seventh-section {
		padding-top: 60px;
	}
}

@media (max-width: 991px) { 
	
	html {
		font-size : 13px;
		line-height: normal;
	}
	
	a.cartitle h5 {
  		margin-left: 40px;
	}
	.first-icon-section {
		margin-left: -10%;
	}
	.second-section {
		margin-left: -60px;
	    margin-right: -60px;
	}
	.icon-section h6 {
		font-size: 0.95rem; 
	}
	
	.sectionbg-white .sub-section h5 {
		font-size: 1.45rem;
	}
	
	.sectionbg-green .sub-section h5 {
		font-size: 1.45rem;
	}
	
	.sectionbg-white .sub-section h6 {
		font-size: 1.1rem;
	}
	
	.sectionbg-green .sub-section h6 {
		font-size: 1.1rem;
	}
	
	.img-third-section img {
		padding-top: unset;
	}
	
	.fourth-section img {
		padding-top: unset;
	}
	.sixth-section img {
		padding-top: unset;
	}
	.seventh-section {
		padding-top: unset;
	}	
}

@media (max-width: 900px) {
	.negative-margin {
		padding-right: 22px
	}
	.first-icon-section {
		margin-left: -4%;
	}
}

@media (max-width: 800px) { 
	.second-section {
		margin-left: -45px;
	    margin-right: -45px;
	}
	.second-section-div {
		padding-left: 0px;
	}
	.negative-margin {
		padding-right: 15px
	}
	.first-icon-section {
		margin-left: 0%;
	}	
	
}

@media (max-width: 767px) { 
	.first-sectionbg-cyan {
		margin-bottom: 30px;
	}
	.second-section-div {
		padding-left: 15px;
	}
	.first-icon-section {
		margin-left: -10%;
	}
	.first-sectionbg-white {
		padding-top: 20px !important;
	}
	.sectionbg img {
    	margin: 5px 10px 25px 0px;
	}
	.sub-section {
	    margin-top: 0px;
	}
	.sectionbg {
	    padding: 50px 0px 15px 0px;
	}
	
}

@media (max-width: 667px) { 
	.first-icon-section {
		margin-left: -5%;
		margin-top: 1%;
	}
}

@media (max-width: 620px) { 
	.first-icon-section {
		margin-left: 0%;
	}
}

@media (max-width: 575px) { 
	
	a.cartitle h5 {
  		margin-left: 15px;
	}
	.second-section {
     margin-left: 0px; 
     margin-right: 0px;
}
}

@media (max-width: 425.98px) { 
	
	.img-text-wrapper img {
		width: 35px;
		height: 35px;
	}
	.sub-section h6 {
	    margin-left: 48px;
	}
}