﻿#table {	padding-bottom:12px;
	padding-left:12px;
	padding-right:12px;
	margin-bottom:1em;
	margin-left: auto;
    margin-right: auto;
	padding-top:12px;
	background-image:url('../images/resbkg1.png');
	border-top-left-radius:25px 15px;
	border-top-right-radius: 25px 15px;
	border-bottom-left-radius:25px 15px;
	border-bottom-right-radius:25px 15px;
	

}

/* New Modern Service Card Styling */
.service-grid {
    display: grid;
    /* Two columns on desktop, one column on mobile */
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); 
    gap: 20px;
    margin: 20px auto;
    max-width: 1000px;
    padding: 0 10px;
}

.service-card {
    background-color: rgba(255, 255, 255, 0.05); /* Light transparency */
    border: 1px solid #cc0000; /* Use primary accent color for border */
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.2s, box-shadow 0.2s;
    height: 100%; /* Ensures all cards in a row have the same height */
    box-sizing: border-box; 
}

.service-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

.service-name {
    font-size: 1.5em;
    font-weight: bold;
    color: #f1f1f1;
    margin-bottom: 0;
    /* Use a min-height if desired to align all names */
}

.service-prices {

	padding-top: 0; /* Remove top padding */
	border-top: none; /* Remove separator line */
	display: flex;
	flex-direction: column; /* Stack the prices vertically */
	align-items: flex-end; /* Align price text to the right */

}

.price-type {
    margin: 2px 0;
    font-size: 1.0em;
    color: #ffffff;
    line-height: 1.3;
}

.price-value {
    color: #ffffff; /* Price in accent color */
    font-weight: bold;
    font-size: 1.1em;
    display: block; 
}

/* Specific styling for the Virus Removal note */
.service-prices .note {
    font-size: 0.9em;
    color: #aaa;
    margin-top: 5px;
    flex-basis: 100%; /* forces the note onto its own line */
}

/* NEW: Align Service Name and Price Block horizontally */

#high .service-card, #skills .service-card, #work .service-card {

display: flex;

flex-direction: row; /* Horizontal alignment */

justify-content: space-between; /* Push name to left, prices to right */

align-items: center; /* Vertically center content */

height: auto; /* Allow height to be determined by content */

}


.timestwo {
	padding-bottom:12px;
	padding-left:12px;
	padding-right:12px;
	margin-bottom:1em;
	padding-top:12px;
	background-image:url('../images/resbkg1.png');
	margin-right:30%;
	margin-left:30%;
    border-top-left-radius:25px 15px;
	border-top-right-radius: 25px 15px;
	border-bottom-left-radius:25px 15px;
	border-bottom-right-radius:25px 15px;

}


li {
	
}

#unav {
    padding-bottom:12px;
	padding-left:12px;
	padding-right:12px;
	margin-bottom:1em;
	padding-top:12px;

	
}

#masthead {
	
}

a:link { 
    color:#ffffff;
    text-decoration:none;
	
}

a:visited {
	color:#ffffff
}

a:active {
	color:#ffffff
}

a:hover {
	color:#ffffff
}

img { 
    border:none;
	
}

body {
	background-image:url('../images/bkg.jpg');
	
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif
	
}

#wrapper {padding-bottom: 1em; 
          margin: 0px auto; 
          padding-left: 1em; 
          width: 56.8em;
          height: 1906px; 
          padding-right: 1em; 
          padding-top: 1em
         
}

table {
	
}

tbody {
	
}

td {
	
}

h1 {
	text-align:center;
	margin-bottom: 1px;

}

h3 {
	text-align:center
}

#header {
	padding-bottom:12px;
	padding-left:12px;
	padding-right:12px;
	margin-bottom:1em;
	padding-top:12px;
	background-image:url('../images/resbkg1.png');
	border-top-left-radius:100px 50px;
	border-top-right-radius: 100px 50px;
	
}

#work {
	padding-bottom:12px;
	padding-left:12px;
	padding-right:12px;
	margin-bottom:1em;
	padding-top:12px;
	background-image:url('../images/resbkg1.png');

}	
.style1 {
	text-align:right;
	font-size: large;
	text-align: right;
	margin-bottom: 7px;
}	

.style2{
	text-align:center;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px
}
hr {
	color:black
}

#img {
text-align:center;    
    width:661px;
    height:79px;
	
}

#header_hr {
	width: 475px;
}

#object_p {
text-align:center
	
}

.style3 {
	font-size:x-large
}

.style4 {
	margin-left: 463px;
	margin-top: 2px;
	font-size: medium;
	text-decoration:none;
	color:#000000

}
.style5 {
	color:white;
	text-decoration:none;
}

#high {
	padding-bottom:12px;
	padding-left:12px;
	padding-right:12px;
	margin-bottom:1em;
	padding-top:12px;
	background-image:url('../images/resbkg1.png');
}

#skills {
	padding-bottom:12px;
	padding-left:12px;
	padding-right:12px;
	margin-bottom:1em;
	padding-top:12px;
	background-image:url('../images/resbkg1.png');
}

#school {
	padding-bottom:12px;
	padding-left:12px;
	padding-right:12px;
	margin-bottom:1em;
	padding-top:12px;
	background-image:url('../images/resbkg1.png');
	
}

#home {
	
	padding-bottom:12px;
	padding-left:12px;
	padding-right:12px;
	margin-bottom:1em;
	padding-top:12px;
	border-bottom-left-radius:100px 50px;
	border-bottom-right-radius:100px 50px;
	background-image:url('../images/resbkg1.png');
	
}
.style6 {
	font-size:x-large;
	text-align:left;
	
	
	}
.ul_p {
	text-align:center;
	font-size:large;
	list-style:none
}

#link_p {
	text-decoration:none;
	
	margin-top: 2px;
	font-size:small;
	text-decoration: none;
	color: #000000;
}
.style7 {
	font-size: x-large;
	margin-bottom: 265px;
	margin-top: 0px;
	}
	
.auto-style3 {
	margin-left: 150px;
	text-align:left;
	height: 24px;
}

.auto-style5 {
	font-size: x-large;
	margin-bottom: 265px;
	margin-top: 94px;
}

.auto-style6 {
	font-size: x-large;
	margin-bottom: 265px;
	margin-top: 94px;
	text-align: center;
}

.emp_span{
	text-align: center
}

.auto-style7 {
	margin-right: 32px;
	margin-top: 2px;
}

#pass {
	
}

.hobbie_p {
	text-align:center;
	font-size:x-large;
}

h2 {
	text-align:center;
}

.hobbie_ul {
list-style-image:none;
text-align:center;

	
}	

.hob_ul {
 list-style-image:none;
 list-style-type:none;
 text-align:center;
}

li {
	list-style-image:none;
}

.auto-style8 {
	margin-left: 663px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.auto-style9 {
	margin-left: 64px;
}

.Skillsetp {
	text-align:center;
	font-weight:normal
}