body{
    font-family: 'Poppins',  'Montserrat', sans-serif;
 
 
 }
 img{width:100%;}
 .hero{
    height:65vh;
    position: relative;
    /* background-color:black; */
    z-index:10;
 }
 .hero-bg{
    height:75vh;
    width:100%;
    position: absolute;
    background-image:
    linear-gradient(rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.9) 100%),
    url('/imageserver/Reusable/gutters21/bg-hero.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    clip-path: polygon(0% 0%, 100% 0%, 100% 54%, 0% 82%);
 }
 .text-box{
    position: relative;
color:#000;
    z-index:100;
   padding-iinline:3%;
    /* position: absolute; */
       top:20%;
       left:0;
       /* transform: translate(-50%, -50%); */
       text-align: center;
 }
 .my-container{
    max-width:1400px;
    margin:0 auto;
    padding:2%;
 }
 .top-container{
    position: absolute;
    height:50vh;
 }
 .top {
       height: 50vh;
       background-image: 
       linear-gradient(to right bottom, 
      rgba(0,0,0, 0.5),
      rgba(0,0,0, 0.5)),
      url('/imageserver/Reusable/bg-hero.jpg');
       
     background-size: cover;
       background-position: top;
       position: relative;
       clip-path: polygon(0% 0%, 100% 0%, 100% 54%, 0% 82%);
 }
 
 .brand-box {
       position: absolute;
       top: 40px;
       left: 40px;
 }
 
 .brand { font-size: 20px; }
 
 .text-box {
       
 }
 
 .heading-primary {
       color: #fff;
       text-transform: uppercase;
         margin-bottom:20px;
       backface-visibility: hidden;
       margin-bottom: 30px;
 }
 
 .heading-primary-main {
       display: block;
       font-size: 26px;
       font-weight: 400;
       letter-spacing: 5px;
 }
 
 .heading-primary-sub {
       display: block;
       font-size: 18px;
       font-weight: 700;
       letter-spacing: 7.4px;
 }
 
 .btn:link,
 .btn:visited {
       text-transform: uppercase;
       text-decoration: none;
       padding: 10px 20px;
       display: inline-block;
       border-radius: 100px;
       transition: all .2s;
       position: relative;
 }
 
 .btn:hover {
       transform: translateY(-3px);
       box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
 }
 
 .btn:active {
       transform: translateY(-1px);
       box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 }
 
 .btn-white {
       background-color: #fff;
       color: #777;
     font-size: 14px;
 }
 
 .secondary{
     background-image:url('/imageserver/Reusable/leafblaster/19_6_14_GG_Studio_0010-scaled-min.jpg');
     background-size:cover;
     padding:150px 100px 75px 100px;
     margin-top:5%;
     color:white;
     font-size:1.3em;
     -webkit-clip-path: polygon(0% 15vh, 100% 0%, 100% 100%, 0% 100%);
 clip-path: polygon(0% 15vh, 100% 0%, 100% 100%, 0% 100%);
 }
 
 .third{
    padding:50px 0;
 }
 
 .fourth{
   background-image: linear-gradient(to top, rgba(255,255,255,0.9), rgba(64,98,47,0.9));
   padding:40px 100px;
  -webkit-clip-path: polygon(0% 5%, 50% 0%, 100% 5%, 100% 100%, 0% 100%);
 clip-path: polygon(0% 5%, 50% 0%, 100% 5%, 100% 100%, 0% 100%);
 }