.tippbox-outer-wrapper{
display: flex;
max-width: 784px;
  width:100%;
padding: 40px 42px 48px 42px;
flex-direction: column;
align-items: flex-start;
gap: 32px;

margin-left:auto;
  margin-right:auto;
}

.tippbox-inner-wrapper{
display: flex;
align-items: flex-start;
gap: var(--Size-size-32, 32px);
  align-self: stretch;}

.tippbox-left{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex: 1 0 0;
}

.tippbox-heading{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
  align-self: stretch;}

.tippbox-h2-bold,.tippbox-h2,.tippbox-p{
margin:0;
}

.tippbox-h2-bold{
color: var(--Black, #000);
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: 120%; /* 33.6px */
  letter-spacing: 0.034px;}

.tippbox-h2{
color: var(--Black, #000);
font-size: 28px;
font-style: normal;
font-weight: 300;
line-height: 120%; /* 33.6px */
letter-spacing: 0.034px;}

.tippbox-p{
color: var(--Black, #000);
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: 150%; /* 30px */
letter-spacing: 0.024px;
}

.tippbox-optional-icon{
width: 72px;
height: 72px;
  fill:#333333
}

@media only screen and (min-width:768px){
  .tippbox-top-mobile, .tippbox-bottom-mobile{
  display:none;
  }
}

@media only screen and (max-width:768px){
  .tippbox-right, .tippbox-left{
  display:none;
  }
  
.tippbox-outer-wrapper{
display: flex;
width: 100%;
  max-width: 100%;
padding: 28px 24px 40px 24px;
flex-direction: column;
align-items: flex-start;
gap: 32px;
}

.tippbox-inner-wrapper{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
align-self: stretch;}

  .tippbox-top-mobile{
  display: flex;
justify-content: center;
align-items: flex-start;
gap: 24px;
align-self: stretch;
  }

.tippbox-heading{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
flex: 1 0 0;}

.tippbox-h2-bold{
color: var(--Black, #000);
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 120%; /* 24px */
letter-spacing: 0.024px;}

.tippbox-h2{
color: var(--Black, #000);
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: 120%; /* 24px */
letter-spacing: 0.024px;}

.tippbox-p{
color: var(--Black, #000);
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 150%; /* 25.5px */
letter-spacing: 0.02px;
}

.tippbox-optional-icon{
width: 56px;
height: 56px;
  fill:#333333
}