@charset "utf-8";
.footer {
	margin-top: 0px;
}

.wb-body {
	max-width: 1250px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
}
.wb-bodybk {
	background-color: #BEE3FF;
}

.wb-bk1 {
	background-image: url("../images/wb/wb1.jpg");
	background-repeat: repeat-y;
	background-size: 100% auto;
	background-position: center 1755px;
	background-color: #0354EE;
}
.wb-bk2 {
	background-image: url("../images/wb/wb2.jpg");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
}
.wb-bk3 {
	background-image: url("../images/wb/wb3.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
}
.wb-article {
	padding: 50px 120px 300px 120px;
}


.wb-title {
	padding: 0px 0px 0px 230px;
}
.wb-title .img {
	max-width: 100%;
}

.wb-apps {
	padding: 40px 0px 70px 260px;
}
.wb-apps .btns {
	text-align: center;
	font-size: 0px;
}
.wb-apps .btns a:hover{
	opacity: 0.8;
}
.wb-apps .btns img{
    padding: 5px 5px;
	box-sizing: border-box;		
    width: 12%;
}

@media screen and (max-width: 970px) {
.wb-body {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
}	
.wb-bk1 {
	background-image: url("../images/wb/wb1_m.jpg");
	background-position: center top;
	background-size: 100% auto;
}
.wb-bk2 {
	background-image: url("../images/wb/wb2_m.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
}	
.wb-article {
    padding: 20px 15px 100px 15px;
}
.wb-title {
	padding: 100px 0px 10px 0px;
}
.wb-apps {
    padding: 0px 0px 50px 0px;
}
.wb-apps .btns img{
	width: 23%;	
	max-width: 90px;
	box-sizing: border-box;
	padding: 3px;
}	

	
}



.wb-text{
	font-size: 1.2rem;
	line-height: 2rem;
	color:#ffffff;
	padding: 0px;
    text-shadow: 2px 2px 2px rgb(0 0 0 / 20%);	
}

.wb-text a {
	color:#ffd800;
	text-decoration: underline;
}

.wb-text section{
	margin-bottom: 2rem;	
}
.wb-text p{
	margin-bottom: 0.7rem;
}

.wb-text p:empty{
	font-size: 0rem;
	line-height: 0rem;		
	height: 1px;
}
.wb-text .lineh1{
	margin-bottom: 1rem;	
}
.wb-text .lineh2{
	margin-bottom: 2rem;	
}
.wb-text .list1{
	margin-left: 0.8rem;
	text-indent: -0.8rem;	
}
.wb-text .list2{
	margin-left: 1.1rem;
	text-indent: -1.1rem;
}

.wb-text .circle{
	display: inline-block;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	margin-right: 10px;
	background-image: url("../images/wb/list1.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}

.wb-text .font-strong1{
	color:#ffd800;
	font-weight: bold;
}
.wb-text .font-strong2{
	font-weight: bold;
}

.wb-text .font-underline{
	text-decoration: underline;
}

.wb-text .font-url{
	color:#ffd800;
	font-style: italic;
}
.wb-text .font1{
	color:#ffd800;
	font-size: 1.3rem;
	font-weight: bold;
}
.wb-text .font2{
	color:#ffd800;
	font-size: 1.3rem;
	font-weight: bold;
}
.wb-text .font3{
	
}
.wb-text .font3 .font-url{
	font-weight: bold;
}
.wb-text .title1{
	color:#ffd800;
	font-size: 1.7rem;
	font-weight: bold;
	text-align: center;
	padding-bottom: 15px;
}


.wb-sppage .wb-text p{
	margin-bottom: 0.2rem;
}
.wb-sppage .wb-text .lineh1 {
    margin-bottom: 1rem;
}
.wb-sppage .wb-text p:empty{
	font-size: 0rem;
	line-height: 0rem;		
	height: 0px;
}


.wb-text .font1w{
	font-size: 1.5rem;
	font-weight: bold;
}

.wb-text .font2w{
	font-size: 1.3rem;
	font-weight: bold;
}
.wb-text .font-vmid{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}


.wb-text .font-vmid2 img{
	vertical-align:text-bottom;
}
.wb-text .wb-inline{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}





@media screen and (max-width: 970px) {
	
.wb-text{
	font-size: 1rem;
	line-height: 1.5;
}
.wb-text .list2{
	margin-left: 1rem;
	text-indent: -1rem;
}
.wb-text .circle {
	margin-right: 7px;
}
.wb-text .font-vmid img{
	max-width: 70%;
}	
.wb-text .font3{
	color:#ffffff;
}	
}

.lang-ch .wb-text .list2,
.lang-gb .wb-text .list2{
	margin-left: 1rem;
	text-indent: -1rem;
}



.lang-ar .wb-text,
.lang-fa .wb-text {
	direction: rtl;
}