* { 
margin:0;
}
/*this is for network and dealership*/

#wholepage2 {
    width: 1300px;
    margin-left: 0px;
    margin-right: 0;
}
#network {
    min-height: 600px;
    background-image: url(../images/homepage/background_image.png);
    background-size: contain;

    justify-content: flex-start;  
}

#network .map {
    border: 1px solid #fff;
}

#network .services-bottoms {
	display:grid;
    grid-row-gap: 1%;
}
#network .services-items {
	flex-basis: 80%;
	display: flex;
	justify-content:flex-start;
	flex-direction: column;
	padding: 20px;
	border-radius: 20px;
	background-image: url(../images/aboutuspage/IMG_0659.jpg);
	background-size: cover;
    margin-top: 0px;
	margin-left: 4%;
    margin-right: 5%;
	position: relative;
	z-index: 1;
	overflow: hidden;
    max-height: 500px;
    min-height: 180px;
}
#network .services-items::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-image: linear-gradient(60deg, white 0%, grey 100%);
	opacity: .35;
	z-index: -1;
}
#network .icon {
	height: 80px;
	width: 80px;
	margin-bottom: 20px;
}
#network  h2 {
	font-size: 2.6rem;
	color: darkgoldenrod;
    margin-top: 1px;
	margin-bottom: 10px;
	text-transform: uppercase;
    width: auto;
}
#network p {
	color: darkorange;
    font-weight:500;
	text-align: justify;
    font-size: 22px;
    margin-bottom: 0px;
    margin-top: 2px;
}

#network li{
	color: white;
	text-align: left;
}

.gif {
    margin-left: 170px;
}

/*subsection: this is for distributor dealership*/
#distributor {
    min-height: 200px;
    background-image: url(../images/homepage/background_image.png);
    background-size: contain;
    padding-bottom: 50px;
    justify-content: flex-start;  
}


#distributor .services-bottoms {
	display:grid;
    grid-row-gap: 1%;
}
#distributor .services-items {
	flex-basis: 80%;
	display: flex;
	justify-content:flex-start;
	flex-direction: column;
	padding: 20px;
	border-radius: 20px;
	background-image: url(Desktop%20Picture%20copy.jpg);
	background-size: cover;
    margin-top: 0px;
	margin-left: 4%;
    margin-right: 5%;
	position: relative;
	z-index: 1;
	overflow: hidden;
    max-height: 500px;
    min-height: 150px;
}
#distributor .services-items::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-image: linear-gradient(60deg, lightblue 0%, lightblue 100%);
	opacity: 0.3;
	z-index: -1;
}
#distributor .icon {
	height: 80px;
	width: 80px;
	margin-bottom: 20px;
}
#distributor  h2 {
	font-size: 2.5rem;
	color: darkgoldenrod;
    margin-top: 1px;
	margin-bottom: 10px;
	text-transform: uppercase;
    width: auto;
}
#distributor p {
	color: darkgoldenrod;
    font-size: 22px;
	text-align: justify;
    margin-bottom: 0px;
    margin-top: 2px;
}

#distributor li {
	color: darkgoldenrod;
	text-align: justify;
    font-size: 22px;
    margin-bottom: 0px;
    margin-top: 2px;
}