/* Start custom CSS for html, class: .elementor-element-68288de */body{

margin:0;
font-family:Arial,sans-serif;
color:#222;
line-height:1.8;

}


header{

background:linear-gradient(135deg,#064d1c,#0a8f3c);
color:white;
text-align:center;
padding:35px;

}


.logo{

font-size:45px;
font-weight:bold;
color:#baffba;

}



.container{

max-width:950px;
margin:auto;
padding:25px;

}



.category{

background:#0a8f3c;
color:white;
padding:8px 20px;
border-radius:30px;

}



h1{

font-size:42px;
color:#064d1c;

}



h2{

color:#0a8f3c;
border-left:5px solid #0a8f3c;
padding-left:15px;
margin-top:40px;

}



.hero-image{

width:100%;
border-radius:15px;

}



.caption{

background:#effff3;
padding:15px;

}



.highlight{

background:#effff3;
color: black;
border-left:7px solid #0a8f3c;
padding:25px;
font-size:20px;

}



table{

width:100%;
border-collapse:collapse;

}


th{

background:#064d1c;
color:white;

}


td,th{

padding:12px;
border:1px solid #ddd;

}



.faq button{

width:100%;
padding:15px;
text-align:left;
font-size:18px;
cursor:pointer;

}


.answer{

display:none;
padding:15px;
background:#f5f5f5;

}



.related{

background:#064d1c;
color:white;
padding:25px;
margin-top:40px;

}



.cards{

display:flex;
gap:15px;

}



.cards div{

background:white;
color:#064d1c;
padding:20px;
flex:1;

}



footer{

background:#064d1c;
color:white;
text-align:center;
padding:20px;

}



@media(max-width:700px){

h1{

font-size:30px;

}


.cards{

display:block;

}


.cards div{

margin-bottom:10px;

}

}/* End custom CSS */