.container {
            display: flex;
            flex-wrap: wrap;
            margin: 50px;
        }
		.main{
			 background:#F2F4F4;
			 border-radius: 10px;
			 height:250px;
			 width:90%;
			 margin-left:40px;
			 padding: 10px;
			 box-shadow: 3px 5px 8px 5px #888888;
		}
		h1{
			font-size:35px;
			text-align:center;
			font-family:Arial, sans-serif;
		}
		h2{
			font-family:Arial, sans-serif;
			font-weight:800;
			color:#34495E;
		}
        .card {
            width: 255px;
            margin: 5px;
            border-top: 50px solid #E5E7E9;
			border-left:20px solid #800000;
			border-bottom:70px solid #E5E7E9;
			border-right:20px solid #800000;
            border-radius: 10px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            background-color: #fff;
            transition: transform 0.2s;
            display: flex;
            flex-direction: column;
            position: relative;
        }

        .card::before {
            content: "";
            position: absolute;
            top: 0px;
            left: 0;
            right: 0;
            bottom: 0;
            border: 1px solid #6E6E6F;
            border-radius: 5px;
        }

        .card:hover {
            transform: translateY(-5px);
        }

        .card-header {
            background-color: #34495E;
            color: #fff;
            padding: 10px;
			width:80%;
			margin-left:16px;
            border-radius: 10px;
            text-align: center;
            font-size: 24px;
        }

        .card-body {
            padding: 10px
			font-family:Arial, sans-serif;
			margin-left:8px;
			font-weight:600;
			font-size:14px;
			line-spacing:normal;
        }

        .card h3 {
            font-size: 20px;
            margin: 0;
			font-family:Arial, sans-serif;
        }

        .card p {
            margin: 10px 0;
        }

        .btn {
            background-color: #008000;
            color: #fff;
			font-weight:500;
			width:70px;
            padding: 10px 20px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            display: block;
            margin-bottom:-50px;
            text-decoration: none;
        }
		#a:hover{
			width:73px;
			height:20px;
			font-weight:700;
		}
		/*next button*/
		.pag {
				display: inline-block;
			}

		.pag a{
		  color:#fff;
		  float: left;
		  padding: 8px 16px;
		  text-decoration: none;
		  transition: background-color .3s;
		  border: 1px solid #ddd;
		  border-radius:5px;
		  background:#008000;
		  font-family:Arial, sans-serif;
		  font-weight:700;
		  margin-left:50px;
		}.pag2{
		  color:#fff;
		  float: left;
		  padding: 8px 16px;
		  text-decoration: none;
		  transition: background-color .3s;
		  border: 1px solid #ddd;
		  border-radius:5px;
		  background:#008000;
		  font-family:Arial, sans-serif;
		  font-weight:700;
		  margin-left:50px;
		}