/*Default Style*/
body {
  font-family: Noto Sans SC,Droid Sans,Microsoft YaHei,\5fae\8f6f\96c5\9ed1,STXihei,\534e\6587\7ec6\9ed1,sans-serif;
  font-weight: normal;
  height: 100%;
  font-size: 16px;
  color: #666;
}
:root {
  --bs-nav-link-font-size: 1rem;
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.8rem;
}
a{
	text-decoration: none;
	color: #333;
}
.navbar {
  --bs-navbar-padding-x: 80px; /* Adjust as needed */
}
.var{
  --promotion-btn-bg: #AF1E2D;
}
.navbar-toggler{
	border: none;
}
.navbar-toggler:focus{
	box-shadow: none;
}
.navbar-brand {
  margin-right: 40px;
}
.navbar-brand img{
	height: 28px;
}
.btn-secure{
  background: var(--promotion-btn-bg);
  color: var(--promotion-btn-text);
  border: none;
  border-radius: 50px;
  color: #f5f5f7;
  width: 100%;
  height: 38px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;	
}
.navbar-nav .dropdown-menu{
	border: none;
}
.wb-btn{
  text-decoration: none;
  margin: 0 auto;
  background: #AF1E2D;
  font-size: 21px;
  max-width: 225px;
  border-radius: 50px;
  color: #FFFFFF;
  display: block;
  text-align: center;
  height: 51px;
}
.wb-btn:hover{
  background: #BF1E2D;
  color: #FFF;
  
}
.nav-btn a{
  background: #AF1E2D;
  color: #FFFFFF;
  border-radius: 50px;
  padding: 0 25px;
  display: inline-block;
  text-decoration: none;
}
.nav-cal{
  line-height: 35px;
}
.b-title {
  font-size: 3.2rem;
  font-weight: 800;
  color: #222;
}
.b-title2 {
  font-size: 20px;
  font-weight: 300;
  color: #222;
  letter-spacing: 13px;
  text-indent: 0.9em;
}
.title-h2{
  font-size: 20px;
  font-weight: 300;
  color: #222;
  letter-spacing: 13px;

}
.title-h1{
  font-size: 2rem;
  font-weight: 800;
  color: #222;  
  margin-bottom: 18px;
}
.sec-wrap h3{
	font-size: 16px;
	font-weight: 800;
}
.b-text{
	color: #666;
}
.image-define img{
	width: 100%;
	border-radius: 25px;
}
.sec-wrap {
  background: #f5f5f7;
  border-radius: 25px;
  padding: 25px;
}
.banner-auto img{
	width: 100%;
}
.featured-img-full img{
	width: 100%;
}
.featured-home-img img{
	width: 100%;
}
.wb-annual-sec img {
  width: 100%;
  display: inline-block;
  height: auto;
  border-radius: 25px;
  margin-bottom: 25px;
}
.col-bg{
	background: #f5f5f7;
	padding: 25px;
	border-radius: 25px;
	margin-top: 15px;
	margin-bottom: 25px;
	display: inline-block;
}
.footer-bg{
	background: #f5f5f7;
	font-size: .875rem;
}
.foot-nav{
	float: left;
}
.footer-menu ul {
  list-style: none;
  color: #333;
  padding: 0;
  margin: 0;
}
.footer-menu a:hover{
	color: #111;
	text-decoration: underline!important;
}
.divider {
  width: 100%;
  margin: 1.5rem 0;
  display: inline-block;
  border: 0;
    border-top-width: 0px;
    border-top-style: none;
    border-top-color: currentcolor;
  border-top: 1px solid #111;
}
.footer-menu {
  padding: 34px 80px;
}	
.first-menu{
	padding-left: 0;
}
.featured-mobile img{
	width: 100%;
}
/* X-Small devices (portrait phones, less than 576px)
No media query for `xs` since this is the default in Bootstrap */




@media (max-width: 449px){
	.b-title{
		font-size: 2.2rem;
	}
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
	.navbar {
	  --bs-navbar-padding-x: 0;
	}	
	.footer-menu{
		padding: 34px 0;
	}

}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
	.featured-home-img{
		display: none;
	}	
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
	
}