@import url("https://fonts.googleapis.com/css2?

family=Poppins&display=swap");

*{

margin: 0px;

padding: 0px;

box-sizing: border-box;

body {

font-family: "Poppins", sans-serif;

background-color: #f5f5f5;

.container {

max-width: 1140px;

width: 100%;

padding-right: 15px;

padding-left: 15px;

margin: 2rem auto;

img {

max-width: 100%;

.row {

display: flex;
 margin-right: -15px;

margin-left: -15px;

margin-top: 20px;

.col-md-1 {

position: relative;

min-height: 1px;

padding-right: 15px;

padding-left: 15px;

width: 8.33333333%;

.col-md-2 {

position: relative;

min-height: 1px;

padding-right: 15px;

padding-left: 15px;

width: 16.66666667%;

.col-md-3 {

position: relative;

min-height: 1px;

padding-right: 15px;

padding-left: 15px;
 width: 25%;

.col-md-4 {

position: relative;

min-height: 1px;

padding-right: 15px;

padding-left: 15px;

width: 33.33333333%;

.col-md-5 {

position: relative;

min-height: 1px;

padding-right: 15px;

padding-left: 15px;

width: 41.66666667%;

.col-md-6 {

position: relative;

min-height: 1px;

padding-right: 15px;

padding-left: 15px;

width: 50%;

}
.col-md-7 {

position: relative;

min-height: 1px;

padding-right: 15px;

padding-left: 15px;

width: 58.33333333%;

.col-md-8 {

position: relative;

min-height: 1px;

padding-right: 15px;

padding-left: 15px;

width: 66.66666667%;

.col-md-9 {

position: relative;

min-height: 1px;

padding-right: 15px;

padding-left: 15px;

width: 75%;

.col-md-10 {
 position: relative;

min-height: 1px;

padding-right: 15px;

padding-left: 15px;

width: 83.33333333%;

.col-md-11 {

position: relative;

min-height: 1px;

padding-right: 15px;

padding-left: 15px;

width: 91.66666667%;

.col-md-12 {

position: relative;

min-height: 1px;

padding-right: 15px;

padding-left: 15px;

width: 100%;