/* Testimonial Styling */















































.bt-content-wrap:has(.review-modal.active) {























  position: relative;























  z-index: 10003;























}































img.grid-image {







  min-height: 270px;







  object-fit: cover;







}













body .testimonials img.experience-logo {

  max-width: 178px;

}

















body .testimonials img.google-logo {























  width: 30px;























  height: 30px;























  object-fit: cover;























}















































.testimonials .slide .details .fa-star {























  pointer-events: none;























}















































.testimonials:has(.testimonial-slider[data-type="full-width"]) button[data-controls="next"] {























  right: 50px;























}















































.testimonials:has(.testimonial-slider[data-type="full-width"]) button[data-controls="prev"] {























  left: 50px;























}















































.testimonials:has(.testimonial-slider[data-type="full-width"]) .slide {























  margin-right: 0;























  padding: 100px 0;























}















































.testimonials:has(.testimonial-slider[data-items="1"]) {























  max-width: 60%;























  margin: auto;























}















































.testimonials:has(.testimonial-slider[data-type="full-width"]) p {























  line-height: 1.2;























  font-size: 24px;























}















































.testimonial-slider .slide:not(.slide[data-background="image"]) {























  background: white;























}















































.slide[data-background="image"] {























  background-size: cover;























  background-position: center;























  background-repeat: no-repeat;























  position: relative;























}















































.testimonials .overlay {























  background: unset;























  position: absolute;























}















































.slide[data-background="image"] .overlay {























  position: absolute;























  top: 0;























  left: 0;























  width: 100%;























  height: 100%;























  z-index: 1;























}















































.slide[data-background="image"] p,























.slide[data-background="image"] .testi_subtitle,























.slide[data-background="image"] .content p::before {























  color: white;























}















































.slide[data-background="image"] .content,























.slide[data-background="image"] .details {























  z-index: 2;























}















































.testimonials:has(.testimonial-slider[data-type="full-width"]) .slide .content,























.testimonials:has(.testimonial-slider[data-type="full-width"]) .slide .details {























  max-width: 60%;























  text-align: center;























  margin: auto;























}















































.review-modal {























  background: rgba(0, 0, 0, 0.70);























  width: 100%;























  height: 100%;























  z-index: 10000;























  top: 0;























  left: 0;























  position: fixed ;























}















































.review-modal .center {























  width: auto;























  height: auto;























  padding: 30px;























  position: absolute;























  left: 50%;























  top: 50%;























  transform: translate(-50%, -50%);























  background-color: white;























  min-width: 680px;























}















































.review-modal.form-visible .center {























  min-width: 800px;























  text-align: left;























}















































.review-modal form p:has(input[type="submit"]) {























  float: right;























  margin-top: 20px;























}















































.review-modal .close {























  float: right;























  cursor: pointer;























  font-size: 28px;























}















































.review-modal .rating {























  margin-bottom: 10px;























}









































.testimonials .title i.fa-star {



  font-size: 32px;

  display: inline-block !important;





}















































.review-modal .rating .selected i.fa-star.fa-regular,























.testimonials i.fa-star:not(.fa-regular),























.review-modal form .gfield.rating,























.review-modal {























  display: none;























}















































.testimonials i.fa-star {























  color: #e9d758;























  cursor: pointer;























  font-size: 50px;























}















































.review-modal .rating .selected i.fa-star:not(.fa-regular) {























  display: block;























}















































.review-modal .rating>div {























  display: inline-block;























}















































.review-modal button {























  display: block;























  margin: 20px auto;























}















































.review-modal form .hidden {























  display: none;























}















































.bt-content .review-modal .gform_wrapper .gform_body input, 























.bt-content .review-modal .gform_wrapper .gform_body textarea, 























.bt-content .review-modal .gform_wrapper .gform_body select,























.review-modal input, 























.review-modal textarea, 























.review-modal select {























  margin-bottom: 0;























  width: 100%;























}















































.review-modal .gform-theme--foundation .gform_fields {























  row-gap: 20px;























}















































.review-modal p:not(form p) {























  font-size: 34px;























  margin-bottom: 20px;























  line-height: 38px;























}















































.testimonials .review-button {























  text-align: center;























  margin: 50px auto;























}















































.testimonials .review-button button,























.review-modal button {























  border: 1px solid rgba(0,0,0,.2);























  background: white;























  font-size: 1em;























  padding: 20px 30px;























  font-weight: bold;























  line-height: 1;























  cursor: pointer;























}















































.testimonials .review-button button:hover,























.review-modal button:hover {























  border: 1px solid black;























}















































.tns-inner {























  margin-right: 50px;























  position: relative;























}















































.tns-outer {























  position: relative;























}















































.tns-nav {























  text-align: center;























}















































.tns-ovh::before {























  position: absolute;























  border-left: 15px solid rgb(255, 255, 255, .6);























  z-index: 1;























  content: '';























  bottom: 0px;























  top: 0;























  right: auto;























  left: -10px;























  filter: blur(3px);























  background: inherit;























}















































.tns-ovh::after {























  position: absolute;























  border-right: 15px solid rgb(255, 255, 255, .6);























  z-index: 1;























  content: '';























  bottom: 0px;























  top: 0;























  right: -10px;























  left: auto;























  filter: blur(3px);























  background: inherit;























}















































