@keyframes animate-fade-in-up
{
   0% { transform: translate(0px,100px) rotate(0deg) ; opacity: 0;  }
   100% { transform: translate(0px,0px) rotate(0deg) ; opacity: 1;  }
}
h1, .h1
{
   font-family: Arial;
   font-weight: bold;
   font-size: 32px;
   text-decoration: none;
   color: #000000;
   --color: #000000;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   display: inline;
}
h2, .h2
{
   font-family: Arial;
   font-weight: bold;
   font-size: 27px;
   text-decoration: none;
   color: #000000;
   --color: #000000;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   display: inline;
}
h3, .h3
{
   font-family: Arial;
   font-weight: bold;
   font-size: 24px;
   text-decoration: none;
   color: #000000;
   --color: #000000;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   display: inline;
}
h4, .h4
{
   font-family: Arial;
   font-weight: bold;
   font-size: 21px;
   font-style: italic;
   text-decoration: none;
   color: #000000;
   --color: #000000;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   display: inline;
}
h5, .h5
{
   font-family: Arial;
   font-weight: bold;
   font-size: 19px;
   text-decoration: none;
   color: #000000;
   --color: #000000;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   display: inline;
}
h6, .h6
{
   font-family: Arial;
   font-weight: bold;
   font-size: 16px;
   text-decoration: none;
   color: #000000;
   --color: #000000;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   display: inline;
}

/* Service Pages Layout */
body
{
   background-color: #EDE9E1;
}

.service-content
{
   max-width: 1200px;
   margin: 0 auto 50px auto;
   padding: 40px 20px 0 20px;
}

.service-hero h1
{
   font-size: 34px;
   color: #5B4B42;
   display: block;
   margin: 0 0 10px 0;
}

.service-hero p
{
   font-size: 16px;
   color: #6B5D53;
   line-height: 1.7;
   margin: 0 0 25px 0;
}

.service-section
{
   background: #FFFFFF;
   border-left: 5px solid #5B4B42;
   border-radius: 10px;
   box-shadow: 0 4px 16px rgba(0,0,0,0.08);
   padding: 25px 30px;
   margin: 25px 0;
}

.service-section h2,
.service-section h3
{
   color: #5B4B42;
   display: block;
   margin: 0 0 12px 0;
}

.service-section p,
.service-section li
{
   color: #6B5D53;
   font-size: 15px;
   line-height: 1.7;
}

.service-section ul
{
   padding-left: 20px;
   margin: 10px 0 0 0;
}

.service-cta
{
   text-align: center;
   margin: 30px 0 40px 0;
}

.service-cta a
{
   background: #C87551;
   color: #FFFFFF;
   padding: 12px 30px;
   border-radius: 5px;
   text-decoration: none;
   font-weight: bold;
   display: inline-block;
}

@media (max-width: 768px)
{
   .service-content
   {
      padding: 30px 15px 0 15px;
   }
   .service-section
   {
      padding: 20px;
   }
}