
.au-teq-blog {
  --orange:#F4A261;
  --dark:#363636;
  --cream:#FFF2DF;
  --white:#FFFFFF;
  --bg:#F8F8F5;

  background:#F8F8F5;
  color:#363636;
  font-family:Arial,Helvetica,sans-serif;
  line-height:1.75;
  padding:30px 15px;
}

.au-teq-blog .container{
  max-width:1100px;
  margin:auto;
}

.au-teq-blog .hero{
  background:#fff;
  border-radius:16px;
  padding:35px;
  border-bottom:5px solid #F4A261;
}

.au-teq-blog h1{
  font-size:38px;
  line-height:1.25;
  margin-bottom:15px;
}

.au-teq-blog h2{
  font-size:28px;
  margin-top:40px;
}

.au-teq-blog h3{
  font-size:20px;
}

.au-teq-blog p{
  margin-bottom:18px;
}

.au-teq-blog .tag{
  display:inline-block;
  background:#FFF2DF;
  padding:6px 15px;
  border-radius:20px;
  font-size:13px;
  font-weight:bold;
  margin-bottom:15px;
}

.au-teq-blog .card-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
  margin-top:20px;
}

.au-teq-blog .card{
  background:#fff;
  border-radius:12px;
  padding:25px;
}

.au-teq-blog .card:before{
  content:"";
  display:block;
  width:40px;
  height:5px;
  background:#F4A261;
  border-radius:5px;
  margin-bottom:15px;
}

.au-teq-blog .flavours{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}

.au-teq-blog .flavour{
  background:#fff;
  padding:14px;
  border-radius:10px;
  font-weight:600;
}

.au-teq-blog .cta{
  margin-top:35px;
  background:#363636;
  color:white;
  padding:35px;
  border-radius:15px;
  text-align:center;
}

.au-teq-blog .btn{
  display:inline-block;
  background:#F4A261;
  color:#363636;
  padding:12px 25px;
  border-radius:8px;
  text-decoration:none;
  font-weight:bold;
  margin-top:15px;
}

@media(max-width:700px){

.au-teq-blog h1{
 font-size:28px;
}

.au-teq-blog .card-grid{
 grid-template-columns:1fr;
}

.au-teq-blog .flavours{
 grid-template-columns:1fr;
}

.au-teq-blog .hero{
 padding:22px;
}

}

