html,
body {
	margin:0px;
	padding:0px;
    box-sizing:border-box;
	overflow-x:hidden;
}

.bg {
    
    background-size: cover;
    background-repeat:repeat-y;
    background-image: url("images/Quality Policy.webp");  
}

.p-100 {
    padding-top: 100px;
}

.blue {
    background: #39a1ff;
    display: inline-block;
    padding: 5px;
}

.visionbg {
    background: #dcecfc;
    display: inline-block;
    padding: 5px;
}

.red {
	background:#000;
	display:inline-block;
	padding: 7px 7px;
    color: white;
}

.googlefont {
font-family: 'Mukta', sans-serif;
font-size:30px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
color:#000;
font-weight:500;
}

.matter {
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align:justify;
	font-size:16px;
	color:#757588;
	padding:5px;
}

/*Responsive code
X-Small devices (portrait phones, less than 576px)
No media query for `xs` since this is the default in Bootstrap

Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {  }

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {  }

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {  }

/*X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {  }

/*XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {  }
/*Responsive code*/