
*{
    padding:0%;
    margin:0%;
}
html, body{
  overflow-x: hidden;
  width: 100%;
}


body{
  font-family: "Archivo", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
.header-icons {
  display:flex;
  list-style-type: none;
  gap:5px;
  
  
}
.header-icons li{
  background-color: rgb(226, 226, 226);
  padding:20px;
  border-radius: 50px;
  color:rgb(95, 95, 95);
  height:fit-content;
  
}

.lawncare{
  color:#4e9525;

}
.lawncare-heading{
  font-size:clamp(0.5rem, 1rem + 2vw, 3rem);
  font-weight:1000;

}
.searchbar input{
  padding:15px;
  border-radius: 100px;
  width:300px;
  background-color: rgb(243, 242, 242);
  border:none;

}
.searchbar{
  border-radius: 100px;
  
}

.searchicon{
  background-color: #4e9525;
  padding:15px;
  width:fit-content;
  height:fit-content;
  border-radius: 40px;
  margin-left:-40px;
  font-size:clamp(5px,1rem+2vw,3rem);
  color:white;
}
.search{
  display:flex;
 
}
header{
  display:flex;
  justify-content:space-around;
  padding:50px;
  
}
/*navbar*/


nav{
  background-color: #4e9525;
  color:white;
  
}
.home{
  color:#e5cb3d;
}
.navitems{
  padding:30px;
  display:flex;
  gap:40px;
  list-style-type:none;
  justify-content: center;

}
.navitems li:hover{
  color:#e5cb3d;
  cursor:pointer;

}
.textonimg{
   
position: absolute;
color:white;
top:30%;
left:10%;
text-align: left;
 z-index:2;
  display:flex;
  flex-direction: column;
  gap:12px;
  

  
 
  
}
.textonimg h1{
   font-size: clamp(5px, 7vw, 60px);
  color:white;
   width:70%;
   
}
.textonimg p{
  color:#e5cb3d;
  font-size: clamp(3px,2vw, 15px);
  
}
.textonimg h5{
  font-size: clamp(5px,2vw, 13px);
  color:rgb(192, 191, 191);
  
}
.textonimg button{
  padding:15px 20px 15px 20px;
  color:white;
  background-color: #4e9525;
  border-style: none;
  width:180px;
  
  
}
.section-1::before{
  background-color: black;
  z-index:1;
  inset:0px;
  content:"";
  opacity: 0.5;
  position: absolute;
}


.section-1{
   min-height: 100vh;
  width: 100%;
  background-image: url(img/header.jpg);
  background-position:start;
  background-size: cover;
   justify-content:center;
  align-items:center;
 

position:relative;

  
}
.section-1 p{

}

.points{
  display:flex;
  flex-wrap:wrap;
  margin:30px;
  justify-content:space-between;
  float:left;
  gap:50px;
 

}
.point-1,
.point-2,
.point-3{
  position:relative;

}

.point-1{
  width:200px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  padding:30px;
  display:flex;
  flex-direction: column;
  align-items: center;
  height: fit-content;


  }
.point-1 div,h3{
  margin-bottom:20px;
}
.point-1 h5{
  color:rgb(167, 166, 166);
  font-size: clamp(5px, 3vw, 17px);
    font-weight: 300;
    line-height: 1.5;
    width:80%;
    text-align: center;
}
.point-2 h5{
  color:rgb(167, 166, 166);
  font-size: clamp(5px, 3vw, 17px);
    font-weight: 300;
    line-height: 1.5;
    width:80%;
    text-align: center;
}
.point-3 h5{
  color:rgb(167, 166, 166);
  font-size: clamp(5px, 3vw, 17px);
    font-weight: 300;
    line-height: 1.5;
    width:80%;
    text-align: center;
}
.point-2{
   width:200px;
      height: fit-content;

  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  padding:30px;
   display:flex;
  flex-direction: column;
  align-items: center;
  

}
.point-2 div,h3{
  margin-bottom:20px;
}


.point-3{
   width:200px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  padding:30px;
  display:flex;
  flex-direction: column;
  align-items: center;
  height: fit-content;

}
.point-3 div,h3{
  margin-bottom:20px;
}

.icon-1{
  background-color: rgb(238, 236, 236);
  border-radius: 50px;
  padding:30px;
  width:fit-content;
  color:#4e9525;

}
.icon-1:hover{
  color:#e5cb3d;
  background-color: #4e9525;
}
.icon-2{
  background-color:  rgb(238, 236, 236);
  border-radius: 50px;
  padding:30px;
  width:fit-content;
  color:#4e9525;

}

.icon-3{
  background-color: rgb(238, 236, 236);
  border-radius: 50px;
  padding:30px;
  width:fit-content;
  color:#4e9525;

}
.icon-3:hover{
  color:#e5cb3d;
  background-color: #4e9525;
}
.lawn-services{
  width:250px;
  padding:20px;
  justify-content:  center;
  display: flex;
  flex-direction: column;
  
}

.lawn-services p{
  color:#4e9525;
  margin-bottom:10px;
 font-size:clamp(5px,3vw,17px);
}
.lawn-services h5{
  color:rgb(131, 128, 128);
  margin-bottom:10px;
  font-size:clamp(5px,3vw,17px);
  font-weight: 300;
  line-height: 1.5;
  
 
  
}
.lawn-services h1{
 font-size:clamp(5px,5vw,30px);
   margin-bottom:10px;
  
}
.lawn-services button{
  padding:20px 40px 20px 40px;
  color:white;
  background-color: #4e9525;
  border-style: none;
  margin-bottom:10px;
  width: fit-content;

}
.section-2{
  display:flex;
  padding:30px;
}
.arrow-right-1{
  color:#e5cb3d;
  background-color: #4e9525;
  padding:20px;
  width:fit-content;
  border-radius:30px;
  position:absolute;
  display:none;
  align-items: end;
  top:93%;
 

   font-size: smaller;
 

} 
.arrow-right-2{
  color:#e5cb3d;
  background-color: #4e9525;
  padding:20px;
  width:fit-content;
  border-radius:30px;
  position:absolute;
  display:none;
  justify-self:flex-end;
  font-size: smaller;
  top:93%;
 

}
.arrow-right-3{
  color:#e5cb3d;
  background-color: #4e9525;
  padding:20px;
  width:fit-content;
  border-radius:30px;
  position:absolute;
  display:none;
  justify-self:flex-end;
  font-size: smaller;
  top:93%;
  

}

.point-1:hover .arrow-right-1{
  display:flex;

}


.point-1:hover  .icon-1{
  color:#e5cb3d;
  background-color: #4e9525;
 

}

.point-2:hover .arrow-right-2{
  display:flex;
  

}



.point-2:hover  .icon-2{
  color:#e5cb3d;
  background-color: #4e9525;
  

}
.point-3:hover .arrow-right-3{
  display:flex;

}


.point-3:hover  .icon-3{
  color:#e5cb3d;
  background-color: #4e9525;

}





.section-3{
  background-color: rgb(230, 229, 229);
  display:flex;
  align-items: center;
}
.coverimg{
  margin-left:130px;
 
}
.coverimg img{
   width:550px;
  height:720px;

}
.sidetextbox-1,
.sidetextbox-2,
.sidetextbox-3,
.sidetextbox-4,
.sidetextbox-5{
  display:flex;
  padding:20px;
    border-radius: 0px 20px 0px 20px;

  background-color: white;
  width:500px;
  justify-content: space-between;
  margin-bottom:25px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  
  


}
.sidetextbox-1 h2,
.sidetextbox-2 h2,
.sidetextbox-3 h2,
.sidetextbox-4 h2,
.sidetextbox-5 h2{
  
  font-weight: 200;
  font-size: large;
  

}
.sidetextbox-1:hover,
.sidetextbox-2:hover,
.sidetextbox-3:hover,
.sidetextbox-4:hover,
.sidetextbox-5:hover{
  background-color: #4e9525;
  color:#e5cb3d;
 
}

.sidetextbox-1:hover .arrow-right,
.sidetextbox-2:hover .arrow-right,
.sidetextbox-3:hover .arrow-right,
.sidetextbox-4:hover .arrow-right,
.sidetextbox-5:hover .arrow-right{
  
    background-color: #e5cb3d;
    color:#4e9525;




}

.arrow-right{
  background-color: #4e9525;
  color:white;
  padding:20px;
  border-radius:30px;
  position: absolute;
 margin-left:36%;
 margin-top:-1.3%;
  

} 
.sidetext p{
  width:90%;
  line-height: 1.5;
}


.sidetext h4,
.sidetext h1,
.sidetext p,
.texthead{
 
  
  margin-bottom: 20px;
}

.sidetext{
  margin-left:50px;
  margin-top:50px;
  margin-bottom: 50px;

}
.sidetext h4{

color:#4e9525;
font-size:15px;
}

.sidetext p{
  color:grey;
}
.texthead{
  color:#4e9525;
  font-size:20px;
  
}




.section-4 h1,
.section-4 h4{
  text-align: center;
  
}
.gal-1 img,
.gal-1 h4,
.gal-1 p{
  margin-bottom:20px;
  
}
.gal-1 p,
.gal-2 p,
.gal-3 p{
  
  color:grey;
}

.gal-1{
text-align: center;
  line-height:1.5;
}


.gal-2 img,
.gal-2 h4,
.gal-2 p{
  margin-bottom:20px;
  
}

.gal-2{
text-align: center;
  line-height:1.5;
  
}

.gal-3 img,
.gal-3 h4,
.gal-3 p{
  margin-bottom:20px;
}

.gal-3{
text-align: center;
line-height:1.5;
}
.section-4{
  margin-top:100px;
}
.gallery{
  display:flex;
  margin:50px;
 
  
}
.gallery img{
  width:350px;
  height:250px;
}

.section-5-number{
  color:#e5cb3d;
}
.section-5-number h1{
  font-weight:900;

}
.section-5-contact{
  color:white;
 
}
.section-5-contact h1{
  font-weight: bold;
}
.section-5-contact h3{
  text-align: start;
  font-weight: 300;

}

.section-5{
  background-color:#4e9525;
  padding:50px;
  padding-right: 150px;
  padding-left: 150px;
  display:flex;
  justify-content: space-between;
  align-items: center;
}
.face-1 img{
  border-radius: 100px;
}

.face-2 img{
  border-radius: 100px;
}

.face-3 img{
  border-radius: 100px;
}
.section-6 h1{
  margin-bottom: 100px;
    text-align: center;
    font-size:clamp(5px,5vw,30px);


}
.section-6 h5{
   padding-top: 100px;
      color:#4e9525;
      font-weight: bold;
      font-size:clamp(5px,3vw,17px);
      padding-bottom:20px;
      padding-top: 100px;

      text-align: center;

}

.reviews{
  display:flex;
  gap:50px;
  margin:30px;
  margin-left: 100px;
  margin-right: 100px;
}

.review-1{
  background-color: white;
  flex-wrap: wrap;
  padding:30px;
   box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
 
}
.review-1 p{
  color:grey;
  margin-bottom: 10px;

}
.review-2{
  background-color: white;
  flex-wrap: wrap;
   padding:30px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.review-2 p{
  color:grey;
  margin-bottom: 10px;

}
.review-3{
  background-color: white;
  flex-wrap: wrap;
   padding:30px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
   
}
.review-3 p{
  color:grey;
  margin-bottom: 10px;

}



.review-1-bot{
  display:flex;
  align-items: center;

}
.review-1-bot h4{
   margin-top:-15px;
    color:#4e9525;
    text-align: start;
    margin-left: 10px;;

}
.review-1-bot h3{
  text-align: start;
    margin-top: 30px;
    margin-left: 10px;
  
}

.review-2-bot{
  display:flex;
  align-items: center;


}
.review-2-bot h4{
   margin-top:-15px;
    color:#4e9525;
    text-align: start;
    margin-left: 10px;;

}
.review-2-bot h3{
  text-align: start;
    margin-top: 30px;
    margin-left: 10px;
  
}

.review-3-bot{
  display:flex;
  align-items: center;
 

}
.review-3-bot h4{
   margin-top:-15px;
    color:#4e9525;
    text-align: start;
    margin-left: 10px;;

}
.review-3-bot h3{
  text-align: start;
    margin-top: 30px;
    margin-left: 10px;
  
}

.section-7{
  background-color: rgb(233, 229, 229);
  
}
  .section-7 h4{
    text-align: center;
     margin-top:50px;
     padding-top:40px;
     color:#4e9525;
     margin-bottom: 1%;

  }
   .section-7 h1{
     text-align: center;
     margin-bottom:30px;

  }
  
.blogs{
  display:flex;
  justify-content: center;
 
  margin:0px;
}
.blogs h4{
  color:#4e9525;
   

}
.blog-1 h3{
  text-align: start;
    margin-top: 30px;

}
.blog-1 button{
  background-color: #4e9525;
    padding:15px;
    padding-left: 30px;
    padding-right: 30px;
    border:none;
    color:white;
    margin-left:20px;
  margin-right:20px;
  margin-bottom: 20px;

}
.blog-1 h3{
   margin-bottom: 30px; 
  margin-left:20px;
  margin-right:20px;

}
.blog-1 p{
  margin-bottom: 30px; 
  margin-left:20px;
  margin-right:20px;
  width:300px;
  color:grey;

}
.blog-1,
.blog-2,
.blog-3{
  border-radius: 0px 0px 100px 0px;

}


.blog-1{
 background-color: white;
  margin:20px;

}
.blogs h4{
  color:#4e9525;

}
.blog-2 h3{
  text-align: start;
    margin-top: 30px;

}
.blog-2 button{
  background-color: #4e9525;
    padding:15px;
    padding-left: 30px;
    padding-right: 30px;
    border:none;
    color:white;
    margin-left:20px;
  margin-right:20px;
  margin-bottom: 20px;

}
.blog-2 h3{
   margin-bottom: 30px; 
  margin-left:20px;
  margin-right:20px;

}
.blog-2 p{
  margin-bottom: 30px; 
  margin-left:20px;
  margin-right:20px;
  width:300px;
  color:grey;

}


.blog-2{
 background-color: white;
  margin:20px;

}
.blog-3 h3{
  text-align: start;
    margin-top: 30px;

}
.blog-3 button{
  background-color: #4e9525;
    padding:15px;
    padding-left: 30px;
    padding-right: 30px;
    border:none;
    color:white;
    margin-left:20px;
  margin-right:20px;
  margin-bottom: 20px;

}
.blog-3 h3{
   margin-bottom: 30px; 
  margin-left:20px;
  margin-right:20px;

}
.blog-3 p{
  margin-bottom: 30px; 
  margin-left:20px;
  margin-right:20px;
  width:300px;
  color:grey;

}


.blog-3{
 background-color: white;
  margin:20px;

}



.section-8{
  padding:50px;
  background-color: #4e9525;
  display: flex;
  justify-content: space-evenly


}
.subscribe-text{
  color:white;
  margin-right: 50px;

}
.subscribe-button button{
  background-color:#2b5016;
  color:white;
  padding:13px;
  border:none;
  position: absolute;
  margin-left: -20px;
  margin-top: -2px;
  
}
.subscribe-button input{
  padding:10px;
  width:300px;
}

.section-9-div{
  display:flex;
  padding:30px;
  text-align:start;
  background-color: rgb(29, 29, 29);
  
}
.section-9-div-1{
  color:white;
  width:300px;
  margin:30px;
}
.section-9-div-2{
  color:white;
  margin:30px;
}
.section-9-div-2 h3{
  text-align: start;

}
.section-9-div-3{
   margin:30px;
   color:white;

}
.section-9-div-3 h3{
   text-align: start;


}
.section-9 p{
  line-height: 1.6;
}
.section-9-div-3 p{
  width:300px;
  margin-bottom: 10px;
  

}
.section-9-div-4 h4{
  color:#e5cb3d;

}
.section-9-div-1 h3{
  margin-bottom: 10px;
}
.section-9-div-1 p{
  margin-bottom: 10px;
}
.section-9-div-2 p{
  margin-bottom: 10px;
}

.section-9-div-4 h3{
  text-align: start;
}
.section-9-div-4{
  color:white;
   margin:30px;
}
.copyright{
  background-color:rgb(29, 29, 29);
  color:grey;
  text-align: center;
  padding:30px;
}
.section-9{
   background-color:rgb(29, 29, 29);
}
.section-9-div-2 p:hover{

  
color:#4e9525
  
}
.menuicon{
  display: none;
}
.menuiconcross{
  display:none;
}

.footer{
  display: block;
   display:flex;
  list-style-type: none;
  gap:5px;
  justify-content: space-evenly;
}
.footer li{
  
  background-color: rgb(226, 226, 226);
  padding:20px;
  border-radius: 50px;
  color:rgb(95, 95, 95);
  height:fit-content;

}



@media screen and (max-width:1000px){
  .header-icons{
    display:none;
  }
  .lawn-services h5{
    
    width:99%;
    
  }

  .lawn-services{
    order:-1;
    
    align-items: center;

    
  }
  .lawn-services button{
    padding:10px 20px;
    border-radius: 20px;
    width:50%;
  }
  header{
    justify-content: space-between;
  
     position: relative;
     padding:10px;
     align-items: center;
     display:flex;
  }
  .menuicon{
    font-size: 30px;
    z-index: 2000;
    color:black;
     display: block;
  
  }
  .menuiconcross{
    font-size: 30px;
    z-index: 2000;
    color:white;
     display: none;

  }
 
  .section-1{
    position: relative;
    min-height: 50vh;  
  }
  .navitems li{

    margin-bottom: 30px;;
    align-items: center;

  }
 
  .navitems li:hover{
    background-color: white;
    padding:20px;
    width:100vw;
    margin-left: -20px;
    color:black;
    transition: 0.5s ease;
    
  }
  .home:hover{
    color:black;
  }
  .navitems {
    background-color:#4e9525;
    flex-direction: column;
    position:fixed;
     width:90%;
    height: 90%;
    z-index: 1000;
    top: 0%;
     
     right:-110%;
     transition: 2s ease;
     padding-top: 70px;
     
    
    
  
    color:white;
  }
  
  .openmenu{
    right:0px;
    color:white;

    
   
    
    

  }
  .menuicon{
    padding:20px;
  }
  .menuiconcross{
    padding:20px;

  }
  .nav{
   
    
    
     
   

  }
  
 
  
 .search{
  display:none;
}
.textonimg{
  text-align: center;
  top:50%;
  left:50%;
  row-gap:5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  
  transform: translate(-50%, -50%);
}
.textonimg h1{
  width:100%;
  max-width: 95%;
  white-space: nowrap;

 
}
.textonimg button{
  margin-top:10px;
  border-radius:20px;
  padding:10px 15px 10px 15px;
  width:50%;
 


 
}
.section-2{
  flex-direction: column;
  align-items: center;
}
.lawn-services{
  width:100%;
  text-align: center;
}
.section-2 .point-1,
.section-2 .point-2,
.section-2 .point-3{
  width:70vw;
  border-radius: 30%;
  
   

  

}
.icon-1,
.icon-2,
.icon-3{
 
  padding:15px;
 

}
.arrow-right-1,
.arrow-right-2,
.arrow-right-3{
  padding:15px;

}
.section-3{
  display:flex;
  flex-direction: column;
  margin-left:0%;
  background-color: rgb(230, 229, 229) ;
    align-items:normal;

 
 
}

.coverimg img{
  width:100%;
  
  height:60vh
 
  
}
.coverimg{
  margin:0%;

}
.sidetext{
  width:80%;
  
 
}
.sidetext h1{
  font-size: 5vw;
}
.sidetext p{
  font-size: 3vw;
}

.sidetextbox-1,.sidetextbox-2,.sidetextbox-3,.sidetextbox-4,.sidetextbox-5{
  width:90%;
  border-radius: 0px 20px 0px 20px;
   align-items: center;
  display:flex;
  justify-content: center;
  flex-direction: column;
  margin-left: -10px;
  
  
  font-size:10px;
}
.sidetextbox-1 h2,.sidetextbox-2 h2,.sidetextbox-3 h2,.sidetextbox-4 h2,.sidetextbox-5 h2{
 
  font-size:15px;
}
.arrow-right{

 margin-left:62%;
 margin-top:-2%;
}
.gallery{
  flex-direction: column;

}

.gal-1,
.gal-2,
.gal-3{
   margin-bottom: 10%;
   margin:10px;


}
.section-4{
  margin-top:10%;
}
.section-4 h4{
   font-size:15px;
     margin:0px;
       padding:0px;
       margin-bottom: 10px;
}
.section-4 h1{
  font-size: 5vw;
   margin:0px;
       padding:0px;
       margin-bottom: 10px;
}
.section-4 p{
  font-size:3vw;
}

.texthead{
  color:#4e9525;
  font-size: 15px;
  
}
.gallery{
  margin-top: 4%;
}
.gallery img{
  width:100%;
  height:40%;
  
}
.section-5{
  display:flex;
  flex-direction: column;
   padding:30px;
  padding-right: -150px;
  padding-left: -150px;
  
  
}
.section-5-contact h3{
  font-size:3vw;

}
.section-5-contact h1{
  width:100%;
  margin-bottom:10px;
  font-size:5vw;
  }

.section-5-number h1{
  font-size:5vw;
  


}
.face-1 img,
.face-2 img,
.face-3 img{
  width:50px;
  height:50px;
  margin-top: 50%;
}
.reviews p,
.reviews h3,
.reviews h4{
  font-size: 3vw;
  line-height: 1.2;
}

.reviews{
  display:flex;
  flex-direction:column;
  width:70vw;
   justify-items: center;
    align-items: center;
      margin:14%;
      margin-top:5%;
  
}
.review-1,
.review-2,
.review-3{
  flex-wrap: wrap;
  width:70vw;
  justify-items: center;
  display: flex;
  align-items: center;
  border-radius: 50px;

  

}
.section-6 {
  padding-top:30px;
 
  
}
.section-6 h5,
.section-6 h1{
  
       margin:0px;
       padding:0px;
       margin-bottom: 10px;


}
.section-7{
  margin-bottom:-20px;
}
.section-7 h4{
  font-size: 3vw;
  margin-bottom: 1%;
    margin:0px;
    margin-top:10px;
       margin-bottom: 10px;
}
.section-7 h1{
  font-size: 5vw;
  width:100%;
    margin:0px;
       padding:0px;
       margin-bottom: 10px;

}
.section-7 p{
  width:50%;
}
.blogs{
  display:flex;
  flex-direction:column;
  margin-bottom:20px;

}
.blogs img{
  width:100%;
}
.blogs h3,
.blogs p{
  width:95%;
  line-height: 1;
}
.blogs h3{
  font-size: 18px;

}
.blogs p{
  font-size: 3vw;
}
.section-8{
  display:flex;
  flex-direction: column;
  justify-content: center;
  margin-left: -5%;
}
.subscribe-text{
  width:100%;
  margin:0%;
  padding:0%;
  margin-bottom: 10%;
  font-size: 10px;
  margin-right: -50px;
}
.subscribe-button{
  justify-content: center;

}
.section-9-div{
  display:flex;
  flex-direction: column;
  margin:0%;
  padding:0%;
}
.section-9-div-1{
  width:80%;
  gap:10px;
  display:flex;
  flex-direction: column;
}
.footer{
  display: block;
   display:flex;
  list-style-type: none;
  gap:5px;
  justify-content: space-evenly;
}
.footer li{
  
  background-color: rgb(226, 226, 226);
  padding:20px;
  border-radius: 50px;
  color:rgb(95, 95, 95);
  height:fit-content;

}
.section-9-div{
  gap:50px;
}
.section-9-div-2{
  line-height: 0.5;
}
.section-9-div-3{
  line-height: 0.5;
}
.section-9-div-4{
  line-height: 0.5;
}
.section-9-div-2 h3,
.section-9-div-3 h3,
.section-9-div-4 h3{
text-decoration: underline;}

.section-9-div-2 h3{
  width:50%;
  font-size: 18px;
   margin-top: -10px;
}
.section-9-div-2 p{
  font-size: 15px;
   margin-bottom:7px;
}
.section-9-div-2{
  width:50%;
}
.section-9-div-3 {
  width:50%;
  margin-top:20px;
  margin-right:10px;
}
.section-9-div-3 h3{
  font-size: 18px;
   margin-top: -30px;
}
.section-9 h1{
  font-size: 5vw;

}
.section-9 p,
.section-9 h4{
  font-size: 3vw;

}
.section-9-div-1 li{
  padding:15px;
}
.section-9-div-3 p{
  font-size: 15px;
  width:100%;
  margin-bottom:15px;
}
.serconcombineddiv{
  display:flex;
}
.section-9-div-4{
  padding:0px;
  margin-top: -10px;
   font-size: 15px;
  width:100%;
}
.section-9-div-4 h3{
  
   font-size: 18px;
  width:100%;
}



.copyright{
  font-size:3vw;
}








}








  
  
  


@media screen and (min-width:1008px){

};

