body {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="28" height="49" stroke="BurlyWood" viewBox="0 0 28 49"%3E%3Cg fill-rule="evenodd"%3E%3Cg id="hexagons" fill="%239C92AC" fill-opacity="0.4" fill-rule="nonzero"%3E%3Cpath d="M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');
  background-color: #dd2c00;
}

.container {
  background-color: rgb(238, 228, 82);

  .header {
    background-image: url("images/bg_icon.png");
    background-size: 25%;
    background-position: center bottom 20px;
    background-repeat: no-repeat;
    padding: 10px 0px;
    margin-left: -15px;
    margin-right: -15px;
    font-size: 2.5rem;
    
    a:hover{
      text-decoration: none !important;
    }

    i{
      font-size: 1.5rem;
      color:rgb(207, 142, 21);
    }

    .icon, .vd
    {
      background-color: transparent;
      overflow: hidden;

      h4{
        color:rgb(207, 142, 21);
      }
    }

    .shine {
      display: inline;
      overflow: hidden;

      img{
        width: 25%;
        height: 25%;
      }

    //     &:before {
    //       position: absolute;
    //       content: '';
    //       width: 50%;
    //       height: 100%;
    //       transform: skewX(-50deg);
    //       transition: 0.5s;
    //       top: 0;
    //       left:-15%;
    //   }

    //   &:hover:before {
      
    //     left: 40%;
    //     background: rgba(255, 255, 255, 0.2);
    // }
  }


    div {
      background-color: rgba(255, 255, 255, 0.473);
      
      div {
        &:first-child {
          padding-top:20px;
          -webkit-text-stroke: 2px rgba(145, 136, 18, 0.74) !important;
        }
        &:nth-child(2) {
          font-size: 1.8rem;
          color: gray;
        }
        &:nth-child(3) {
          font-size: 1.8rem;
          color: gray;
          padding-bottom:20px;
        }
      }
    }
  }

  section {
  }

  .content {
    // border: 5px solid;

    .btn {
      img {
        overflow: hidden;
        box-shadow: 2px 5px #b63c1d79;
        border-radius: 15%;
      }
    }
  }

  .row {
    div:nth-child(2) > h4 {
      line-height: 200%;

      &:first-child {
        -webkit-text-stroke: 0.01em rgba(145, 136, 18, 0.74);
      }

      &:nth-child(3) {
        color: red !important;
      }
    }
  }
}