.t_color { color:var(--main_c); }


.flex {display:flex}
.ac {align-items:center !important; }
.as {align-items:flex-start !important; }
.ad {align-items:flex-end !important; }
.jt {justify-content:flex-start !important; }
.jd {justify-content:flex-end !important; }
.jc {justify-content:center !important; }
.js {justify-content:space-between !important; }

.flex.col-2 > li {width:50%}
.flex.col-3 > li {width:33%}
.flex.col-4 > li {width:25%}
.flex.col-5 > li {width:20%}

.flex.col-2 > div {width:50%}
.flex.col-3 > div {width:33%}
.flex.col-4 > div {width:25%}
.flex.col-5 > div {width:20%}

.flex.col-4 > ul {width:25%}


.flex.wrap {flex-wrap:wrap}
.flex.gap10 {gap:10px}
.flex.gap20 {gap:20px}

.flex.col-2.gap20 > li {width:calc(50% - 10px)}
.flex.col-2.gap20 > div {width:calc(50% - 10px)}

.flex img {max-width:100%}


@media all and (max-width:800px) {
		.flex {flex-wrap:wrap}
		.flex.no_w {flex-wrap:nowrap}
		.flex.col-2 > li {width:100%}
		.flex.col-3 {gap:20px 0 !important; justify-content:space-between }
		.flex.col-3 > li {width:48%;}
		.flex.col-4 {gap:20px 0 !important; justify-content:space-between }
		.flex.col-4 > li {width:48%;}

}
 


table.basic {width:100%; position:relative}
table.basic th {padding:12px; font-size:.95em;  background:rgba(255,255,255,.07); border:2px solid #fff}
table.basic td {padding:12px; font-size:.95em; text-align:center;  border:1px solid rgba(255,255,255,.4)}

dl.basic {display:flex; align-items:flex-start; padding:20px 0;  border-top:1px solid rgba(255,255,255,.2)}
 dl.basic:last-child {border-bottom:1px solid rgba(255,255,255,.2)}
dl.basic dt {width:200px; flex-shrink:0; font-weight:700; display:flex; gap:10px; font-size:1.2em;   align-items:center}
dl.basic dd {margin-top:5px; color:#eee; font-size:.97em; line-height:1.4}
dl.basic dd b {font-weight:500} 

.rgba_box {background: linear-gradient(146deg, rgba(255, 255, 255, 0.16) 0%, transparent 60%, transparent 100%); box-sizing:border-box; padding:30px 25px }
.icon_one {width:70px; height:70px; display:flex; align-items:Center; justify-content:center;    }

.s_t {font-size:.9em}

@media all and (max-width:800px) {
		dl.basic {flex-wrap:wrap}
		dl.basic dt  {width:100%; margin-bottom:5px}

}
 

 
.basic_btn {
    display: inline-block;
    padding: 12px 40px;
    border: 1px solid #fff;
    color: #fff;
    font-weight: 600;
}

 .tab li {border:1px solid #fff; font-weight:400;  color:#fff; padding:5px 30px; cursor:pointer}
  .tab li.ov {background-color:#fff; color:#000;  }