*{
    box-sizing: border-box;
}
.container{
    max-width: 1080px;
    margin: auto;
}
.text-center{
    text-align: center;
}
.text-justify{
    text-align: justify;
}
.d-grid{
    display: grid;
    grid-template-columns: repeat(3, 12fr);
    grid-gap: 15px 20px;
    justify-content: space-between;
}
.w-100{
    width: 100% !important;
}
/* .grid-item{
    border: 1px solid red;
    padding: 20px;
} */
.card{
    border: 1px solid rgb(196, 196, 196);
    background-color: #F7F7F7;
    border-radius: 3px;
}
.card img{
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.card-footer{
    background-color: #F7F7F7;
}
.provisional-government{
    display: grid;
    grid-template-columns: repeat(2,12fr);
    grid-gap: 15px;
    align-items: center;
}
.provisional-government-img img{
    width: 95%;
}
.khetab{
	display: grid;
	grid-template-columns: repeat(4,12fr);
	grid-gap: 5px;
}
.khetab-item{
	border: 1px solid gray;
	background-color: rgb(240, 240, 240);
	border-radius: 3px;
}
.khetab a{
	text-decoration: none;
	color: black;
}
.g{
	display: grid;
	grid-template-columns: repeat(2, 12fr);
	grid-gap: 10px;
}
.g-i{
	display: grid;
	grid-template-columns: 4fr 9fr;
	border: 1px solid gray;
	align-items: center;
}
/* .g-2{
	
}
.g-img{
	
} */
.g-img img{
	width: 100%;
	height: 100%;
}
/* .g-d{

} */

.books{
	display: grid;
	grid-template-columns: repeat(4, 12fr);
	grid-gap: 10px;
}
.book{
	border: 1px solid rgb(219, 219, 219);
	border-radius: 3px;
}
/* bootstrap margin-padding */
.m-0 {
	margin: 0!important
}

.m-1 {
	margin: .25rem!important
}

.m-2 {
	margin: .5rem!important
}

.m-3 {
	margin: 1rem!important
}

.m-4 {
	margin: 1.5rem!important
}

.m-5 {
	margin: 3rem!important
}

.m-auto {
	margin: auto!important
}

.mx-0 {
	margin-right: 0!important;
	margin-left: 0!important
}

.mx-1 {
	margin-right: .25rem!important;
	margin-left: .25rem!important
}

.mx-2 {
	margin-right: .5rem!important;
	margin-left: .5rem!important
}

.mx-3 {
	margin-right: 1rem!important;
	margin-left: 1rem!important
}

.mx-4 {
	margin-right: 1.5rem!important;
	margin-left: 1.5rem!important
}

.mx-5 {
	margin-right: 3rem!important;
	margin-left: 3rem!important
}

.mx-auto {
	margin-right: auto!important;
	margin-left: auto!important
}

.my-0 {
	margin-top: 0!important;
	margin-bottom: 0!important
}

.my-1 {
	margin-top: .25rem!important;
	margin-bottom: .25rem!important
}

.my-2 {
	margin-top: .5rem!important;
	margin-bottom: .5rem!important
}

.my-3 {
	margin-top: 1rem!important;
	margin-bottom: 1rem!important
}

.my-4 {
	margin-top: 1.5rem!important;
	margin-bottom: 1.5rem!important
}

.my-5 {
	margin-top: 3rem!important;
	margin-bottom: 3rem!important
}

.my-auto {
	margin-top: auto!important;
	margin-bottom: auto!important
}

.mt-0 {
	margin-top: 0!important
}

.mt-1 {
	margin-top: .25rem!important
}

.mt-2 {
	margin-top: .5rem!important
}

.mt-3 {
	margin-top: 1rem!important
}

.mt-4 {
	margin-top: 1.5rem!important
}

.mt-5 {
	margin-top: 3rem!important
}

.mt-auto {
	margin-top: auto!important
}

.me-0 {
	margin-right: 0!important
}

.me-1 {
	margin-right: .25rem!important
}

.me-2 {
	margin-right: .5rem!important
}

.me-3 {
	margin-right: 1rem!important
}

.me-4 {
	margin-right: 1.5rem!important
}

.me-5 {
	margin-right: 3rem!important
}

.me-auto {
	margin-right: auto!important
}

.mb-0 {
	margin-bottom: 0!important
}

.mb-1 {
	margin-bottom: .25rem!important
}

.mb-2 {
	margin-bottom: .5rem!important
}

.mb-3 {
	margin-bottom: 1rem!important
}

.mb-4 {
	margin-bottom: 1.5rem!important
}

.mb-5 {
	margin-bottom: 3rem!important
}

.mb-auto {
	margin-bottom: auto!important
}

.ms-0 {
	margin-left: 0!important
}

.ms-1 {
	margin-left: .25rem!important
}

.ms-2 {
	margin-left: .5rem!important
}

.ms-3 {
	margin-left: 1rem!important
}

.ms-4 {
	margin-left: 1.5rem!important
}

.ms-5 {
	margin-left: 3rem!important
}

.ms-auto {
	margin-left: auto!important
}

.p-0 {
	padding: 0!important
}

.p-1 {
	padding: .25rem!important
}

.p-2 {
	padding: .5rem!important
}

.p-3 {
	padding: 1rem!important
}

.p-4 {
	padding: 1.5rem!important
}

.p-5 {
	padding: 3rem!important
}

.px-0 {
	padding-right: 0!important;
	padding-left: 0!important
}

.px-1 {
	padding-right: .25rem!important;
	padding-left: .25rem!important
}

.px-2 {
	padding-right: .5rem!important;
	padding-left: .5rem!important
}

.px-3 {
	padding-right: 1rem!important;
	padding-left: 1rem!important
}

.px-4 {
	padding-right: 1.5rem!important;
	padding-left: 1.5rem!important
}

.px-5 {
	padding-right: 3rem!important;
	padding-left: 3rem!important
}

.py-0 {
	padding-top: 0!important;
	padding-bottom: 0!important
}

.py-1 {
	padding-top: .25rem!important;
	padding-bottom: .25rem!important
}

.py-2 {
	padding-top: .5rem!important;
	padding-bottom: .5rem!important
}

.py-3 {
	padding-top: 1rem!important;
	padding-bottom: 1rem!important
}

.py-4 {
	padding-top: 1.5rem!important;
	padding-bottom: 1.5rem!important
}

.py-5 {
	padding-top: 3rem!important;
	padding-bottom: 3rem!important
}

.pt-0 {
	padding-top: 0!important
}

.pt-1 {
	padding-top: .25rem!important
}

.pt-2 {
	padding-top: .5rem!important
}

.pt-3 {
	padding-top: 1rem!important
}

.pt-4 {
	padding-top: 1.5rem!important
}

.pt-5 {
	padding-top: 3rem!important
}

.pe-0 {
	padding-right: 0!important
}

.pe-1 {
	padding-right: .25rem!important
}

.pe-2 {
	padding-right: .5rem!important
}

.pe-3 {
	padding-right: 1rem!important
}

.pe-4 {
	padding-right: 1.5rem!important
}

.pe-5 {
	padding-right: 3rem!important
}

.pb-0 {
	padding-bottom: 0!important
}

.pb-1 {
	padding-bottom: .25rem!important
}

.pb-2 {
	padding-bottom: .5rem!important
}

.pb-3 {
	padding-bottom: 1rem!important
}

.pb-4 {
	padding-bottom: 1.5rem!important
}

.pb-5 {
	padding-bottom: 3rem!important
}

.ps-0 {
	padding-left: 0!important
}

.ps-1 {
	padding-left: .25rem!important
}

.ps-2 {
	padding-left: .5rem!important
}

.ps-3 {
	padding-left: 1rem!important
}

.ps-4 {
	padding-left: 1.5rem!important
}

.ps-5 {
	padding-left: 3rem!important
}

@media only screen and (max-width: 600px) {
    .d-grid{
        grid-template-columns: repeat(1, 12fr);
 	}
    .provisional-government{
        grid-template-columns: repeat(1,12fr);
  	}
	.g{
		grid-template-columns: repeat(1, 12fr);
	}
	.khetab{
		grid-template-columns: repeat(2,12fr);
	}
	.books{
		grid-template-columns: repeat(1, 12fr);
	}
}