.elementor-4508 .elementor-element.elementor-element-7f51c2e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:120px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4508 .elementor-element.elementor-element-3f20903{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4508 .elementor-element.elementor-element-75da06e{--display:flex;}@media(max-width:1366px){.elementor-4508 .elementor-element.elementor-element-3caa00f img{width:600px;}}/* Start custom CSS for shortcode, class: .elementor-element-0f88666 */.testi-slider .slick-prev:hover, .testi-slider .slick-prev:focus, .testi-slider .slick-next:hover, .testi-slider .slick-next:focus{
     background: #000 !important;
  }
  @media (max-width: 768px) {
  .testi-slider .slide-container {
    height: 562px!important; /* Adjust the height as needed */
  }
  .testi-slider .slide-container img {
    height: 400px; /* Adjust the image height as needed */
  }
}
    .testi-slider .center {
      width: 100%;
      margin: 0 auto;
      position: relative;
    }
    .testi-slider .slide-container {
      width: 826.53px;
      height: 495.19px;
      background-color: white;
      padding: 13px;
      display: flex;
      flex-direction: column;
      border-radius: 30px;
      align-items: center;
      justify-content: center;
      box-sizing: border-box;
      box-shadow: 0px 5px 20px 0px #E772271A;
      position: relative;
    }
    .testi-slider .slide-container img {
      width: 799.23px;
      height: 363.26px;
      object-fit: cover;
      border-radius: 30px;
      margin-bottom: 20px;
    }
    .testi-slider .text-container {
      width: 100%;
      display: flex;
      flex-direction: column;
      padding-left: 30px;
      padding-right: 30px;
      align-items: flex-start;
      justify-content: center;
    }
    .testi-slider .description-rating-container {
      display: flex;
      flex-direction: column;
      justify-content: center; /* Center vertically */
      align-items: flex-start;
      width: 100%;
      height: 100%; /* Ensure it takes up the full height of its container */
      padding: 10px 0; /* Optional: Add padding if needed */
    }
    .testi-slider .slide-description-container {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100% ;
    }
    .testi-slider .slide-description {
      margin: 0;
      font-weight :400px;
      font-family: Montserrat;
      padding-bottom: 9px;
      font-size: 26px;
      line-height: 31.69px;
    }
    .testi-slider .rating {
      display: flex;
      align-items: center;
      color: gold;
    }
    .testi-slider .rating p {
      margin: 0 5px 0 0;
    }
    .testi-slider .subtext {
      text-align: left;
      font-weight:300px;
     font-size: 20px;
     font-family: Montserrat;
     line-height: 24px;
    }
    .testi-slider .slick-slide {
      margin: 0 10px;
      position: relative;
    }
    .testi-slider .slick-slide::after {
      position: absolute;
      content: "";
      width: 100%;
      height: 100%;
      border-radius: 30px;
    background: #FFEDE0CC;

      top: 0;
      left: 0;
      z-index: 1;
      box-shadow: 0px 5px 20px 0px #E772271A;
      transition: background 0.5s ease;
    }
    .testi-slider .slick-center::after {
      background: transparent;
    }
    .testi-slider .slick-slide.slick-active::after {
      background: transparent;
      display: none;
    }
    .testi-slider .slick-dots li button:before {
      font-family: none !important;
      opacity: 0 !important;
      color: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    .testi-slider .slick-dots {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      justify-content: center;
      list-style: none;
      padding: 0;
    }
    .testi-slider .slick-dots li {
      margin: 0 5px;
      width: 10px;
      height: 10px;
      background-color: #FFD3B6;
      border-radius: 50%;
      cursor: pointer;
    }
    .testi-slider .slick-dots li.slick-active {
      background-color: #E77227;
    }
  .testi-slider .slick-prev, .testi-slider .slick-next {
  width: 40px;
  height: 40px;
  background-color: black;
  border: 3px solid #FFD3B6;
  border-radius: 50%;
  color: transparent;
  font-size: 0;
  line-height: 0;
  text-align: center;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
}

.testi-slider .slick-prev{
  left: 7%;
}

.testi-slider .slick-next {
  right: 7%;
  
}

.testi-slider .slick-prev:before {
  content: '';
  position: absolute;
  background-image: url('https://aestheticarc.com/wp-content/uploads/2024/08/Vector-12.svg') !important;
     background-position: center center !important;
     background-repeat: no-repeat;
     background-size: 20px 20px;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.testi-slider .slick-next:before{
      content: '';
  position: absolute;
    background-image: url('https://aestheticarc.com/wp-content/uploads/2024/08/Vector-13.svg'); /* Update this path */
      background-position: center center !important;
     background-repeat: no-repeat;
     background-size: 20px 20px;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
    .testi-slider .slick-prev:before {
      border-width: 10px 15px 10px 0;
      border-color: transparent #FFD3B6 transparent transparent;
    }
    .testi-slider .slick-next:before {
      border-width: 10px 0 10px 15px;
      border-color: transparent transparent transparent #FFD3B6;
    }
    .testi-slider .slick-track {
      padding-top: 20px !important;
      padding-bottom: 20px !important;
    }
    
    [type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover{
        /*background: #000 !important;*/
       
    }/* End custom CSS */