/* ==========================================================================
   Services Section Start
   ========================================================================== */
   .services{
    background: url(../img/servics-bg.jpg) fixed;
    background-size: cover;
    background-position: center bottom;
    .service-box{
      color: #fff;
      .icon{
        margin-bottom: 25px;
        i{
          font-size: 48px;
          color: $preset;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -ms-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;   
        }
      }
      h3{
        font-size: 24px;
        text-transform: uppercase;        
        font-weight: 700;
        margin-bottom: 10px;
        a{
          color: #fff;
          &:hover{
            color: $preset;
          }
        }
      }
      p{
        color: #ffffff;
      }
    }
    .services-item{
      margin: 20px 0;
      .icon{
        float: left;
        margin-right: 25px;
        i{
          font-size: 36px;
        }
      }
      h3{
        font-size: 15px;
        text-transform: uppercase;        
        font-weight: 700;
        margin-bottom: 10px;
        letter-spacing: 1px;
        a{
          color: #fff;
          &:hover{
            color: $preset;
          }
        }
      }
      p{
        margin-left: 67px;
      }
    }
  }

  // Why section start
  .why{
    background: url(../img/why-bg.jpg) fixed;
    background-size: cover;
    padding-top: 80px;
    .why-item{
      margin-bottom: 60px;
      .icon{
        float: left;        
        i{
          font-size: 48px;
          color: $preset;
        }       
      }     
    }
    .why-content{
      margin-left: 70px;
      padding-right: 40px;
      color: #fff;
      h3{
        padding-bottom: 8px;
        font-size: 20px;
        text-transform: uppercase;
      }
    }
    .why:hover .icon-radius:after{
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
    }
  }

  // why-two
  .why-two{
    .section-header{
      color: #444;
    }
    .why-item{
      margin-bottom: 20px;
      margin-top: 20px;
      .icon{
        float: left;        
        i{
          font-size: 48px;
          color: $preset;
        }       
      }     
    }
    .why-content{
      margin-left: 70px;
      padding-right: 40px;
      h3{
        padding-bottom: 8px;
        color: $preset;
        font-size: 20px;
      }
    }
  }