html{
  scroll-behavior: smooth;
}
body{
  padding: 0;
  margin: 0;
}
section{font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;}
a{text-decoration: none;}
::selection{
  background-color: rgb(9, 180, 9);
  color: white;
}
.al a:hover{
  background:none!important;
  color: rgb(9, 180, 9)!important;
}
nav ul{
  margin-top: 10px!important;
}
.al{
  font-size:15px;
  padding: 8px 0 0 5px;
}
.al a{
  color: rgb(46, 46, 46)!important;
}
.al0{
  padding:15px;
}
.sec-init{
    height:300px;
    margin-top:15px;
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
    background-image: url(images/blog-bg.jpg);
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}
.gar0{
  height:300px;
  background-color: #000000;
}
.overlay-inner{
  background: rgba(0, 0, 0, 0.44);
  height:100%;
}
    .gar1{
        text-align: center;
        margin-left: auto;
        padding-top: 60px;
        margin-right: auto;
        width: 50%;
    }
    #gh{color:white;}
    #p0{
    color: white;
    padding: 5px;
    font-size: 14px;
    line-height: 1.9;
    }
    .sec-car{
      margin-top:10%;
  }
  .car0{
      background-image: url(images/hedge-bg-1024x555.jpg);
      background-repeat: no-repeat;
      background-size: 100%;
  }
  .car1{
      background-image: url(images/decking-bg.jpg);
      background-repeat: no-repeat;
      background-size: 100%;
  }
  .car2{
      background-image: url(images/turf-bg-1024x555.jpg);
      background-repeat: no-repeat;
      background-size: 100%;
  }
  .car3{
      background-image: url(images/gardening-bg.jpg);
      background-repeat: no-repeat;
      background-size: 100%;
  }
  #it{
      padding:10%;
      width:700px;
  }
  #bpc{
      padding-top: 15px;
      padding-bottom: 10px;
      font-size: 17px;
      color:white;
  }
  #bhc{color:white; padding-bottom: 10px; font-weight: 400;}
  .dtc{
      margin-right: 10px; 
      font-size: 14px; 
      text-transform: uppercase;
      color:white;
  }
    .sec0{
        background-color: azure;
        margin-top:100px;
        padding-top:10px;
        padding-bottom:10px;
    }
    .img{
        width:100%;
        height:315px;
    }
    .bl0{
        display:inline-block;
        width:565px;
        margin: 25px;
        background-color: white;
        border-radius:4px 4px;
    }
    #bh{color:rgb(17, 192, 17); font-weight: 400;}
    #com{padding-top:3%; padding-bottom:3%;}
    .dt{
        margin-right: 10px; 
        font-size: 12px; 
        text-transform: uppercase;
    }
    .bl_para{padding:35px; line-height: 1.8; padding-bottom: 45px;}
    .bl_para a:hover{text-decoration: none;}
    #bp{padding-top: 10px; padding-bottom: 10px;}
    .bl{
       display: flex;
       flex-flow: row wrap;
       padding:4%;
    }
    .sec3{
      background-color: rgba(0, 5, 5, 0.829);
      font-size: 15px;
      line-height: 1.7;
      color:white;
      margin-left: 0;
      margin-right:0;
    }
    .sec3 a{
      color: white;
    }
    .ft-init a:hover, .ft0 a:hover{
      text-decoration: none;
      color: rgb(40, 38, 146);
    }
    .r3{
      padding-left:15px;
      padding-top: 80px;
    }
    #p5{
      width:285px;
      color: white;
      padding-top: 35px;
      padding-bottom: 35px;
    }
    #rh0{
      color: white;
    }
    .gal{
      padding-top: 25px;
      max-width: 100%;
      height: 250px;
      vertical-align: middle;
    }
    .u0{
      list-style: none;
      padding-top: 10px;
    }
    .pg1{
      color:rgb(9, 180, 9);;
    }
    .icon{display: inline-block;}
    .link-text{
      margin-left: 10px;
      display: inline-flex;
    }
    .link{
      padding:10px;
    }
    .link a:hover{
      text-decoration: none;
      color: azure;
    }
    #p6{
      padding-top: 15px;
      margin: 0;
    }
    #p7{width:250px;}
    .u1{
      list-style: none;
      padding-top:30px;
      padding-left: 0;
    }
    .l1{
      display: inline-flex;
      text-align: center;
      margin:5px;
    }
    .d1{
      width: 35px;
      height: 35px;
      border-radius: 50%;
      background-color: rgb(9, 180, 9);; 
    }
    .fb1{
      color: white;
      vertical-align: middle;
      padding:10px;
    }
    .ft{
      margin-top: 50px;
      border-top-style: solid;
      border-top-width: 4px;
      border-top-color: rgb(9, 180, 9);;
    }
    .ft{
      padding: 55px;
    }
    #pt{
      display:inline;
    }
    #pt1{
      float: right;
    }
    
    