#servicos {
  padding: 25px 0; 
}
  
      #servicos h1 {
        font-size: 35px;
        font-weight: 500;
        margin-bottom: 25px; 
      }
      
  
  
  @media (min-width: 768px) {
  
      #servicos .texto {
        margin-bottom: 50px; 
      }
  
  }

  @media (min-width: 992px) {
  
    #servicos {
      padding: 70px 0; 
    } 

      #servicos .servicos-slider {
        padding: 0 75px; 
      } 

      #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 li {
    width: 10px;
    height: 10px; 
  }
  
    #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: #fff;
        border-radius: 50%;
        width: 5px;
        height: 5px;
        opacity: 1; 
      }
    
    #servicos .servicos-slider .slick-dots li.slick-active button {
      opacity: 1; 
    }
  
  #servicos .servico {
    box-shadow: 0 30px 30px rgba(136, 74, 136, 0.06);
    border-radius: 20px;
    margin: 40px 15px;
    /* min-height: 471px;  */
  }
     
    #servicos .servico a.btn {
      background: #a1191f;
      color: #fff;
      border-radius:8px;
    }
    

    #servicos .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 .servico .icone img {
        display: inline-block;
        padding: 62px;
      }
      
      #servicos .servico .icone i {
        font-size: 60px;
        padding: 70px; 
      }
        
    #servicos .servico .imagem {
      border-radius: 20px 20px 0 0;
      -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 .servico .imagem img {
        border-radius: 20px 20px 0 0;
        /* opacity: .2; */
        height: 200px;
        width: 100%;
        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 .servico .conteudo {
      padding: 20px 40px 40px 40px; 
      text-align:center;
    }
      
      #servicos .servico .conteudo h3 {
        font-size: 18px;
        font-weight: 500;
        margin-top: 10px;
        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; 
        color: #9c1006;
      }
        
        @media (min-width: 576px) {
          #servicos .servico .conteudo h3 {
            font-size: 26px;
            margin-bottom: 30px; 
          } 
        }
      
      #servicos .servico .conteudo .texto {
        font-size: 15px;
        font-weight: 400;
        line-height: 25px;
        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 .servico .conteudo .texto {
            font-size: 20px;
            line-height: 30px; 
          } 
        }
        
        @media (min-width: 992px) {

          #servicos .servico .conteudo .texto {
            overflow: hidden; 
          } 
        }

        #servicos .servico .conteudo .texto.open {
          height: auto;
          overflow: unset; 
        }
        
        #servicos .servico .conteudo .texto p {
          margin-bottom: 0; 
        }
      
      #servicos .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 .servico .conteudo .open-text {
            font-size: 20px; 
          } 
        }
        
        @media (min-width: 992px) {
          #servicos .servico .conteudo .open-text {
            visibility: visible; 
          } 
        }
    
    #servicos .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; 
      } 
   
    }


    @media (min-width: 992px) {

      #servicos .servico {
        margin: 15px;
      }


    }
    

    @media (min-width: 1200px) {

      #servicos .servico {
        margin: 40px 0px;
      }


    }
    

    @media (min-width: 1600px) {



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