:root {--hometitlefont: 34px;}
.home-title {font-size: var(--hometitlefont);font-weight: var(--fontbold5);color: var(--fontcolor);text-align: center;text-transform: capitalize;line-height: 1.4;}
.apppagevidbox{padding-top: 30px;}
.tabbox{display: flex;justify-content: center;padding: 0 50px;border-bottom: 3px #eee solid;}
.tabbox .tabitem{padding: 5px;margin: 0 5px;font-size: 20px;position: relative;cursor: pointer;}
.tabbox .tabitem.act:after{display: block;content: '';background: red;height: 3px;width: 100%;position: absolute;bottom: -1px;}

.tabinfobox{padding-top: 50px;}
.tabinfobox .tabinfoitem{display: none;}
.tabinfobox .tabinfoitem.act{display: block;}
.tabinfobox .flex{display: flex;}
.tabinfobox .info{width: 33%;padding:0 50px;}
.tabinfobox .vidbox{width: 67%;padding:0 75px;position: relative;}

.tabinfobox .vidbox iframe{width: 100%;}
.appvidsw-next,.appvidsw-prev{cursor:pointer;position:absolute;width:50px;height:50px;display:flex;justify-content:center;align-items:center;top:50%;margin-top:-25px;z-index:9;background:rgba(255,255,255,.2);transition:background .3s ease;border: 1px solid var(--color);}
.appvidsw-next:hover,.appvidsw-prev:hover{background:var(--color)}
.appvidsw-next em,.appvidsw-prev em{color: var(--color);font-weight:var(--fontbold6);font-size:var(--fontsize22)}
.appvidsw-next:hover em,.appvidsw-prev:hover em{color:#fff}
.appvidsw-next{right:0px}
.appvidsw-next em{transform:rotate(180deg)}
.appvidsw-prev{left:0px}