html,
body {
	margin:0px;
	padding:0px;
    box-sizing:border-box;
	overflow-x:hidden;
}

.bg {
    background-image: url("images/background.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.customer {
    background-image: url("images/customer-satisfaction.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}


.whyusbg {
    background-image: url("images/whyusbg.webp");
    background-size: cover;
    background-position: center;
     background-attachment: fixed;
}

.blackbg {
    background-color: #111010;
    color: white;
}

.footer {
    background-color: #09162a;
    color: white;
}

.p-7 {
    padding:70px 0px 50px 10px;
}

.orange {
    background: #fead00;
    color: white;
}

.orange-text {
    color: #fead00;
}

.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;
}


/*
.hero {
    background-image: linear-gradient(yellow 2%, red 98.3%);
    height: 100%;
}

.custom-shape-divider-top-1678450950 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-top-1678450950 svg {
    position: relative;
    display: block;
    width: calc(105% + 1.3px);
    height: 204px;
    transform: rotateY(180deg);
}

.custom-shape-divider-top-1678450950 .shape-fill {
    fill: #FFFFFF;
}
*/


/*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*/
