@charset "UTF-8";
body {
    background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(195,231,244,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(195,231,244,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(195,231,244,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(195,231,244,1.00) 100%);
}
.container .navbar.navbar-expand-lg.navbar-light.bg-light {
    background-image: -webkit-linear-gradient(270deg,rgba(129,211,227,1.00) 0%,rgba(42,172,199,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(129,211,227,1.00) 0%,rgba(42,172,199,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(129,211,227,1.00) 0%,rgba(42,172,199,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(129,211,227,1.00) 0%,rgba(42,172,199,1.00) 100%);
    color: #FFFFFF;
}
.container .navbar.navbar-expand-lg.navbar-light.bg-light .navbar-toggler {
    background-color: #C3E7F4;
}

.navbar-light .navbar-nav  .nav-link {color: #FFFFFF;}
.navbar-light .navbar-nav  .nav-link:hover {color: #c3e7f4;}

.container {
    background-color: #FFFFFF;
}


		
.ddesignsname {
		color: #ba2f50;	
		font-weight: bold;
		}	
		


.accordion-button:not(.collapsed) {
  box-shadow: none;  
	color: #ffffff;}

.accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
  transition: all 0.5s;
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
}


.accordion-item {
    border: 1px solid #2aacc7;
}

.accordion-button {
    background-color: #CEEAF3;
    color: #2aacc7;
    font-weight: bold;
}

.accordion-button:not(.collapsed) {
    background-color: #2aacc7;
    color: #ffffff;
}

.accordion-button:focus {
    box-shadow: none;
    border-color: #2aacc7;
}

.accordion-body {
    background-color: #ffffff;
    color: #333333;
}

/* Mobile-friendly scrolling price chart */

.price-chart-wrap {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border: 1px solid #ccc;
}

.price-chart {
    border-collapse: separate;
    border-spacing: 0;
    min-width: 1100px;
    width: 100%;
    font-family: Arial, sans-serif;
    font-size: 15px;
    text-align: center;
    white-space: nowrap;
}

.price-chart th,
.price-chart td {
    border: 1px solid #999;
    padding: 8px 10px;
    background: #fff;
}

.price-chart thead th {
    background: #c3e7f4;
    color: #ba2f51;
    font-weight: bold;
    position: sticky;
    top: 0;
    z-index: 4;
}

.price-chart tbody tr:nth-child(even) td {
    background: #d3dd68;
}

.price-chart th:nth-child(1),
.price-chart td:nth-child(1) {
    position: sticky;
    left: 0;
    min-width: 90px;
    z-index: 5;
    font-weight: bold;
}

.price-chart th:nth-child(2),
.price-chart td:nth-child(2) {
    position: sticky;
    left: 90px;
    min-width: 110px;
    z-index: 5;
    font-weight: bold;
}

.price-chart thead th:nth-child(1),
.price-chart thead th:nth-child(2) {
    background: #c3e7f4;
    color: #ba2f51;
    z-index: 7;
}


hr 		{
		text-align: center;
		color: #900;
		}

h1 		{
		text-align:center; 
    font-family: Arial, sans-serif;
		color:#2bacc8;}
		
h2 		{
		text-align:center; 
    font-family: Arial, sans-serif;
		color: #ffa500;}
		
h3 		{
		text-align:center; 
    font-family: Arial, sans-serif;
		color: #ba2f50;}
		
		
		
h3 a:link {
		color: #d3dd68;
		}

h3 a:visited {
		color: #d3dd68;}

h3 a:hover {
		color: #c3e7f5;
		}  
		
h3 a:active {
		color:#d3dd68;
		}  		
		
		
		
		
h4 		{
		text-align:center; 
    font-family: Arial, sans-serif;
		color: #2bacc8;}
		
h4 a:link {
		color: #d3dd68;
		}

h4 a:visited {
		color: #d3dd68;}

h4 a:hover {
		color: #c3e7f5;
		}  
		
h4 a:active {
		color:#d3dd68;
		}  		
		
		
.pagenumbering  {
		text-align: center;
		font-weight: bolder;
		color: #FBB917;
		}
					
		
h5 		{
		text-align:center; 
    font-family: Arial, sans-serif;
		color: #2bacc8;}
		
h6 		{
		text-align:center; 
    font-family: Arial, sans-serif;
		color: #2bacc8;}
		

p {color: #000000;
	text-align: center}

.left {color: #000000;
	text-align: left}
		
p a:link {
		color: #2bacc8;
		}

p a:visited {
		color: #2bacc8;}

p a:hover {
		color: #d3dd68;
		}  
		
p a:active {
		color:#2bacc8;
		}  

.center-para {color: #000000;
	text-align: center}

.margin-para {
		margin-left: 3em; 
		margin-right: 2em;
	text-align: left;
		}



.card.col-md-4.col-lg-12 .card-body .btn.btn-primary {
    background-color: #BA2F51;
}


.text-centerh2bar {
    background-color: #ba2f51;
    color: #d3dd68;
	text-align: center
}

.cusimage {

	
		}

.cusimage500 {


		}
		

.gallery {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-items: center;	
}


		
.navimages {
		width: 100%;
		padding: 10px 10px 10px 10px;	
		margin-left: 0;
		}

.navimages img {
		float: left;
		}
		
		
ul.pagenav {		
		list-style: none;
		padding: 10px 0 10px 0;
		margin-left: 0;
		text-align: center;	
		}
		
ul.pagenav li {
		display: inline;
		}
		
ul.pagenav a {
		padding: 2px 10px 2px 10px;
		margin-right: 5px;
		font: bold 20px "times new roman", times, serif; 
		color: #2bacc8;
		border: none;
		border-right:solid #c3e7f5;
		zoom: 1;
		}	
		
ul.pagenav a:visited {
		color: #2bacc8;}

ul.pagenav a:hover {
		color: #c3e7f5;
		}  
		
ul.pagenav a:active {
		color:#2bacc8;
		}  				
			

.currentpgtext  {
		padding: 2px 10px 2px 10px;
		margin-right: 5px;
		font: bold 20px "times new roman", times, serif; 
	 	color: #c3e7f5;
		border-right:solid #c3e7f5;
		}

.wrapper {
	padding: 0 15px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-around;
	gap: 5rem;
	
}

.wrapper imag {
	width: 100%;
	max-width: 400px;
	object-fit: cover;
	vertical-align: middle;
}

.intro {
	flex: 1;
}