/****************************  Main Elements ***************************/
html					{box-sizing:border-box; font-size:62.5%; line-height:62.5%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; scroll-behavior:smooth;}/* 62.5% so each 0.1 rem is 1px */
*, *:before, *:after	{box-sizing:inherit;} /* Inherit box-sizing to make it easier to change */
*:focus					{outline: none;}
body					{overflow-y:scroll; background-color:#fff; color:#000; height:100%; font-size:1.6rem; line-height:145%; direction:ltr; text-align:left; font-family: 'Roboto', sans-serif; margin:0; padding:0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing:grayscale; scroll-behavior:smooth;}
.center-txt				{text-align: center;}
.col-2, 
.col-3					{display: grid;}
.col-2					{grid-template-columns: 1fr 1fr; grid-column-gap: 40px; width: 75%; margin: 0 auto; padding: 15px 0 30px 0;}
.col-3					{grid-template-columns: 1fr 1fr 1fr;} 
.mobile                 {display: none;}
.red-txt				{color: #E30813;}
.no-margin-bot          {margin-bottom: 0;}
button                  {cursor: pointer;}

@media screen and (max-width: 767px) { /* mobile-view */
	body	{font-size:3.7vw; line-height:145%;}
}

h1, h2, h3, h4	{padding:0; margin-top:0; display:block; color:#000;}
h1			{font-size:300%; line-height:115%; font-weight:500; margin-bottom:0.9em;}
h2			{font-size:200%; line-height:120%; font-weight:900; margin-bottom:0.7em;}
h3			{font-size:150%; line-height:120%; font-weight:700; margin-bottom:0.5em;}
h4			{font-size:130%; line-height:120%; font-weight:700; margin-bottom:0.5em;}

@media screen and (max-width: 1024px) {
	h1			{font-size:270%; line-height:115%; font-weight:500; margin-bottom:0.9em;}
	h2			{font-size:160%; line-height:120%; font-weight:900; margin-bottom:0.7em;}
	h3			{font-size:120%; line-height:120%; font-weight:700; margin-bottom:0.5em;}
	h4			{font-size:110%; line-height:120%; font-weight:700; margin-bottom:0.5em;}
}

@media screen and (max-width: 767px) { /* mobile-view */
	h1	{font-size:9vw; margin-bottom:5vw;}
	h2	{font-size:5vw; margin-bottom:3vw;}
	h3	{font-size:4.2vw; margin-bottom:2vw;}
	h4	{font-size:inherit; margin-bottom:2vw;}
}

p				{padding:0; margin-top:0; font-size:inherit;}

ul				{padding:0px 0px 0px 10px; margin:0px 0px 20px 20px; font-size:inherit;}
ol				{padding:0px 0px 0px 10px; margin:0px 0px 20px 20px; font-size:inherit;}
ul li			{padding:0; margin:0 0 4px 0; font-size:inherit; list-style:disc;}
ol li			{padding:0px 0px 0px 5px; margin:0 0 4px 0; font-size:inherit; list-style:decimal;}
ol ul li		{list-style:disc; padding-left:0;}
ul ul, ul ol, ol ol, ol ul	{margin:8px 0px 0px 0px;}

@media screen and (max-width: 767px) { /* mobile-view */
	ul				{padding:0px 0px 0px 2.5vw; margin:0px 0px 5vw 5vw;}
	ol				{padding:0px 0px 0px 2.5vw; margin:0px 0px 5vw 5vw;}
	ul li			{margin:0 0 1vw 0;}
	ol li			{padding:0px 0px 0px 1.3vw; margin:0 0 1vw 0;}
	ul ul, ul ol, ol ol, ol ul	{margin:2vw 0px 0px 0px;}
}

table					{font-size:inherit; line-height:inherit;}
td						{font-size:inherit;}
hr						{height:1px; width:100%; border:0; border-top:1px solid #cbcbcb; background-color:transparent; margin-bottom:15px;}
img						{display:block; max-width:100%; height:auto; border:0; padding:0; margin:0; -ms-interpolation-mode:bicubic;}
video					{display:block; max-width:100%; height:auto; border:0; padding:0; margin:0;}
figure					{margin:0;}
figure img				{display:block;}
figcaption				{text-align:center; padding-top:8px;}
b, strong				{font-weight:bolder;}

@media screen and (max-width: 767px) { /* mobile-view */
	hr				{height:0.26vw; border-width:0.26vw; margin-bottom:4vw;}
	figcaption		{padding-top:2vw;}
}

a						{color:#222; text-decoration:underline; background-color:transparent; -webkit-tap-highlight-color:rgba(103,199,245,0.4);font-size: inherit;}
a:hover					{text-decoration:none; color:#000;}
a:active, a:focus		{text-decoration:none; color:#000; outline:none;}

/************************************ Layouts ***************************************/

.full-size-row		{max-width:1920px; margin:0 auto; position: relative;}
.banner-terms		{position: absolute; bottom: 0; background-color: #E0E7EA; width: 100%;}
.banner-terms p		{font-size: 10px; padding: 7px 19px; line-height: 1.2rem;}
.area-wrapper		{max-width:1318px; margin:0 auto; padding: 35px 0 0 0; width: 95%;}
.banner img 		{width:100%;}


.content-section h2	{font-weight: 500;}


.grid-container		{display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; margin-bottom: 50px;}
.grid-items			{display: flex; align-items: center; width: 413px; justify-content: center; column-gap: 15px; margin: 0px auto; border: 1px solid #E30813; padding: 0px 3rem;}
.grid-items	h3		{font-size: 128px; color: #333333; margin: 0;}
.grid-items p:first-child	{font-size: 24px; margin-bottom: 3px;}
.grid-items p:nth-child(2)	{font-size: 20px; line-height: 26px; margin: 0;}


@media screen and (max-width: 767px) {
	.grid-container	{grid-template-columns: 1fr; gap: 20px;}
	.grid-items		{margin-bottom: 20px;max-width: 450px;width: 100%;justify-content: unset;padding: 0px 2rem;}
	.banner-terms		{position: initial;}
	.content-section h2	{font-size: 32px;}
}

@media screen and (max-width: 1024px) {
	.grid-container	{grid-template-columns: 1fr; gap: 20px;}
}


.btn-container	{text-align: center;}
.btn-container button	{background-color: #34BB3B;; width: 226px; height: 61px; font-weight: 700; font-size: 30px; color: #FFF; border-width: initial; border-style: none; border-color: initial; border-image: initial; border-radius: 4px; margin: 0px auto;}
.faq-block ul {padding:0; margin:0;}