.hero {
    background-image: url(https://assets.adflegal.org/archive/dl/public/2020-12/hero_ADF_CorporateAffairs_1920x741.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
    display: flex;
    align-items: center;
    border-bottom: 15px solid #E2AA00;


}

.hero h1 {
   font-size: 52px;
   font-weight: 300;
}

.hero h1 span {
   font-size: 56px;
   font-weight: 300;
}

.hero h2 {
   margin-bottom: 0px;
   font-size: 24px;
   font-weight: 300;
}

.top-header {
   margin-bottom: -45px;
   border-bottom: 2px solid #E2AA00;
}

.main-image-block {
   background: url('');
}

.main-image-block h2 {
   color: white;
}

.main-image-block span {
   font-style: italic;
}

.intro-block {
   padding: 40px 0px;
   text-align: center;
}

.intro-block h2 {
   font-size: 32px;
}

.intro-block h3 {
   padding: 20px 0px;
   font-size: 18px;
   font-weight: 700;
   position: relative;
}

.intro-block h3:before {
   content:"";
   background: url("https://assets.adflegal.org/archive/dl/public/2020-12/Square-Brackets-Corporate-Affairs.png");
   position: absolute;
   left: 144px;
   bottom: 10px;
   width: 10px;
   height: 40px;
}

.intro-block h3:after {
   content:"";
   background: url("https://assets.adflegal.org/archive/dl/public/2020-12/Square-Brackets-Corporate-Affairs.png");
   position: absolute;
   bottom: 10px;
   width: 10px;
   height: 40px;
   transform: scaleX(-1);
}

.intro-block h4 {
   font-size: 14px;
   font-weight: 600;
}

.info-block {
   background: grey;
   color: white;
}

.info-block .container {
   padding: 40px 0px;
}

.info-block h2 {
   text-align: left;
   margin-bottom: 0px;
   font-size: 20px;
   font-weight: 700;
}

.info-block h3 {
   font-size: 32px;
}

.info-block .image {
   width: 100px;
}

.info-block .header {
   display: inline-flex;
   align-items: center;
}

.info-block .bottom-row {
   padding-top: 40px;
}

.info-block li {
   position: relative;
   padding:0 0 32px;
   margin-bottom: 0px;
   flex-direction: row;
   align-items: center;
}

.info-block li:before {
   content:"";
   background: url("https://assets.adflegal.org/archive/dl/public/2020-12/icon_check_150.png") no-repeat;
   background-size: contain;
   position: absolute;
   left: -40px;
   width: 30px;
   height: 30px;
}
   

.info-block ul {
   list-style: none;
}

.main-image-block {
    background-image: url(https://assets.adflegal.org/archive/dl/public/2020-12/ADF_Corporate_Affairs_CTA.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
    display: flex;
    align-items: center;
    border-bottom: 15px solid #E2AA00;
}

.main-image-block h2 {
   font-size: 41px;
}

.input-block {
    display: flex;
    align-items: center;
    background-image: url(https://assets.adflegal.org/archive/dl/public/2020-12/ADF_Corporate_Affairs_Hex_Background.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: 1000px 1000px;
}

.input-block .full-width-bg {
    height: 100%;
    width: 100%;
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,0.9360119047619048) 23%, rgba(255,255,255,0) 100%);
}

.input-block .container {
   padding: 40px 0px;
}

.input-block .input-box {
   padding: 20px 0px;
}

.input-block .box {
   width: 400px;
}

.input-block h2 {
   font-size: 14px;
}

.input-block h3 {
   font-size: 18px;
}


@media (max-width: 776px) {

   .info-block .header {
       justify-content: center;
    }

   .bottom-row {
       justify-content: center;
       text-align: center;
   }

   .primary-block {
       max-width: 100%;
       flex: 0 0 100%;
    }

   .info-block .image-block {
       max-width: 100%;
       display: flex;
       flex: 0 0 100%;
      justify-content: center;
    }

   .info-block .header {
      max-width: 100%;
      flex: 0 0 100%;
      padding: 20px 30px;
     }

   .info-block .bottom-block {
      padding: 50px 0px;
   }

   .input-block {
      display: flex;
      align-items: center;
      background-image: none;
    }

    .input-block .full-width-bg {
        background: none;
    }

    .intro-block h3:before {
        left: 0px;
        bottom: 35px;
        transform: scale(1.5);
    }

    .intro-block h3:after {
        right: 0px;
        bottom: 35px;
        transform: scale(-1.5);
    }
}
@media (max-width: 991px) and (min-width: 777px) {

   .info-block .header {
       padding: 20px 30px;
    }

    .intro-block h3:before {
        left: 0px;
        bottom: 32px;
    }

    .intro-block h3:after {
        right: 0px;
        bottom: 32px;
    }
}

@media (max-width: 1198px) and (min-width: 992px) {

    .intro-block h3:before {
        left: 65px;
    }
}