.elementor-3783 .elementor-element.elementor-element-6e23015{--display:flex;--min-height:0px;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3783 .elementor-element.elementor-element-6e23015:not(.elementor-motion-effects-element-type-background), .elementor-3783 .elementor-element.elementor-element-6e23015 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cinematicsbytaha.co.uk/wp-content/uploads/2026/01/SnapInsta.to_472526928_3932484110361520_9206977084085250434_n.jpg");}.elementor-3783 .elementor-element.elementor-element-bd2cfc7{--display:flex;--min-height:560px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.4;--margin-top:-250px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:185px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3783 .elementor-element.elementor-element-bd2cfc7:not(.elementor-motion-effects-element-type-background), .elementor-3783 .elementor-element.elementor-element-bd2cfc7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cinematicsbytaha.co.uk/wp-content/uploads/2026/01/SnapInsta.to_472526928_3932484110361520_9206977084085250434_n.jpg");background-position:0px -900px;background-repeat:no-repeat;background-size:cover;}.elementor-3783 .elementor-element.elementor-element-bd2cfc7::before, .elementor-3783 .elementor-element.elementor-element-bd2cfc7 > .elementor-background-video-container::before, .elementor-3783 .elementor-element.elementor-element-bd2cfc7 > .e-con-inner > .elementor-background-video-container::before, .elementor-3783 .elementor-element.elementor-element-bd2cfc7 > .elementor-background-slideshow::before, .elementor-3783 .elementor-element.elementor-element-bd2cfc7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3783 .elementor-element.elementor-element-bd2cfc7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-blocksy_palette_4 );--background-overlay:'';}.elementor-3783 .elementor-element.elementor-element-7251132{padding:0px 0px 0px 0px;text-align:center;}.elementor-3783 .elementor-element.elementor-element-7251132.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3783 .elementor-element.elementor-element-7251132 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:64px;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-3783 .elementor-element.elementor-element-b826117{--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;}.elementor-3783 .elementor-element.elementor-element-84b2aa2{--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;}.elementor-3783 .elementor-element.elementor-element-28e1e8c{text-align:center;}.elementor-3783 .elementor-element.elementor-element-28e1e8c .elementor-heading-title{font-family:"Ephesis", Sans-serif;font-size:70px;font-weight:500;}.elementor-3783 .elementor-element.elementor-element-1834dea{--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;}.elementor-3783 .elementor-element.elementor-element-8b3ff4b{--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;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-3783 .elementor-element.elementor-element-bd2cfc7{--min-height:340px;--justify-content:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3783 .elementor-element.elementor-element-bd2cfc7:not(.elementor-motion-effects-element-type-background), .elementor-3783 .elementor-element.elementor-element-bd2cfc7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px -467px;}.elementor-3783 .elementor-element.elementor-element-7251132{width:var( --container-widget-width, 321.25px );max-width:321.25px;padding:0px 0px 50px 0px;--container-widget-width:321.25px;--container-widget-flex-grow:0;}.elementor-3783 .elementor-element.elementor-element-7251132 .elementor-heading-title{font-size:40px;}}@media(max-width:767px){.elementor-3783 .elementor-element.elementor-element-6e23015{--min-height:0px;}.elementor-3783 .elementor-element.elementor-element-bd2cfc7{--min-height:250px;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3783 .elementor-element.elementor-element-bd2cfc7:not(.elementor-motion-effects-element-type-background), .elementor-3783 .elementor-element.elementor-element-bd2cfc7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 1px;}.elementor-3783 .elementor-element.elementor-element-7251132{padding:0px 0px 0px 0px;}.elementor-3783 .elementor-element.elementor-element-7251132 .elementor-heading-title{font-size:35px;line-height:1.1em;}.elementor-3783 .elementor-element.elementor-element-28e1e8c .elementor-heading-title{font-size:46px;}}/* Start custom CSS for html, class: .elementor-element-d1338e3 */.testi-section {
  padding: 100px 20px;
 
  font-family: 'Georgia', serif;
}

.testi-outer-container {
  max-width: 1240px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 20px;
  position: relative;
}

.testi-slider-frame {
  flex: 1;
  position: relative;
  min-height: 500px;
}

