.integrations_banner_module{margin-top:113px}
.integrations_banner_module .section-heading {width: 100%;}
.integrations_banner_module .left-part{width:calc(48.8% - 15px)}
.integrations_banner_module .section-heading .content{color:var(--accent_color_2)}
.integrations_banner_module .subheading-wrap{margin-bottom:30px;display:inline-block;}
.integrations_banner_module .right-part{width:calc(51.2% - 15px)}
#video-popup video { height: 500px;}
.integrations_banner_module .banner-parent{gap:30px;    align-items: center;}
.integrations_banner_module .right-part{position:relative}
.integrations_banner_module .left-part .heading_text{color:var(--accent_color_1)}
.integrations_banner_module .left-part .heading_text span{color:var(--accent_color_5);}
.integrations_banner_module .left-part .content p{margin-bottom:30px}
.integrations_banner_module .left-part .content *:last-child{margin-bottom:0;}
.integrations_banner_module  .response-time-box .response-time-title { font-size: 20px; color:var(--accent_color_10); text-transform: uppercase; line-height: 1.1; margin-bottom: 15px; }
.integrations_banner_module  .response-time-box { position: absolute; animation: float 4s ease-in-out infinite; will-change: transform; right: 20px; top: 0; animation-duration: 4s; padding: 20px 9px 10px; background:var(--accent_color_1); border-radius: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.integrations_banner_module .child-image-parent img{width:100% ;height:auto ;object-fit:contain;}

@keyframes float{
  0%{transform:translateY(0)}
  25%{transform:translateY(-8px)}
  50%{transform:translateY(-14px)}
  75%{transform:translateY(-8px)}
  100%{transform:translateY(0)}
}
.integrations_banner_module .rp-main-image{position:relative}
.integrations_banner_module .rp-main-image>a{display:block;position:relative}
.integrations_banner_module .rp-main-image img{display:block;width:100%; }
/* .integrations_banner_module .rp-main-image .video-popup img{height:560px; */
object-fit: cover;-webkit-mask-image: url("https://246632188.fs1.hubspotusercontent-na2.net/hubfs/246632188/Snapfix%202026/Images/AI_banner_Shapes.svg"); -webkit-mask-position: center; -webkit-mask-size: 100% 100%; }
/* .integrations_banner_module .rp-main-image > img{ height:560px; */
object-fit: cover;  -webkit-mask-image: url("https://246632188.fs1.hubspotusercontent-na2.net/hubfs/246632188/Snapfix%202026/Images/AI_banner_Shapes.svg"); -webkit-mask-position: center; -webkit-mask-size: 100% 100%; }

/* .integrations_banner_module .play-icon{position:absolute;top:68%;left:50%;transform:translate(-50%,-50%);transition:.3s;cursor:pointer;    width: 130px;height: 130px;object-fit: contain;} */
/* .integrations_banner_module .play-icon svg{width:100%;height:100%;  object-fit: contain;} */
/* .integrations_banner_module .play-icon:hover{transform:translate(-50%,-50%) scale(1.1)} */
.integrations_banner_module .mfp-video-wrapper{max-width:900px;margin:40px auto;background:#000}
.integrations_banner_module .mfp-video-wrapper video{width:100%;display:block}
#video-popup{max-width:900px;margin:40px auto;background:#000}
#video-popup video{width:100%;display:block}
.integrations_banner_module .no-video .play-icon{display:none;}
.integrations_banner_module .right-cta{display:flex;justify-content:center;margin-top:30px}
.integrations_banner_module .mfp-inline-holder .mfp-content{max-width:900px;position:relative}
#video-popup{position:relative;background:#000}
#video-popup .mfp-close,.integrations_banner_module .mfp-close{     transform: none; position:absolute;top:-44px;right:0px;width:36px;height:36px;line-height:36px;color:#fff!important;font-size:30px;font-weight:300;text-align:center;background:rgba(0,0,0,.6);border-radius:50%;opacity:1;z-index:9999}
#video-popup .mfp-close:hover,.integrations_banner_module .mfp-close:hover{background:rgba(0,0,0,.9)}
.integrations_banner_module .left-part .content *:last-child{margin-bottom:0;}
.integrations_banner_module .left-part .left-cta .btn-wrapper{    align-items: center;gap: 18px;}
.integrations_banner_module .left-part .left-cta .btn-wrap{margin-left:0px;}

.integrations_banner_module .play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.3s;cursor:pointer;    width: 130px;height: 130px;object-fit: contain;border-radius: 50%;
  cursor: pointer;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;

  /* glass body */
  background:
    radial-gradient(circle at 35% 25%, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0.05) 35%, rgba(255,255,255,0) 55%),
    radial-gradient(circle at 65% 75%, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 40%),
    rgba(255,255,255,0.06);

  backdrop-filter: blur(6px) saturate(140%);
  -webkit-backdrop-filter: blur(6px) saturate(140%);} 
