.product-focus__heading .rte{
margin: 24px 0 40px;
font-size: 2rem;
@media screen and (min-width: 1201px) {
margin: 40px 0 64px;
font-size: 2.4rem;
}
@media screen and (max-width: 400px) {
font-size: 1.8rem; 
}
}
.product-focus__heading .title{
margin: 0;
}
.product-focus__item-image{
width: 80px;
height: 80px;
}
.product-focus__list{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
row-gap: 8rem;
position: relative;
@media screen and (max-width: 749px) {
row-gap: 2.4rem;
padding-top: 100vw;
}
@media only screen and (min-width: 750px) and (max-width: 1200px) {
/* padding-top: 50vw;  */
row-gap: 2.4rem;
}
}
.product-focus__item{
flex: 0 0 100%;
width:100%;
padding: 2.4rem;
background: #F4F4F7;
border-radius: 16px;
position: relative;
@media only screen and (min-width: 750px) and (max-width: 1200px) {
flex: 0 0 40%;
width:  40%; 
}
@media screen and (min-width: 1201px) {
padding: 4rem;
flex: 0 0 34%;
width: 34%;
background: #fff;
}
}
.product-focus__item-header{
display: flex;
gap: 16px;
margin-bottom: 16px;
align-items: center;
h5{
margin: 0;
font-size: 2rem;
@media screen and (min-width: 1201px) {
font-size: 2.4rem;
}
}
}
.product-focus__item .rte{
font-size: 1.8rem;
@media screen and (min-width: 1201px) {
font-size: 2rem;
}
}
.product-focus__wrapper{
background-repeat: no-repeat;

@media screen and (max-width: 749px) {
background-size: 100%;
background-position: 0% 17.5%;
padding-top: 100vw;
}
@media screen and (max-width: 375px) {
background-position: 0% 21%;
}
@media only screen and (min-width: 750px) and (max-width: 1200px) {
background-position: 0% 33%;
background-size: 88%;
background-position: 0% 8%;
padding-bottom: 200px !important;
}
@media screen and (min-width: 1201px) {
background-size: 88%;
padding-bottom: 200px !important;
background-position: 0% 8%;
}
}
.product-focus__mainimage{
width: 42%;
@media screen and (max-width: 749px) {
position: absolute;
width: 100%;
left: 50%;
top: 2vw;
transform: translate(-50%, 0px);
}
@media only screen and (min-width: 750px) and (max-width: 1200px) {
position: absolute;
width: 42%;
left: 50%;
top: -4%;
transform: translate(-50%, 0px);
}
@media screen and (min-width: 1201px) {
position: absolute;
width: 42%;
left: 50%;
top: -7%;
transform: translate(-50%, 0px);
}
img{
width: 100%;
height: auto;
}
}