.tns-inner::before {























  position: absolute;























  z-index: 1;























  background: linear-gradient(to left, rgb(255, 255, 255, .8) 12%, transparent 100%);























  content: '';























  bottom: 0;























  top: 0;























  right: -50px;























  left: auto;























  width: 65px;























}















































.tns-inner::after {























  position: absolute;























  z-index: 1;























  background: linear-gradient(to left, transparent 12%, rgb(255, 255, 255, .8) 100%);























  content: '';























  bottom: 0;























  top: 0;























  left: -55px;























  right: auto;























  width: 50px;























}















































.tns-nav button {























  width: 20px;























  height: 20px;























  background: black;























  border: black;























  border-radius: 50%;























  margin: 5px;























}















































.tns-controls button {























  position: absolute;























  top: 50%;























  border: none;























  background: transparent !important;























  font-size: 50px;























  transform: translate(0%, -50%);























  opacity: .5;























}















































.tns-controls button:hover {























  opacity: 1;























}















































button[data-controls="prev"] {























  left: -75px;























}















































button[data-controls="next"] {























  right: -75px;























}















































button[data-action="start"],























button[data-action="stop"] {























  position: relative;























  left: 50%;























  margin: 30px 0;























  transform: translate(-50%, 0%);























  border: none;























  background: transparent;























  font-size: 36px;























}























.testimonial-slider[data-type="grid"],

.testimonial-slider[data-type="masonry"] {







  display: grid;







  grid-gap: 30px;







}











.testimonial-slider[data-type="masonry"] .slide {

  height: auto;

}



.testimonial-slider[data-type="masonry"]>div {

  margin-bottom: 20px;

  break-inside: avoid;

}


.testimonial-slider[data-type="masonry"] {

  display: block;

  column-count: 3;

  column-gap: 20px;

}


.testimonial-slider[data-type="masonry"][data-grid-cols="2"] {

  column-count: 2;

}




.testimonial-slider[data-type="grid"] .slide,

.testimonial-slider[data-type="masonry"] .slide {







  justify-content: start;







  margin: 0;







}















.testimonial-slider .flex-slide {




z-index: 2;


  display: flex;







  flex-direction: column;







  justify-content: space-between;







  height: 100%;







}























.testimonial-slider {























  display: flex;























  align-items: stretch;























  opacity: 0;























}















































.testimonial-slider.tns-slider {























  opacity: 1;























}















































.testimonials .row {























  margin: auto;























}















































.testimonial-slider .slide {























  border: 1px solid rgba(0,0,0,.2);























  padding: 20px;























  margin-right: 20px;























  display: flex;























  flex-direction: column;























  justify-content: space-between;























  height: 100%;























  gap: 20px;























  box-shadow: 0px 15px 15px -15px #000;























}















































.testimonial-slider .content p::before {























  content: "\f10d";























  font-family: 'Font Awesome 6 Free';























  display: inline-block;























  font-style: normal;























  font-variant: normal;























  text-rendering: auto;























  -webkit-font-smoothing: antialiased;























  margin-right: 15px;























  font-size: 40px;























  line-height: 30px;























  font-weight: 900;























  color: black;























}















































.tns-item {























  padding-bottom: 20px;























}















































.testimonial-slider .links a {























  margin-right: 10px;























}







































































/* Tablet */























@media screen and (max-width: 1280px) and (min-width: 580px) {












  .testimonial-slider[data-type="masonry"][data-grid-cols="2"],
  .testimonial-slider[data-type="masonry"] {

    column-count: 2;

  }









  .testimonials:has(.testimonial-slider[data-type="full-width"]) .slide {























    padding: 30px 0;























  }















  .tns-controls button {







    position: static;







    transform: none;







  }







  







  .review-modal .center {







    min-width: unset;







    width: 100%;







  }























}







































































/* Mobile Styling */























@media screen and (max-width: 580px) {























  .testimonials:has(.testimonial-slider[data-type="full-width"]) .slide .content, 























  .testimonials:has(.testimonial-slider[data-type="full-width"]) .slide .details {























    max-width: 100%;























    padding: 0 15px;























  }























  







  .testimonial-slider[data-type="grid"],

  .testimonial-slider[data-type="masonry"] {







    display: block;







  }















































  .tns-controls {























    text-align: center;























  }















































  .tns-controls button {























    position: static;























    transform: none;























  }















































  .testimonials:has(.testimonial-slider[data-mobile-nav="false"]) .tns-controls {























    display: none;























  }















































  .testimonials:has(.testimonial-slider[data-type="full-width"]) .slide {























    padding: 20px 0;























  }















































  .testimonials i.fa-star {























    font-size: 38px;























  }















  .testimonial-slider[data-type="grid"] .slide,

  .testimonial-slider[data-type="masonry"] .slide {







    margin-bottom: 20px;







  }















  .review-modal .center {







    min-width: unset;







    width: 100%;







  }








  .testimonial-slider[data-type="masonry"][data-grid-cols="2"],
  .testimonial-slider[data-type="masonry"] {

    column-count: 1;

  }





















}