.integrations_banner_module .glass-btn:hover {
  transform: scale(1.05) translate(-50%,-50%);
  box-shadow:
    inset 0 0 30px rgba(255,255,255,0.45),
    inset 0 -18px 30px rgba(0,0,0,0.15),
    inset 0 12px 18px rgba(255,255,255,0.6),
    0 20px 45px rgba(0,0,0,0.5),
    0 0 0 1px rgba(255,255,255,0.35);
}
.integrations_banner_module  .glass-btn::before {
  content: "";
  position: absolute;
  top: 14%;
  left: 18%;
  width: 42%;
  height: 30%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0) 70%);
  filter: blur(2px);
  pointer-events: none;
}

/* subtle bottom rim shadow to sit it on the rod visually */
.integrations_banner_module  .glass-btn::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 15%;
  width: 70%;
  height: 14px;
  border-radius: 50%;
  background: rgba(0,0,0,0.35);
  filter: blur(8px);
  z-index: -1;
}
.integrations_banner_module .play-icon svg{         position: relative;width:55px;height:55px;  object-fit: contain;    margin-left: 13px;}

@media (min-width: 1025px) {
  .integrations_banner_module .right-part {
    width: calc(46.6% - 15px);
    margin-left: auto;
  }
}

@media (max-width: 1199px) {
  .integrations_banner_module br{ display:none;}
}
@media (max-width: 1024px) {
  .integrations_banner_module .section-heading {max-width: 100%; width: 100%;}
  .integrations_banner_module .play-icon { top: 50%;}
  .banner-parent.dis-flex {align-items: center;}
  .integrations_banner_module .subheading-wrap{margin-bottom:30px}
  .integrations_banner_module .left-part, .integrations_banner_module .right-part {width:100%;}
  .integrations_banner_module .banner-parent.dis-flex {gap: 50px;}
  .integrations_banner_module .left-part .heading_text br{display:none;}
  .integrations_banner_module .play-icon{    width: 95px;height: 95px;}
  .integrations_banner_module .rp-main-image{max-width:767px;margin:0 auto;}
  .integrations_banner_module .response-time-box .response-time-title {font-size: 18px;}
  .integrations_banner_module br{ display:none;}
}
@media (max-width: 767px) {
  .integrations_banner_module  .response-time-box { right:0;}
  .response-time-counter{font-size:25px !important}
  .integrations_banner_module .response-time-box .response-time-title {font-size: 16px;}
  .integrations_banner_module .child-image-parent .child-image-child.bottom-left{left: 0;   }
  .integrations_banner_module .left-part, .integrations_banner_module .right-part { width: 100%; }   
  .integrations_banner_module .play-icon{    width: 70px;height: 70px;}
  .integrations_banner_module .play-icon svg {
    height: 40px;
    margin-left: 8px;

    width: 31px;
  }
  #video-popup video {height: 300px;}
  .integrations_banner_module .rp-main-image .video-popup img ,.integrations_banner_module .rp-main-image > img{height:auto;}
}