html, body{
	margin:0px;
	padding:0px;
}
div, h1, h2, h3, h4, button, select, option, a{
		font-family: system-ui, Roboto, Helvetica, Arial, sans-serif;
		color:rgb(33, 95, 154);
	}
	.hdr-icon{
		width:50px;
	}

	h1 {
		color:#fff;
		padding-bottom:6px;
		padding-left:4px;
		margin-top:0px;
	}


	.hdr{
		color:#fff;
		background-color: rgb(33, 95, 154);
		font-weight: bold;
	}
	button{
		background-color:#fff;
		color:#fff;
		width:200px;
		font-size:1.2em;
		height:50px;
		border-radious:6px;
		border-color:#eee;
		background-color: rgb(33, 95, 154);
		margin-top:20px;
	}
	.bdy{
		padding-left:20px;
	}

	ul li, select, option, p, label, a{
		font-size:1.2em;
	}

	option{

	}
	.legal-container {
			  width: 80%;
			  max-width: 800px;
			  height: 50vh; /* Adjust the height as needed */
			  padding: 20px;
			  background-color: #fff;
			  border: 1px solid #ddd;
			  border-radius: 8px;
			  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
			  overflow-y: auto; /* This enables scrolling */
}

/* Main container (centered and maximum width 800px) */
.hdr-container {
  display: flex;
  justify-content: space-between; /* Distribute containers evenly */
  width: 100%;
  max-width: 800px; /* Maximum width */
  padding: 0px;
}

.main-container {
  display: block;
  justify-content: space-between; /* Distribute containers evenly */
  width: 100%;
  max-width: 800px; /* Maximum width */
  padding: 0px;
}

/* Individual containers */
.container {
  background-color: rgb(33, 95, 154);
  border-radius: 15px; /* Rounded corners */
  padding: 2px;
	margin:2px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
  text-align: center; /* Center text inside each container */
}
.dashboard-hdr{
	width: 30%; /* Three containers will each take 30% width */
}
.dashboard-hdr h2,  .dashboard-hdr p{
	color:#fff;
}
.row-container{
	padding:4px;margin-bottom:6px;
}
.row-icon-container{
	width:20%
}
.row-body-container{
	width:80%;text-align:left;
}
.social-share-buttons {
	display: flex;
	gap: 10px;
}
.social-share-buttons a {
	text-decoration: none;
	padding: 6px;
	background-color: #f0f0f0;
	border-radius: 5px;
	color: #333;
	display: flex;
	align-items: center;
	gap: 5px;
}
.social-share-buttons a i {
	font-size: 18px;
}

/* print.css */

@media print {
    /* Remove unnecessary elements */
    .no-print, header, footer, nav {
        display: none;
    }

		div, p, label, a, h1, h2, h3, h4{
			color:#000 !important;
		}

    /* Adjust page layout for printing */
    body {
        font-size: 12pt;
        line-height: 1.5;
    }

    /* Make sure content fits on the page */
    .content {
        margin: 0;
        padding: 20px;
        width: 100%;
        font-family: Arial, sans-serif;
    }

    /* Adjust images for printing */
    img {
        max-width: 100%;
        height: auto;
    }

    /* Ensure links are visible, but not clickable */
    a {
        color: black;
        text-decoration: none;
    }

    /* Add page breaks for better printing */
    .page-break {
        page-break-before: always;
    }

    /* Optional: Change the layout of the page */
    .container {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    /* Avoid any interactive elements like buttons or forms */
    button, input, select {
        display: none;
    }
}