#servicos {
  padding: 25px 0;
}

@media (min-width: 1600px) {
    #servicos {
      padding: 8rem 0 2rem;
    }
}

@media (min-width: 992px) {
    #servicos .servicos-slider {
      padding: 0 25px; } }
      #servicos h1 {
        font-size: 25px;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 25px; }
        @media (min-width: 992px) {
          #servicos h1 {
            font-size: 35px;
          }
        }
      #servicos .texto {
        margin-bottom: 50px; }
  @media (min-width: 992px) {
    #servicos .servicos-slider .slick-arrow {
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 10px;
      border-radius: 20px;
      box-shadow: 0 30px 30px rgba(136, 74, 136, 0.06);
      width: 35px;
      height: 45px; }
    #servicos .servicos-slider .slick-prev {
      left: 0;
      background-image: url(img/servicos_seta_prev.svg); }
      #servicos .servicos-slider .slick-prev::before {
        display: none; }
    #servicos .servicos-slider .slick-next {
      right: 0;
      background-image: url(img/servicos_seta_next.svg); }
      #servicos .servicos-slider .slick-next::before {
        display: none; } }
  @media (min-width: 1600px) {
    #servicos .servicos-slider .slick-arrow {
      width: 77px;
      height: 94px;
      background-size: auto; }
    #servicos .servicos-slider .slick-prev {
      left: -80px; }
    #servicos .servicos-slider .slick-next {
      right: -80px; } }
  #servicos .servicos-slider .slick-disabled {
    opacity: .5; }
  #servicos .servicos-slider .slick-dots {
    left: 0; }
  #servicos .servicos-slider .slick-dots li {
    width: 20px;
    height: 20px; }
    #servicos .servicos-slider .slick-dots li button {
      background-color: transparent;
      border-radius: 50%;
      opacity: .7;
      width: 10px;
      height: 10px; }
      #servicos .servicos-slider .slick-dots li button:before {
        color: transparent;
        background-color: transparent;
        border:2px solid #E7C4B6;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        opacity: 1; }
    #servicos .servicos-slider .slick-dots li.slick-active button {
      opacity: 1; }
  #servicos .servicos-slider .servico {
    box-shadow: 0 30px 30px rgba(136, 74, 136, 0.06);
    border-radius: 20px;
    margin: 40px 15px 20px;
    min-height: 400px; }
    @media (min-width: 1200px) {
      #servicos .servicos-slider .servico {
        margin: 40px 10px;
      }
    }
    #servicos .servicos-slider .servico .icone {
      background-image: url(img/servicos_icon_bg.svg);
      background-position: center center;
      background-repeat: no-repeat;
      border-radius: 20px 20px 0 0;
      height: 200px;
    }

      #servicos .servicos-slider .servico .icone img {
        display: inline-block;
        padding: 62px;
      }

      #servicos .servicos-slider .servico .icone i {
        font-size: 60px;
        padding: 70px;
      }


        @media (min-width: 1600px) {

            #servicos .servicos-slider .servico .icone i {
              font-size: 80px;
              padding: 60px;
            }
        }


    #servicos .servicos-slider .servico .imagem {
      border-radius: 20px 20px 0 0;
      padding: 5px;
      -webkit-transition: background-color 0.2s ease-in;
      -moz-transition: background-color 0.2s ease-in;
      -o-transition: background-color 0.2s ease-in;
      transition: background-color 0.2s ease-in; }
      #servicos .servicos-slider .servico .imagem img {
        border-radius: 20px;
        /* opacity: .2; */
        /* height: 250px; */
        width: 100%;
        aspect-ratio: 4/3;
        object-fit: cover;
        -webkit-transition: opacity 0.2s ease-in;
        -moz-transition: opacity 0.2s ease-in;
        -o-transition: opacity 0.2s ease-in;
        transition: opacity 0.2s ease-in; }
    #servicos .servicos-slider .servico .conteudo {
      padding: 20px 20px 40px 20px;
    }
      #servicos .servicos-slider .servico .conteudo h3 {
        font-size: 18px;
        font-weight: 500;
        margin-top: 10px;
        margin-bottom: 20px;
        text-align: center;
        text-transform: uppercase;
        -webkit-transition: color 0.2s ease-in;
        -moz-transition: color 0.2s ease-in;
        -o-transition: color 0.2s ease-in;
        transition: color 0.2s ease-in; }

        @media (min-width: 576px) {
          #servicos .servicos-slider .servico .conteudo h3 {
              font-size: 24px;
              margin-bottom: 30px;
          }
        }


        @media (min-width: 768px) {
          #servicos .servicos-slider .servico .conteudo h3 {
              font-size: 22px;
          }
        }


        @media (min-width: 1700px) {
          #servicos .servicos-slider .servico .conteudo h3 {
              font-size: 26px;
          }
        }


      #servicos .servicos-slider .servico .conteudo .texto {
        font-size: 15px;
        font-weight: 400;
        line-height: 25px;
        text-align: center;
        margin-bottom: 20px;
        -webkit-transition: color 0.2s ease-in;
        -moz-transition: color 0.2s ease-in;
        -o-transition: color 0.2s ease-in;
        transition: color 0.2s ease-in; }
        @media (min-width: 576px) {
          #servicos .servicos-slider .servico .conteudo .texto {
            font-size: 17px;
            line-height: 30px; } }
        @media (min-width: 992px) {
          #servicos .servicos-slider .servico .conteudo .texto {
            height: 90px;
            overflow: hidden; } }
        #servicos .servicos-slider .servico .conteudo .texto.open {
          height: auto;
          overflow: unset; }
        #servicos .servicos-slider .servico .conteudo .texto p {
          margin-bottom: 0; }
      #servicos .servicos-slider .servico .conteudo .open-text {
        font-size: 15px;
        font-weight: 500;
        cursor: pointer;
        visibility: hidden;
        -webkit-transition: color 0.2s ease-in;
        -moz-transition: color 0.2s ease-in;
        -o-transition: color 0.2s ease-in;
        transition: color 0.2s ease-in; }
        @media (min-width: 576px) {
          #servicos .servicos-slider .servico .conteudo .open-text {
            font-size: 20px; } }
        @media (min-width: 992px) {
          #servicos .servicos-slider .servico .conteudo .open-text {
            visibility: visible; } }
    #servicos .servicos-slider .servico:hover .imagem img {
      opacity: 1; }
  #servicos .btn-orcamento {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 40px;
    box-shadow: none;
    width: 100%;
    margin: 25px 0;
    padding: 25px 10px;
    -webkit-transition: background-color 0.2s ease-in;
    -moz-transition: background-color 0.2s ease-in;
    -o-transition: background-color 0.2s ease-in;
    transition: background-color 0.2s ease-in; }
    @media (min-width: 576px) {
      #servicos .btn-orcamento {
        width: auto;
        padding: 25px 70px; } }

