.bringingLife{
  color: rgb(242, 238, 232);
  box-shadow: 1px 4px 7px var(--SHADOW-COLOR);
  background-color: orange;
  padding: 0px 14px;
  text-shadow: 2px 4px 7px var(--SHADOW-COLOR);
}

.emphasise{
  color: orange;
  font-size: 2.8rem;
}

.emphasise2{
  color: black;
  font-size: 2.5rem;
}


.torchOnContainer{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 22px;
    border-radius: 5px;
    background-color: rgb(216, 221, 184);
    box-shadow: 1px 2px 3px var(--SHADOW-COLOR);
}

.torchText{
  background-color: rgb(224, 234, 195);
  width: 50%;
  padding: 22px;
  box-shadow: 5px 8px 12px var(--SHADOW-COLOR);
}

/* INTERIOR PAINTING */

.interior-painting{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-content: center;
  align-items: center;
  row-gap: 1rem;
  margin-top: 22px; 
}

      /* EXTERIOR PAINTING */
  .exterior-painting{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-content: center;
    align-items: center;
    row-gap: 1rem;
    margin-top: 22px; 
  }


  /*IMAGE SLIDER STARTS HERE*/

  .imageSlider{
    position: relative;
    max-width: 700px;
    width: 100%;
    margin: auto;
    overflow: hidden;
    border-radius: 2px;
  }

  .slider{
    display: flex;
    transition: 0.7s ease-in-out;
  }

  .slides{
    width: 100%;
    flex-shrink: 0;
    object-fit: cover;
  }

  .prev, .next{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 1;
  }

  .prev{left: 10px;}
  .next{right: 10px;}

  .prev:hover, .next:hover{
    background-color: rgb(51, 45, 39);
    color: orange;
  }



      /* ROOF PAINTING */
  .roof-painting{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-content: center;
    align-items: center;
    row-gap: 1rem;
    margin-top: 22px; 
  }


    /* GOOGLE REVIEWS */

        .googleReviews{
           display: flex;
           flex-direction: column;
           justify-content: center;
           align-items: center;
        }

        .fiveStars{
          display: flex;
          color: rgb(194, 118, 17);
        }

          .numbes{
            text-align: center;
            color: rgb(66, 69, 68);
            font-size: 1.3rem;
            font-weight:200;
          }


        .scroll-container {
          width: 100%;
           /* Hide overflow */
          position: relative;
        }
        
        .googleNextText {
          
          display:flex;
          padding: 15px;
          justify-content: space-between;
          white-space: nowrap;
          animation:scrollleft 20s linear infinite;
          overflow: hidden;
          
         
        }
        
        @keyframes scrollleft {
          from {
              transform: translateX(0);
          }
          to {
              transform: translateX(-100%);
          }
        }