body{
    background-color: #fff;
    color: #2E2E2E;
    font-family: 'Inter', sans-serif;
    overflow-x: hidden;
    scroll-behavior: smooth;
}
h1, h2, h3, h4, h5, h6, hr, pre {
   margin: 0px;
   margin-bottom: 1rem;
   color:#000;
}
.ty-header{
    background-image: url(/assets/berberine-b1g2-new/ty-page/ty-header.webp);
    background-repeat: no-repeat;
    background-size: contain;
		background-color: #1e554e;
		padding: 50px 10px;
}
.ty-img{
	max-width: 400px;
	margin-bottom: -100px;
}
.bonus{
width: 45%;
border-radius: 10px;
overflow: hidden;
background-color: #fff;
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.bonus img{
max-width: 300px;
}
.b-desc{
width: 82%;
margin: 0px auto;
}
.download-btn{
max-width: 150px;
padding: 15px;
border: 3px #E37714 solid;
border-radius: 10px;
margin: 10px auto 20px auto;
text-align: center;
}
.download-btn:hover{
background-color: #E37714;
color: #fff;
}
.bonus h2{
	padding: 10px 5px;
	border: 10px 10px 0px 0px;
	text-align: center;
}
.white-fc{
	color: #fff;
}
.orange-fc{
	color: #E37714;
}
.orange-bg{
	background-color: #E37714;
}
.gray-bg{
	background-color: #f5f5f5;
	padding: 50px 10px;
}
.center-t{
	text-align: center;
}
.fw-700{
	font-weight: 700;
}
.fs-40{
	font-size: 40px;
}
.fs-25{
	font-size: 25px;
}
.fs-20{
	font-size: 20px;
}
.align-c{
	align-items: center;
}
.just-c{
  justify-content: center;
}
.gap-30{
	gap: 30px;
}
/*media screen*/
@media screen and (max-width: 1399px) and (min-width: 601px){
		h1, h2, h3, h4, h5, h6, hr, pre {
       margin-bottom: 1.143vw;
    }
    .ty-header{
       padding: 3.571vw 0.714vw;
    }
    .ty-img{
        max-width: 28.571vw;
        margin-bottom: -7.143vw;
    }
    .bonus{
    border-radius: 0.714vw;
    }
    .bonus img{
    max-width: 21.429vw;
    width: 21.429vw;
    }

    .download-btn{
    max-width: 10.714vw;
    padding: 1.071vw;
    border: 0.214vw #E37714 solid;
    border-radius: 0.714vw;
    margin: 0.714vw auto 1.429vw auto;
    }

    .bonus h2{
        padding: 0.714vw 0.357vw;
        border: 0.714vw 0.714vw 0px 0px;
    }

    .gray-bg{
        padding: 3.571vw 0.714vw;
    }

    .fs-40{
        font-size: 2.857vw;
    }
    .fs-25{
        font-size: 1.786vw;
    }
    .fs-20{
        font-size: 1.429vw;
    }
    .gap-30{
        gap: 2.143vw;
    }
  .container{
  	max-width: 67.143vw;
  }
}

@media screen and (max-width: 600px){
  .flex-col-m{
  	flex-direction: column;
  }
  .ty-header{
   padding: 15px;
		background-image: url(/assets/berberine-b1g2-new/ty-page/ty-header-mob.webp);
	text-align:center;
  }
	.ty-img {
    margin: 0px auto -20px auto;
		display: block;
		width: 100%;
		max-width: 300px;
	}
  .bonus{
   width: 100%;
  }
  .gray-bg{
  	padding: 15px;
  }
	.container {
     max-width: 100%;
   }
}