/* From: index.php */
.res-img {
															aspect-ratio: 16/6;
														}

														.res-img-2 {
															aspect-ratio: 4/3;
														}

														@media screen and (max-width: 768px) {
															.res-img {
																aspect-ratio: 16/9;
															}

														}
/* Hash: 65aa75bf566b1d29078fd507dfe40624 */

/* From: index.php */
#hhhsh1 {
									padding: 0px 0 20px 0;
									margin: 0;
									text-align: center;
									font-size: 30px !important;
								}

								@media (max-width: 767px) {
									#hhhsh1 {
										padding: 0px 0 20px 0;
									}
								}

								#hhhs h2,
								#hhhs h3,
								#hhhs h4,
								#hhhs h5,
								#hhhs h6 {
									text-align: center;
								}

								#hhhs h1,
								#hhhs h2,
								#hhhs h3,
								#hhhs h4,
								#hhhs h5,
								#hhhs h6,
								#hhhs p,
								#hhhs div,
								#hhhs ul,
								#hhhs li,
								#hhhs {
									color: auto;
								}

								#hhhs {
									padding: 0 15px 40px;
									max-width: 100%;
									font-family: Arial, sans-serif;
									line-height: 1.6;
								}

								#hhhs p,
								#hhhs li,
								#hhhs td {
									overflow-wrap: break-word;
									word-break: break-word;
									margin: 0.5em 0;
								}

								#hhhs img {
									min-width: 50%;
									max-width: 100%;
									height: auto;
									display: block;
									margin: 20px auto;
									border-radius: 8px;
									box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
								}

								#hhhs table {
									width: 100%;
									border-collapse: collapse;
									margin: 25px 0;
									box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
									overflow-x: auto;
									display: block;
								}

								#hhhs th,
								#hhhs td {
									padding: 12px 15px;
									text-align: left;
									border: 1px solid #ddd;
								}

								#hhhs th {
									font-weight: bold;
								}

								#hhhs h2 {
									font-size: clamp(1.5rem, 2.5vw, 23px);
									margin: 1.5em 0 1em;
								}

								#hhhs h3 {
									font-size: clamp(1.3rem, 2vw, 21px);
									margin: 1.3em 0 0.8em;
								}

								#hhhs ul {
									padding-left: 1.5em;
									margin: 1em 0;
								}

								#hhhs ol {
									padding-left: 1.5em;
									margin: 1em 0;
								}

								#hhhs li {
									list-style: disc;
									margin: 0.5em 0;
									padding-left: 0.5em;
								}

								#hhhs ol {
									padding-left: 1.5em;
									margin: 1em 0;
								}



								@media (max-width: 767px) {
									#hhhs {
										padding: 0 20px 10px;
									}

									#hhhs table {
										display: block;
										overflow-x: auto;
										-webkit-overflow-scrolling: touch;
									}

									#hhhs img {
										margin: 15px auto;
									}
								}

								#hhhs table td[align="center"],
								#hhhs p[align="center"] {
									text-align: center !important;
								}

								#hhhs ul>li>span {
									display: inline-block;
									margin-left: 5px;
								}

								#hhhs ul li:nth-child(odd) {
									padding: 8px;
									border-radius: 4px;
								}
/* Hash: b229bfeb5ba038839662478c7f2fe3c8 */

/* From: index.php */
#new-container {
									display: grid;
									grid-template-columns: repeat(3, 1fr);
									gap: 15px;
									padding: 0 15px;
									margin-top: 4em;
									margin-bottom: 4em;
									animation: cardEntrance 0.6s ease-out forwards;
								}


								@keyframes cardEntrance {
									from {
										opacity: 0;
										transform: translateY(20px);
									}

									to {
										opacity: 1;
										transform: translateY(0);
									}
								}



								#new-card {
									background-color: #fff;
									border: 1px solid rgb(218, 169, 40);
									border-radius: 10px;
									width: 100%;
									box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
									text-align: center;
									overflow: hidden;
								}


								#new-image-container {
									width: 100%;
									aspect-ratio: 4/3;
									overflow: hidden;
								}

								#new-image-container img {
									width: 100%;
									height: 100%;
									object-fit: fill;
								}


								#new-title {
									color: rgb(218, 169, 40);
									margin: 10px 0;
									font-size: 20px;
								}


								#new-description {
									text-align: center;
									color: #000000;
									padding: 0 10px 20px;
									font-size: 16px;
								}

								@media (max-width: 1024px) {
									#new-container {
										grid-template-columns: repeat(2, 1fr);

									}
								}


								@media (max-width: 768px) {
									#new-container {
										grid-template-columns: 1fr;



									}


									#new-image-container img {
										width: 100%;
										height: 100%;
										object-fit: fill;
									}

									#new-card {
										width: 100%;
										margin: 0 auto;
									}
								}
/* Hash: f4c914bd311b0c803777bc73aca9fe78 */