@charset "utf-8";

/* default */

.container-ez { max-width: 1080px; margin: 0 auto;  }


h2 { font-size: 2rem; margin-bottom: 1.5rem; text-align: center; }
.grid { display: grid; gap: 2rem; }
.grid-2 { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.hero-ez { background: #f5f7fa url('/img/ez-bg-2.jpg') center/cover no-repeat; color: #01325d; text-align: left; padding: 6rem 1rem 4rem 1rem; margin-top: 5px; }
.hero-ez h1 { font-size: 2.4rem; font-weight: 700; margin-bottom: 1rem; /*color: #fff;*/ line-height: 1.4; }
.hero-ez p { font-size: 1.2rem; /*color: #fff;*/}
.hero-ez strong {color: #6A58AC;}

.text-center {text-align: center;}

.mt-4 {margin-top: 40px;}
.mt-6 {margin-top: 60px;}
.mt-8 {margin-top: 80px;}
.mb-4 {margin-bottom: 40px;}
.mb-8 {margin-bottom: 80px;}

.grid-3 img {padding: 30px;}
.grid-2 figure figcaption {text-align: center;}
.grid-2 figure figcaption strong {font-size: 1.1rem;}

.grid-bene {margin: 60px auto 30px;}
.grid-bene ul li {margin-bottom: 20px;}

.co-box {padding: 20px 40px; background-color: rgba(242,233,233,1.00); border-radius: 20px; text-align: center; margin: 30px auto; width: 70%;}
.co-box ul li {margin-bottom: 30px;}

.co-box2  {padding: 20px 40px; background-color: rgba(242,233,233,1.00); border-radius: 20px; text-align: center; margin: 30px auto; width: 70%;}
.co-box2 ul li {font-size: 0.9rem;}

.fs-2 {font-size: 1.4rem;}
.fs-3 {font-size: 1.2rem;}

.use-box {margin-top: 80px;}
.use-box img {width: 400px; }
.use-box strong {font-size: 3rem;}
.use-box ul li {line-height: 2; margin-bottom: 40px;}

.use-mov {margin-top: 60px; margin-bottom: 80px;}
.e-hosted-video {margin-top: 40px;}

.auth-box1 img {width: 40%;}
.auth-box1 h4 {font-size: 1.8rem; text-align: center; margin: 40px auto;}

.btn-box {text-align: center;}
.btn {display: inline-block; line-height: 1.5; text-align: center; white-space: nowrap; cursor: pointer; vertical-align: middle;}
.primary-btn {border-radius: 50rem; background-color: rgba(51,60,159,1.00); color: #fff; padding: 0.9rem 1.8rem; font-size: 1rem;}
.primary-btn:hover {color: rgba(194,203,243,1.00);}

@media screen and (max-width: 767px){
	.grid-3 img {padding: 0px;}
	.grid-4 {max-width: 100%; overflow: hidden;}
	.grid-4 img {max-width: 120%; position: relative; left: -34px;}
	.co-box, .co-box2 {width: 90%;}
	
}