body {
     margin: 0;
     padding: 20px;
     background-color: rgb(31, 20, 3);
     color: #fff;
     background-color: rgb(32, 16, 2);
     display: block;
     border: 14px solid #09b3c3;
     outline: 3px solid #e46306;
 }

 .page-shell {
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 20px;
 }


 header {
     display: flex;
     justify-content: center;
     align-items: center;
     border: 16px solid #09b6c5;
     background-color: blanchedalmond;
     box-sizing: border-box;
     width: 100%;
     margin: 0 0 20px;
     padding: 16px 20px;
     outline: 3px solid #f56d04;
 }

 h1 {
     color: black;
     font-size: clamp(1.8rem, 4vw, 3rem);
     line-height: 1.2;
     text-align: center;
     margin: 0;
     word-break: break-word;
 }

 #services {
     display: flex;
     flex-direction: row;
 }

 ul {
     display: flex;
     flex-direction: column;
     list-style: none;
     padding: 0;
     margin: 25px;
 }

 .service-list {
     list-style: square;
     flex-direction: column;
     font-family: "Text Me One", sans-serif;
 }

 .service-list li::marker {
     color: #09b6c5;
 }

 .service-item {
     margin: 5px 0;
     color: #e46306;
     font-size: 22pt;
 }

 @media screen and (max-width: 900px) {
     .page-shell {
         flex-direction: column;
     }
 }

 body {
     margin: 0;
     padding: 20px;
     background-color: rgb(31, 20, 3);
     color: #fff;
     background-color: rgb(32, 16, 2);
     display: block;
     border: 14px solid #09b3c3;
     outline: 3px solid #e46306;
 }

 .page-shell {
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 20px;
 }


 header {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     border: 16px solid #09b6c5;
     background-color: blanchedalmond;
     box-sizing: border-box;
     width: 100%;
     margin: 0 0 20px;
     padding: 16px 20px;
     outline: 3px solid #f56d04;
     text-shadow: -12px 6px 6px #fd7404;
 }

 h1 {
     color: black;
     font-size: clamp(1.8rem, 4vw, 3rem);
     line-height: 1.2;
     text-align: center;
     margin: 10px 0;
     word-break: break-word;
     white-space: nowrap;
 }
header>a{
    color:black;
}
h2 {
    font-size: clamp(1.4rem, 4vw, 2.8rem);
    white-space: nowrap;
    font-family: "Bruno Ace SC", sans-serif;
    text-align: center;
    margin-top: 0px;
    color: blanchedalmond;
  

}

 h3 {
     font-size: clamp(1.8rem, 2.8vw, 2.5rem);
     font-family: "Bruno Ace SC", sans-serif;
     text-align: center;
     margin-top: 10px;
     color: #629e03;
 }

 h6 {
     margin: 0;
     padding: 0;
 }

 em {
     color: #e46306;
 }
 p {
    font-size: clamp(1rem, 1.8vw, 1.5rem);
    font-family: "Text Me One", sans-serif;
    text-align: center;
    color: blanchedalmond;
}
.svc-intro{
    margin:0;
    padding:0;
}
 .services {
     display: flex;
     flex-direction: row;
 }

 ul {
     display: flex;
     flex-direction: column;
     list-style: none;
     padding: 0;
     margin: 25px;
 }

 .service-list {
     list-style: square;
     flex-direction: column;
     font-family: "Text Me One", sans-serif;
     flex: 1 1 16rem;
 }

 .service-list li::marker {
     color: #09b6c5;
 }

 .service-item {
     margin: 5px 0;
     color: #e46306;
     font-size: 22pt;
 }

 .service-sublist {
     margin-left: 20px;
 }

 .sub-item {
     margin: 5px 0;
     color: blanchedalmond;
     font-size: 18pt;
 }

 footer,
 footer p {
     color: blanchedalmond;
     text-align: center;
     font-family: "Text Me One", sans-serif;
     margin: 25px 0;
 }

 @media screen and (max-width: 900px) {
     .page-shell {
         flex-direction: column;
     }
 }