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


::-webkit-scrollbar {
 width: 8px;  /* for vertical scrollbars */
 height:8px; /* for horizontal scrollbars */
}

::-webkit-scrollbar-track {
 background-color: #ebebeb;
}

::-webkit-scrollbar-thumb {
 background-color: #000018;
}

html {
	scroll-behavior: smooth;
}

@font-face {
	font-family: bold-font;
	src: url(../font/GoogleSans-Bold.ttf);
}
@font-face {
	font-family: regular;
	src: url(../font/Intro-Regular.otf);
}
@font-face {
	font-family: regular-font;
	src: url(../font/GoogleSans-Medium.ttf);
}
@font-face {
	font-family: regular-font;
	src: url(../font/GoogleSans-Regular.ttf);
}
@font-face {
	font-family: pfregular-font;
	src: url(../font/PF-Kids-Pro-Grade-Five.ttf);
}
body {
	padding: 0;
	margin: 0px auto;
}

#slider {
	width: 100%;
	height: 200px;
	float: left;
	    background: #2040d5;
}
#sildercenter {
	width: 1218px;
	height: 200px;
	margin: auto;
}


#text1 {
	width: 1218px;
	height: 200px;
	color: #fff;
	float: left;
	font: 35px / 200px bold-font;

	text-align: center;
	text-transform: uppercase;
}


/*whyus*/

 #why-us {
	width: 100%;
	height:164px;
	float: left;
	background:#f7f7f7;
	padding-top:40px;
	padding-bottom:40px;
}
#why-us-in {
	width: 504px;
	height: 100px;
	margin: auto;
	padding:32px;
	background:#fff;
	border-radius:8px;
box-shadow: 0.5rem 0.5rem 0 #f2f2f7;
}
#about-top {
	width: 384px;
	float: left;
	height: 60px;
	font-family: bold-font;
	font-size: 20px;
	line-height: 30px;
	color: #32363b;
	text-align: left;
	text-transform: uppercase;
	padding:20px 0px 20px 20px;
}
#about-top-bottom {
	width: 100%;
	height: 30px;
	float: left;
	font-family: medium;
	font-size: 18px;
	line-height: 30px;
	color: #616266;
	text-align: center;
	padding-top: 10px;
	text-transform: uppercase;
	padding-bottom: 10px;
}
#about-bottom-text {
	width: 100px;
	height: 100px;
	float: left;
 background:url(../image/svg/30-day-mb-guar-icon.svg) no-repeat center;
}

 
  
/*end*/


/*why-center*/


#why-center {
	width: 100%;
	height: 1040px;
	float: left;
	background:#fff;
	padding-top: 60px;

	
}
#why-center-in {
	width: 665px;
	height: 1040px;
	margin: auto;
}
#why-one-box-out {
	width: 100%;
	height: 100px;
	float: left;
}
#why-one-box-out2 {
	width: 100%;
	height: 125px;
	float: left;
	margin-top: 50px;
}
#why-one-box-text-box2 {
	width: 600px;
	height: 125px;
	float: left;
	margin-left:20px;
}
#why-one-box-text-bottom2 {
	width: 100%;
	height: 80px;
	float: left;
    color: #555;
    font: 15px / 26px regular-font;
	line-height: 26px;
}
#why-one-box-out3 {
	width: 100%;
	height: 153px;
	float: left;
	margin-top: 50px;
}
#why-one-box-text-box3 {
	width: 600px;
	height: 153px;
	float: left;
		margin-left:20px;
}
#why-one-box-text-bottom3 {
	width: 100%;
	height: 110px;
	float: left;
    color: #555;
    font: 15px / 26px regular-font;
	line-height: 26px;
}
#why-one-box-out4 {
	width: 100%;
	height: 210px;
	float: left;
	margin-top: 50px;
}
#why-one-box-text-box4 {
	width: 600px;
	height: 210px;
	float: left;
		margin-left:20px;
}
#why-one-box-text-bottom4 {
	width: 100%;
	height: 130px;
	float: left;
	    color: #555;
    font: 15px / 26px regular-font;
	line-height: 26px;
}
#why-one-box-out5 {
	width: 100%;
	height: 250px;
	float: left;
	margin-top: 50px;
}
#why-one-box-text-box5 {
	width: 600px;
	height: 250px;
	float: left;
		margin-left:20px;
}
#why-one-box-text-bottom5 {
	width: 100%;
	height: 180px;
	float: left;
color: #555;
    font: 15px / 26px regular-font;
	line-height: 26px;
}
#why-one-box-out6 {
	width: 100%;
	height: 125px;
	float: left;
	margin-top: 50px;
}
#why-one-box-text-box6 {
	width: 600px;
	height: 125px;
	float: left;
		margin-left:20px;
}
#why-one-box-text-bottom6 {
	width: 100%;
	height: 80px;
	float: left;
	font-family: medium;
	font-size: 15px;
	color: #616266;
	line-height: 26px;
}
#why-one-box-out7 {
	width: 100%;
	height: 125px;
	float: left;
	margin-top: 50px;
}
#why-one-box-text-box7 {
	width: 600px;
	height: 125px;
	float: left;
		margin-left:20px;
}
#why-one-box-text-bottom7 {
	width: 100%;
	height: 80px;
	float: left;
	font-family: medium;
	font-size: 15px;
	color: #616266;
	line-height: 26px;
}
#why-one-box-out8 {
	width: 100%;
	height: 150px;
	float: left;
	margin-top: 50px;
}
#why-one-box-text-box8 {
	width: 600px;
	height: 150px;
	float: left;
		margin-left:20px;
}
#why-one-box-text-bottom8 {
	width: 100%;
	height: 105px;
	float: left;
	font-family: medium;
	font-size: 15px;
	color: #616266;
	line-height: 26px;
}
#why-one-box-out9 {
	width: 100%;
	height: 125px;
	float: left;
	margin-top: 50px;
}
#why-one-box-text-box9 {
	width: 600px;
	height: 125px;
	float: left;
		margin-left:20px;
}
#why-one-box-text-bottom9 {
	width: 100%;
	height: 80px;
	float: left;
	font-family: medium;
	font-size: 15px;
	color: #616266;
	line-height: 26px;
}
#why-one-box-out10 {
	width: 100%;
	height: 150px;
	float: left;
	margin-top: 50px;
}
#why-one-box-text-box10 {
	width: 600px;
	height: 150px;
	float: left;
		margin-left:20px;
}
#why-one-box-text-bottom10 {
	width: 100%;
	height: 105px;
	float: left;
	font-family: medium;
	font-size: 15px;
	color: #616266;
	line-height: 26px;
}
#text-color-line {
	color: #32363b232;
	text-decoration: underline;
}
#why-one-box-in {
	width: 100%;
	height: 300px;
	float: left;
}
#why-one-box-text-box {
	width: 600px;
	height: 100px;
	float: left;
		margin-left:20px;
}
#why-one-box-text {
	width: 100%;
	height: 40px;
	float: left;
	font-family:bold-font;
	font-size: 18px;
	line-height: 40px;
	color: #32363b;
	text-transform: uppercase;
}
#why-one-box-text-bottom {
	width: 100%;
	height: 60px;
	float: left;
    color: #555;
    font: 15px / 26px regular-font;
	line-height: 26px;
}
#why-one-box-number {
	width: 40px;
	height: 40px;
	float: left;
	font-size: 25px;
	font-family:bold-font;
	line-height: 40px;
	color: #8dc63f;

	text-align:center;
	border-radius:50px;
}





/*end*/