.testi-card {
  display: none; /* Default hidden */
  grid-template-columns: 1fr 1fr; /* 50/50 Split */
  width: 100%;
  animation: fadeEffect 0.6s ease-in-out;
}

.testi-card.active {
  display: grid;
}

/* --- Left Text Box --- */
.testi-text-area {
  border: 1px solid #e8e1da; /* Exact thin border from image */
  padding: 80px 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: #fff;
}

.testi-quote-mark {
  font-size: 70px;
  color: #ede5de;
  line-height: 0.5;
  margin-bottom: 25px;
}

.testi-feedback {
  font-size: 22px;
  line-height: 1.6;
  color: #555;
  font-style: italic;
  margin-bottom: 35px;
}

.testi-client-name {
  font-size: 15px;
  letter-spacing: 3px;
  color: #333;
  text-transform: uppercase;
}

/* --- Right Image Box --- */
.testi-image-area {
  width: 100%;
}

.testi-image-area img {
  width: 100%;
  height: 500px;
  object-fit: cover;
  display: block;
}

/* --- Nav Arrows --- */
.testi-nav-btn {
  background-color: #f4f1ee; /* Soft beige */
  border: none;
  width: 45px;
  height: 45px;
  cursor: pointer;
  color: #c5a059;
  font-size: 18px;
  transition: 0.4s ease;
  z-index: 10;
}

.testi-nav-btn:hover {
  background-color: #000;
  color: #f4f1ee;
}

/* --- Responsive Layout --- */
@media (max-width: 992px) {
  .testi-card { grid-template-columns: 1fr; }
  .testi-image-area img { height: 400px; }
  .testi-text-area { padding: 50px 30px; }
}

@media (max-width: 600px) {
  .testi-outer-container { padding: 0 10px; }
  .testi-nav-btn {
    position: absolute;
    bottom: -60px;
  }
  .prev { left: 30%; }
  .next { right: 30%; }
}

@keyframes fadeEffect {
  from { opacity: 0; }
  to { opacity: 1; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3aa0e74 */.testi-section {
  padding: 100px 20px;
 
  font-family: 'Georgia', serif;
}

.testi-outer-container {
  max-width: 1240px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 20px;
  position: relative;
}

.testi-slider-frame {
  flex: 1;
  position: relative;
  min-height: 500px;
}

.testi-card {
  display: none; /* Default hidden */
  grid-template-columns: 1fr 1fr; /* 50/50 Split */
  width: 100%;
  animation: fadeEffect 0.6s ease-in-out;
}

.testi-card.active {
  display: grid;
}

/* --- Left Text Box --- */
.testi-text-area {
  border: 1px solid #e8e1da; /* Exact thin border from image */
  padding: 80px 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: #fff;
}

.testi-quote-mark {
  font-size: 70px;
  color: #ede5de;
  line-height: 0.5;
  margin-bottom: 25px;
}

.testi-feedback {
  font-size: 22px;
  line-height: 1.6;
  color: #555;
  font-style: italic;
  margin-bottom: 35px;
}

.testi-client-name {
  font-size: 15px;
  letter-spacing: 3px;
  color: #333;
  text-transform: uppercase;
}

/* --- Right Image Box --- */
.testi-image-area {
  width: 100%;
}

.testi-image-area img {
  width: 100%;
  height: 500px;
  object-fit: cover;
  display: block;
}

/* --- Nav Arrows --- */
.testi-nav-btn {
  background-color: #f4f1ee; /* Soft beige */
  border: none;
  width: 45px;
  height: 45px;
  cursor: pointer;
  color: #c5a059;
  font-size: 18px;
  transition: 0.4s ease;
  z-index: 10;
}

.testi-nav-btn:hover {
  background-color: #000;
  color: #f4f1ee;
}

/* --- Responsive Layout --- */
@media (max-width: 992px) {
  .testi-card { grid-template-columns: 1fr; }
  .testi-image-area img { height: 400px; }
  .testi-text-area { padding: 50px 30px; }
}

@media (max-width: 600px) {
  .testi-outer-container { padding: 0 10px; }
  .testi-nav-btn {
    position: absolute;
    bottom: -60px;
  }
  .prev { left: 30%; }
  .next { right: 30%; }
}

@keyframes fadeEffect {
  from { opacity: 0; }
  to { opacity: 1; }
}/* End custom CSS */