/*# sourceMappingURL=style.css.map */


/* Detalhe */

#servico-modal .close {
  font-size: 4rem;
  font-weight: lighter;
  line-height: 0;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
  width: 55px;
  height: 55px;
  position:absolute;
  right:0;
  z-index: 999;
  right: 0px;
  top: 0px;
}

  #servico-modal .close span {
    height: 20px;
    display: block;
  }

#servico-detalhe {
  color: #4A4357;
  text-align: left;
  padding: 20px 5px 5px 5px;
}

  #servico-detalhe img {
    float:unset;
    display:block;
    max-width: 100%;
    object-fit: cover;
    border-radius: 10px;
    margin-left: 0;
    margin: 0 auto 30px;
  }

  #servico-detalhe .nome {
    font-size: 26px;
    text-transform: uppercase;
    font-weight: bold;
  }

  @media (min-width: 576px) {

    #servico-detalhe {
      padding: 20px;
    }

  }

  @media (min-width: 992px) {

    #servico-detalhe {
      padding: 40px;
    }

      #servico-detalhe img {
        float: right;
        display: block;
        margin: 0 0 30px 30px;
      }

      #servico-modal .close {
        font-size: 5rem;
        right: 5px;
        top: 5px;
      }
  }

#servico-modal .slick-slide {
  text-align: center;
}