/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 12 2025 | 15:42:34 */
#top nav > ul > li > a{
  font-size:16px;
}
body #header-outer[data-transparent-header=true].transparent{
  background-color:rgba(0, 0, 0, 0.57) !important;
}
#header-outer .sf-menu > li > a > .sf-sub-indicator{
  width:22px;
  height:22px;
  align-items:center;
  justify-content:center;
  vertical-align:middle;
  margin-left:10px;
}
#header-outer .sf-menu > li > a > .sf-sub-indicator::before{
  content:"";
  width:18px;
  height:22px;
  background-image:url("https://www.igateinteriors.ie/wp-content/uploads/2025/12/arrow-down.svg");
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  transform:rotate(-90deg);
  transition:transform 0.3s ease;
  filter:brightness(0) invert(1);
  display:block;
  position:relative;
}
#header-outer .sf-menu > li > a > .sf-sub-indicator i{
  display:none;
}
#header-outer .sf-menu .nectar-regular-menu-item.menu-item-994 a .menu-title-text{
  padding:10px 15px !important;
  border:1px solid #fff;
  border-radius:8px;
  transition:all 0.3s;
}
#header-outer .sf-menu .nectar-regular-menu-item.menu-item-994 a .menu-title-text::after{
  display:none !important;
}
#header-outer .sf-menu .nectar-regular-menu-item.menu-item-994 a:hover .menu-title-text, #header-outer .sf-menu .nectar-regular-menu-item.menu-item-994 a:focus-visible .menu-title-text{
  background-color:#fff;
  color:#000;
}
.eyebrow,
.testimonial-heading{
  padding-left:17px;
  border-left:6px solid #d72c23;
}
.arc-testimonials-carousel-wrapper{
  margin:0 !important;
}
.arc-testimonials-carousel-wrapper .splide__arrow{
  width:62px;
  height:81px;
  background-color:#d72c23;
  border-radius:5px !important;
  opacity:1;
}
@media (max-width: 768px){
  .arc-testimonials-carousel-wrapper .splide__arrow{
    top:0;
    height:100px;
  }
}
.arc-testimonials-carousel-wrapper .splide__arrow::after{
  content:"";
  width:100%;
  height:100%;
  background-image:url("https://www.igateinteriors.ie/wp-content/uploads/2025/12/arrow-down.svg");
  background-size:18px 27px;
  background-repeat:no-repeat;
  background-position:center;
  filter:brightness(0) invert(1);
  transition:filter 0.3s ease;
}
.arc-testimonials-carousel-wrapper .splide__arrow svg{
  display:none;
}
.arc-testimonials-carousel-wrapper .splide__arrow:hover, .arc-testimonials-carousel-wrapper .splide__arrow:focus-visible{
  background-color:#fff;
}
.arc-testimonials-carousel-wrapper .splide__arrow:hover::after, .arc-testimonials-carousel-wrapper .splide__arrow:focus-visible::after{
  filter:brightness(0) invert(0);
}
.arc-testimonials-carousel-wrapper .splide__arrow--prev{
  left:0;
}
.arc-testimonials-carousel-wrapper .splide__arrow--prev::after{
  transform:rotate(90deg);
}
@media (min-width: 769px){
  .arc-testimonials-carousel-wrapper .splide__arrow--prev{
    display:none;
  }
}
.arc-testimonials-carousel-wrapper .splide__arrow--next{
  right:50%;
}
.arc-testimonials-carousel-wrapper .splide__arrow--next::after{
  transform:rotate(-90deg);
}
@media (max-width: 768px){
  .arc-testimonials-carousel-wrapper .splide__arrow--next{
    right:0;
  }
}
.arc-testimonials-carousel-wrapper .splide__pagination{
  padding:0 120px;
  width:50%;
  justify-content:flex-start;
  bottom:15px;
  gap:10px;
}
@media (max-width: 1200px){
  .arc-testimonials-carousel-wrapper .splide__pagination{
    padding:0 60px;
  }
}
.arc-testimonials-carousel-wrapper .splide__pagination__page{
  width:35px;
  height:19px;
  background-color:#000;
  border:2px solid #fff;
  border-radius:3px !important;
  transition:all 0.3s;
  opacity:1;
  margin:0;
}
.arc-testimonials-carousel-wrapper .splide__pagination__page:hover, .arc-testimonials-carousel-wrapper .splide__pagination__page:focus-visible{
  background-color:#fff;
}
.arc-testimonials-carousel-wrapper .splide__pagination__page.is-active{
  background-color:#d72c23;
  border-color:#d72c23;
  width:88px;
  transform:none;
}
.case-study-stat{
  position:relative;
  padding-left:50px;
}
.case-study-stat::before{
  content:"";
  width:22px;
  height:22px;
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  filter:brightness(0) saturate(100%) invert(24%) sepia(66%) saturate(2608%) hue-rotate(344deg) brightness(91%) contrast(100%);
}
.case-study-stat[data-stat=sector]::before{
  background-image:url("https://www.igateinteriors.ie/wp-content/uploads/2025/12/pie-chart.svg");
}
.case-study-stat[data-stat=office-size]::before{
  background-image:url("https://www.igateinteriors.ie/wp-content/uploads/2025/12/technology.svg");
}
.case-study-stat[data-stat=value]::before{
  background-image:url("https://www.igateinteriors.ie/wp-content/uploads/2025/12/diamond.svg");
}
.case-study-button{
  display:inline-flex;
  align-items:center;
  gap:20px;
}
.case-study-button::after{
  content:"";
  width:26px;
  height:26px;
  background-image:url("https://www.igateinteriors.ie/wp-content/uploads/2025/12/arrow-down.svg");
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  filter:brightness(0) invert(1);
  display:inline-block;
  transform:rotate(-90deg);
}
.process-image{
  height:270px;
  overflow:hidden;
  border-radius:8px;
  position:relative;
}
.process-image img{
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  object-fit:cover;
}
.process-image-overlay{
  position:absolute;
  bottom:25px;
  left:30px;
  width:54px;
  height:50px;
  background-color:#d72c23;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:24px;
  font-weight:600;
}
.igate-g .row-bg-wrap{
  overflow:hidden;
}
.igate-g .igate-g-bg{
  font-size:900px;
  color:#000;
  opacity:0.18;
  position:absolute;
  font-weight:700;
  top:-50px;
  right:-120px;
  z-index:2;
}
.igate-g-white .igate-g-bg{
  color:#fff;
}
.igate-g-testimonials .igate-g-bg{
  opacity:0.08;
  top:50%;
  right:unset;
  left:50%;
  transform:translateX(-50%) translateY(-50%) !important;
}
.igate-g-latestfrom .igate-g-bg{
  opacity:0.12;
  top:-50px;
  right:unset;
  left:-150px;
}
.testimonial-content{
  position:relative;
  overflow:hidden;
}
.testimonial-content::before{
  content:"G";
  font-size:900px;
  color:#fff;
  opacity:0.12;
  position:absolute;
  font-weight:700;
  top:50%;
  left:100%;
  transform:translateX(-50%) translateY(-50%);
  z-index:2;
}
.custom-blog-feed .wp-post-image{
  border-radius:8px;
  transition:all 0.3s;
  outline:2px solid transparent;
}
.custom-blog-feed .wp-post-image:hover, .custom-blog-feed .wp-post-image:focus-visible{
  outline:2px solid #d72c23;
}
.custom-blog-feed .meta-category{
  display:none;
}
.custom-blog-feed .title{
  margin:25px 0;
  min-height:70px;
}
.custom-blog-feed .title a{
  font-size:24px !important;
  font-weight:600 !important;
  line-height:1.5 !important;
}
.custom-blog-feed .title a:hover, .custom-blog-feed .title a:focus-visible{
  opacity:0.8;
}
.custom-blog-feed .excerpt{
  color:#cdcdcd;
}
.usp-wrapper{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:40px;
}
@media (max-width: 1500px){
  .usp-wrapper{
    grid-template-columns:repeat(2, 1fr);
  }
}
@media (max-width: 1000px){
  .usp-wrapper{
    grid-template-columns:repeat(1, 1fr);
  }
}
.usp-item{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:25px;
  position:relative;
}
.usp-item:not(:nth-child(4n))::after{
  content:"";
  position:absolute;
  right:-20px;
  top:0;
  bottom:0;
  width:1px;
  background-color:#cfcfcf;
}
@media (max-width: 1500px){
  .usp-item::after{
    display:none;
  }
  .usp-item:nth-child(odd):not(:last-child)::after{
    display:block;
  }
}
@media (max-width: 1000px){
  .usp-item::after{
    display:none !important;
  }
}
.usp-image{
  width:80px;
  height:80px;
  flex-shrink:0;
}
.usp-image video{
  width:100%;
  height:100%;
  object-fit:cover;
}
.usp-title{
  font-size:20px !important;
  margin:0 0 15px;
}
.usp-text{
  color:#747474;
  margin:0;
  padding:0;
}
.what-we-do-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:2px;
}
@media (max-width: 1100px){
  .what-we-do-grid{
    grid-template-columns:repeat(2, 1fr);
  }
}
@media (max-width: 600px){
  .what-we-do-grid{
    grid-template-columns:repeat(1, 1fr);
  }
}
.what-we-do-item{
  height:455px;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  padding:3vw;
  display:flex;
  flex-direction:column;
}
.what-we-do-item::before{
  content:"";
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  z-index:-1;
  background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  opacity:0.5;
  transition:opacity 0.4s ease;
}
.what-we-do-item-image{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:-2;
}
.what-we-do-item-image img{
  width:100% !important;
  height:100% !important;
  object-fit:cover;
  transition:transform 0.4s ease;
}
.what-we-do-item-content{
  position:absolute;
  bottom:3vw;
  left:3vw;
  right:calc(3vw + 54px + 3vw);
  display:grid;
  grid-template-rows:auto 0fr;
  transition:grid-template-rows 0.4s ease;
}
.what-we-do-item-title{
  font-size:30px;
  color:#fff;
  margin:0;
}
.what-we-do-item-text{
  font-size:16px;
  color:#fff;
  margin:0;
  overflow:hidden;
  transition:all 0.4s ease;
  opacity:0;
  filter:blur(10px);
}
.what-we-do-item-arrow{
  position:absolute;
  width:54px;
  height:50px;
  background-color:#d72c23;
  bottom:3vw;
  right:3vw;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  cursor:pointer;
  transition:all 0.4s;
}
.what-we-do-item-arrow img{
  width:18px !important;
  height:27px !important;
  transform:rotate(-90deg);
  object-fit:contain;
  filter:brightness(0) invert(1);
}
.what-we-do-item:hover::before, .what-we-do-item:focus-visible::before{
  opacity:1;
}
.what-we-do-item:hover .what-we-do-item-image img, .what-we-do-item:focus-visible .what-we-do-item-image img{
  transform:scale(1.05);
}
.what-we-do-item:hover .what-we-do-item-content, .what-we-do-item:focus-visible .what-we-do-item-content{
  grid-template-rows:auto 1fr;
}
.what-we-do-item:hover .what-we-do-item-text, .what-we-do-item:focus-visible .what-we-do-item-text{
  opacity:1;
  filter:blur(0);
}