body{
  background:#eee !important;
}
p,li{font-size: 17px}
.container{
  background: #fff;
}
.mynav{
overflow:hidden;
}
.mandatory { color:#F00 !important;}
.mynav li{
  display: inline-block !important;
}
.mynav li a{
font-size: 13px;
color: #333;
font-weight: bold;
}
.first{
  background: url('../images/banner.jpg');
height: 100px;
}
.second{
  background: url('../images/nature-2.jpg');
height: 100px;

}
.third{
  background: url('../images/enter.jpg');
height: 100px;
}
.first h1, .second h1, .third h1{
  color: #fff;
}
.myheadlink, .myheadlink:hover{
  color:navy;
  font-size: 18px;
}
.container h3 {
  color: navy;
}
.myhomediv img{
  height: 100%;
  width: 100%;
  display: block;
  margin: auto;
}
.mymargin{
  padding-top: 30px;
}
footer, footer .container{
  background:#3CF !important;
  padding-top:10px;
}
.mydanger{
  color:red;
  font-weight: bold;
  font-size: 18px;
}
.mycenter{
  display: block !important;
  margin:0 auto !important;
}
.labelcenter{
  display: block !important;
  margin:0 auto !important;
width: 200px;
}
.lists {
  list-style: none;
}
.lists li{
  text-align: center !important;
}
.stepwizard-step p {
    margin-top: 10px;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;

}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

@media (max-width:768px) {
.first, .second, .third{
  min-height: 100px;
}
}
<!--mybutton ar-->  
.mymargin h3, .mymargin h4,  .mymargin h1{
font-weight:bold;}
.container h1, .container h2
{
  color: navy;
  font-family:sans-serif;   font-size: 22px;
  margin: 10px 0;
  text-align:center;
}
  .box {
            border: 1px solid #ccc;
            padding: 20px;
            margin: 20px;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            position: relative;
			
        }
		 
		    .btn-sm {
        padding: 5px 10px;
        font-size: 12px;
        background-color: #17a2b8;
        color: white;
        border: none;
        border-radius: 4px;
        text-decoration: none;
    }

    .btn-sm:hover {
        background-color: #138496; }
		/* Add this CSS to style the social share buttons */
.social-share-buttons {
    display: flex;
    gap: 10px;
}

.social-share-buttons a img {
    width: 40px;
    height: 40px;
}
.mydanger{
  color:red;
  font-weight: bold;
  font-size: 18px;
}
.applycode h1 {
    color: red !important;
    font-weight: bold !important;
    font-size: 20px !important;
}
.applycode h2 {
     font-weight: bold !important;
    font-size: 18px !important;
}
.applycode h3 {
	     font-weight: bold !important;

     font-weight: bold !important;
    font-size: 16px !important;
}
.applycode p li{
     font-size: 14px !important;
}

.borderbox {
    border: 2px solid #ccc; /* Adjust the border width and color */
    padding: 2px; /* Space between the image and the border */
    border-radius: 5px; /* Rounded corners (optional) */
    display: inline-block; /* Ensure the frame adjusts to the image size */
    background-color: #fff; /* Background color of the frame */
}
.black{ color:black !important; }
.btn { color:#000 !important;}

table th{ text-align:center}

 .box-style {
        border: 1px solid #212529; /* Blue border */
        border-radius: 2px; /* Rounded corners */
        padding: 5px; /* Space inside the box */
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Light shadow for depth */
		background-color:#eee;
		font-size:10px;
      }
	  
.imgfluid { max-width: 100%; height: auto;}