.elementor-34 .elementor-element.elementor-element-6f41154{--display:flex;--min-height:100vh;--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:space-between;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-34 .elementor-element.elementor-element-6f41154:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-6f41154 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;background-image:url("https://hypequad.com/wp-content/uploads/2025/08/head-scaled.webp");background-repeat:no-repeat;background-size:cover;}.elementor-34 .elementor-element.elementor-element-6f41154 > .elementor-shape-top .elementor-shape-fill, .elementor-34 .elementor-element.elementor-element-6f41154 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#03030300;}.elementor-34 .elementor-element.elementor-element-6f41154 > .elementor-shape-top svg, .elementor-34 .elementor-element.elementor-element-6f41154 > .e-con-inner > .elementor-shape-top svg{height:500px;}.elementor-34 .elementor-element.elementor-element-6f41154.e-con{--align-self:center;}.elementor-34 .elementor-element.elementor-element-84c68a6{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-34 .elementor-element.elementor-element-84c68a6:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-84c68a6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-34 .elementor-element.elementor-element-84c68a6.e-con{--align-self:flex-start;}.elementor-34 .elementor-element.elementor-element-deecacf > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-34 .elementor-element.elementor-element-a9f75ca{--display:flex;--min-height:900px;--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;--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-34 .elementor-element.elementor-element-a9f75ca.e-con{--align-self:center;}.elementor-34 .elementor-element.elementor-element-65a1a9f{--display:flex;--min-height:0px;--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;border-style:solid;--border-style:solid;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;border-color:#5E607E;--border-color:#5E607E;--border-radius:25px 25px 25px 25px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-34 .elementor-element.elementor-element-65a1a9f:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-65a1a9f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-34 .elementor-element.elementor-element-65a1a9f.e-con{--align-self:center;}.elementor-34 .elementor-element.elementor-element-b83af11.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-b83af11 > .elementor-widget-container{border-radius:25px 25px 25px 25px;}.elementor-34 .elementor-element.elementor-element-b83af11 .elementor-wrapper{--video-aspect-ratio:1.77777;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-34 .elementor-element.elementor-element-bd0dbc7{--display:flex;--min-height:100vh;--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--margin-top:4%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-34 .elementor-element.elementor-element-bae158a{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-34 .elementor-element.elementor-element-bae158a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;}.elementor-34 .elementor-element.elementor-element-bae158a.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-2e8be35{--display:flex;--min-height:100vh;--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--margin-top:4%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-34 .elementor-element.elementor-element-ffd3fe1{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-34 .elementor-element.elementor-element-ffd3fe1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;}.elementor-34 .elementor-element.elementor-element-ffd3fe1.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-38c11bf{--display:flex;--min-height:475px;--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:4%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-3e2ad13{width:var( --container-widget-width, 95% );max-width:95%;--container-widget-width:95%;--container-widget-flex-grow:0;}.elementor-34 .elementor-element.elementor-element-3e2ad13 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-34 .elementor-element.elementor-element-3e2ad13.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-6bdadd5{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-34 .elementor-element.elementor-element-f7aa8ff{--display:flex;--min-height:100vh;--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-f7aa8ff > .elementor-shape-top .elementor-shape-fill, .elementor-34 .elementor-element.elementor-element-f7aa8ff > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#02010100;}.elementor-34 .elementor-element.elementor-element-405f2ee{width:var( --container-widget-width, 95% );max-width:95%;--container-widget-width:95%;--container-widget-flex-grow:0;}.elementor-34 .elementor-element.elementor-element-405f2ee > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-34 .elementor-element.elementor-element-405f2ee.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-4cf6695{--display:flex;--min-height:70vh;--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-4cf6695 > .elementor-shape-top .elementor-shape-fill, .elementor-34 .elementor-element.elementor-element-4cf6695 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#02010100;}.elementor-34 .elementor-element.elementor-element-f946b4b{--display:flex;--min-height:0vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-34 .elementor-element.elementor-element-f946b4b > .elementor-shape-top .elementor-shape-fill, .elementor-34 .elementor-element.elementor-element-f946b4b > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#02010100;}.elementor-34 .elementor-element.elementor-element-f946b4b.e-con{--align-self:center;}.elementor-34 .elementor-element.elementor-element-40d076a{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-34 .elementor-element.elementor-element-40d076a > .elementor-widget-container{margin:0px 0px 50px 0px;}.elementor-34 .elementor-element.elementor-element-40d076a.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-3f1573c{--display:flex;--min-height:70vh;--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-3f1573c > .elementor-shape-top .elementor-shape-fill, .elementor-34 .elementor-element.elementor-element-3f1573c > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#02010100;}.elementor-34 .elementor-element.elementor-element-3f1573c.e-con{--align-self:center;}.elementor-34 .elementor-element.elementor-element-f2ffd36{--display:flex;--min-height:0vh;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-34 .elementor-element.elementor-element-f2ffd36 > .elementor-shape-top .elementor-shape-fill, .elementor-34 .elementor-element.elementor-element-f2ffd36 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#02010100;}.elementor-34 .elementor-element.elementor-element-f2ffd36.e-con{--align-self:center;}.elementor-34 .elementor-element.elementor-element-43b8c63{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-34 .elementor-element.elementor-element-43b8c63 > .elementor-widget-container{margin:0px 0px 50px 0px;}.elementor-34 .elementor-element.elementor-element-82a5a2c{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-34 .elementor-element.elementor-element-82a5a2c > .elementor-widget-container{margin:0px 0px 50px 0px;}.elementor-34 .elementor-element.elementor-element-82a5a2c.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-0b8162f{--display:flex;}body.elementor-page-34:not(.elementor-motion-effects-element-type-background), body.elementor-page-34 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(min-width:768px){.elementor-34 .elementor-element.elementor-element-84c68a6{--content-width:100%;}.elementor-34 .elementor-element.elementor-element-65a1a9f{--width:90%;}.elementor-34 .elementor-element.elementor-element-bd0dbc7{--width:100%;}.elementor-34 .elementor-element.elementor-element-2e8be35{--width:100%;}.elementor-34 .elementor-element.elementor-element-38c11bf{--width:100%;}.elementor-34 .elementor-element.elementor-element-6bdadd5{--content-width:100%;}.elementor-34 .elementor-element.elementor-element-f7aa8ff{--width:100%;}.elementor-34 .elementor-element.elementor-element-4cf6695{--width:100%;}.elementor-34 .elementor-element.elementor-element-f946b4b{--content-width:100%;}.elementor-34 .elementor-element.elementor-element-3f1573c{--width:100%;}.elementor-34 .elementor-element.elementor-element-f2ffd36{--width:90%;}}@media(max-width:1024px){.elementor-34 .elementor-element.elementor-element-6f41154{--min-height:100vh;--padding-top:5%;--padding-bottom:5%;--padding-left:6%;--padding-right:6%;}.elementor-34 .elementor-element.elementor-element-84c68a6{--min-height:80vh;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-84c68a6.e-con{--align-self:center;}.elementor-34 .elementor-element.elementor-element-deecacf > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-34 .elementor-element.elementor-element-a9f75ca{--min-height:50vh;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-34 .elementor-element.elementor-element-65a1a9f{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-34 .elementor-element.elementor-element-bd0dbc7{--margin-top:5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-34 .elementor-element.elementor-element-2e8be35{--margin-top:5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-34 .elementor-element.elementor-element-38c11bf{--margin-top:5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-34 .elementor-element.elementor-element-3e2ad13{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-34 .elementor-element.elementor-element-f7aa8ff{--margin-top:5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-34 .elementor-element.elementor-element-405f2ee{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-34 .elementor-element.elementor-element-4cf6695{--margin-top:5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-34 .elementor-element.elementor-element-f946b4b{--min-height:0vh;}.elementor-34 .elementor-element.elementor-element-3f1573c{--margin-top:5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-34 .elementor-element.elementor-element-f2ffd36{--min-height:0vh;}}@media(max-width:767px){.elementor-34 .elementor-element.elementor-element-6f41154{--min-height:100vh;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-34 .elementor-element.elementor-element-84c68a6{--content-width:100%;--min-height:90vh;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-deecacf > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-34 .elementor-element.elementor-element-a9f75ca{--content-width:90%;--min-height:300px;--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-34 .elementor-element.elementor-element-65a1a9f{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-34 .elementor-element.elementor-element-bd0dbc7{--margin-top:5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-34 .elementor-element.elementor-element-2e8be35{--min-height:0vh;--margin-top:5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-34 .elementor-element.elementor-element-38c11bf{--margin-top:5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-f7aa8ff{--margin-top:10%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-34 .elementor-element.elementor-element-4cf6695{--margin-top:5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-34 .elementor-element.elementor-element-3f1573c{--width:100%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-43b8c63 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-34 .elementor-element.elementor-element-82a5a2c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-34 .elementor-element.elementor-element-82a5a2c{--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;}}@media(max-width:1024px) and (min-width:768px){.elementor-34 .elementor-element.elementor-element-6f41154{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-deecacf */.ast-container {
    padding-right: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6f41154 */.container3 {
    width: 100vw;
  
}
#container23 {
   background-position: center -100px !important;
}


    .ast-container {
        max-width: 100% !important;
        padding-left: 0;
    }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-38c11bf */.container3 {
    width: 100vw;
   
}

    .ast-container {
        max-width: 100%;
        padding-left: 0;
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-405f2ee */.section-headings-container {
  width: 100%;
}
.section-headings {
  text-align: center;
  font-size: 3rem;
  font-family: "Geist", sans-serif !important;
  color: #fff;
  margin-bottom: 80px;
}

#updown-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  flex-wrap: wrap;
}

.updown-p {
  font-weight: 700;  
  font-size: 80px;
  text-align: center;
  color: #fff;
  margin-top: -30px;
  line-height: 1;
}

.updown-column {
  width: 320px;
  height: 600px;
  overflow: hidden;
  position: relative;
  --speed: 10s; /* default animation speed */

  -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 10%, rgba(0,0,0,1) 90%, rgba(0,0,0,0) 100%);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 10%, rgba(0,0,0,1) 90%, rgba(0,0,0,0) 100%);
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
}

.updown-cards {
  display: flex;
  flex-direction: column;
  animation: updown-scroll-up var(--speed) linear infinite;
}

.updown-column.updown-reverse .updown-cards {
  animation: updown-scroll-down var(--speed) linear infinite;
}

.updown-card {
  width: 100%;
  height: 192px;
  margin: 10px 0;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 8px 16px rgba(0,0,0,0.5);
}
.updown-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Animations */
@keyframes updown-scroll-up {
  0% { transform: translateY(0); }
  100% { transform: translateY(-50%); }
}

@keyframes updown-scroll-down {
  0% { transform: translateY(-50%); }
  100% { transform: translateY(0); }
}

/* RESPONSIVE */
@media (max-width: 1024px) {
  #updown-container {
    gap: 20px;
  }
  .updown-column:nth-child(3) {
    display: none; /* Hide 3rd column on tablet */
  }
  
  .updown-p {
  font-size: 50px;
}
}

@media (max-width: 576px) {
  #updown-container {
    justify-content: center;
  }
  .updown-column:nth-child(2),
  .updown-column:nth-child(3) {
    display: none; /* Hide 2nd and 3rd column on mobile */
  }
  
  .updown-column {
      width: 90%;
  }
  .section-headings {
  font-size: 2rem;
  margin-bottom: 40px;
}

 .updown-p {
  font-size: 28px;
}

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f7aa8ff */.container3 {
    width: 100vw;
   
}

    .ast-container {
        max-width: 100%;
        padding-left: 0;
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-40d076a *//* Section styling */
#testi-section {
  background: #000;
  color: #fff;
  text-align: center;
  padding: 60px 20px;
}

/* Title */
.testi-title {
  font-size: 3rem;
  margin-bottom: 10px;
    color: #fff;
}

.testi-subtitle {
  font-size: 1rem;
  margin-bottom: 40px;
  color: #fff;
}

/* Cards container */
.testi-container {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

/* Glass effect card */
.testi-card {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  padding: 24px; 
  width: 330px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  text-align: left;
}

.testi-card:hover {
  transform: translateY(-5px);
}

/* Image */
.testi-img {
  width: 60px;
  height: 60px;
  border-radius: 50% !important;
  object-fit: cover;
  margin-bottom: 10px;
}

/* Name & role */
.testi-name {
  font-size: 1.1rem;
  font-weight: bold;
    color: #fff;
}

.testi-role {
  font-size: 0.9rem;
  color: #aaa;
  margin-bottom: 10px;
}

/* Review text */
.testi-text {
  font-size: 0.9rem;
  color: #ddd;
  line-height: 1.4;
    color: #fff;
}

/* Responsive - Mobile stack */
@media (max-width: 768px) {
  .testi-container {
    flex-direction: column;
    align-items: center;
    width: 95%;
  }

  .testi-card {
    width: 100%;
    max-width: 350px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f946b4b */.container3 {
    width: 100vw;
 
}

    .ast-container {
        max-width: 100%;
        padding-left: 0;
    }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4cf6695 */.container3 {
    width: 100vw;
   
}

    .ast-container {
        max-width: 100%;
        padding-left: 0;
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-43b8c63 */.notification-container {
  position: relative;
  width: 380px;
  height: 70px;
  margin: 0 auto;
}

.notification-card {
  position: absolute;
  width: 100%;
  cursor: pointer;
  transition: all 0.3s ease-out;
  backdrop-filter: blur(20px);
  border-radius: 20px;
}

.notification-card:hover {
  transform: translateY(-4px);
}

.notification-card:active {
  transform: scale(0.98);
}

.notification-top {
  z-index: 30;
  top: 0;
}

.notification-top:hover {
  transform: translateY(-4px) scale(1.01);
}

.notification-middle {
  z-index: 20;
  top: 20px;
  transform: scale(0.94);
  opacity: 0.75;
}

.notification-middle:hover {
  transform: translateY(-4px) scale(0.96);
  opacity: 0.85;
}

.notification-bottom {
  z-index: 10;
  top: 40px;
  transform: scale(0.88);
  opacity: 0.5;
}

.notification-bottom:hover {
  transform: translateY(-4px) scale(0.9);
  opacity: 0.65;
}

.notification-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 80px;
}

.notification-path {
  transition: all 0.3s ease;
}

.notification-card:hover .notification-path {
  stroke: rgba(255, 255, 255, 0.25);
}

.notification-content {
  position: relative;
  padding: 16px 20px;
  display: flex;
  align-items: center;
  gap: 12px;
  height: 80px;
}

.notification-avatar {
  width: 40px;
  height: 40px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.user-avatar {
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
}

.notification-body {
  flex: 1;
  min-width: 0;
}

.notification-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4px;
}

.notification-title {
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
  line-height: 1.2;
}

.notification-time {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 400;
}

.notification-message {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.notification-meta {
  display: flex;
  align-items: center;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 2px;
}

.notification-meta svg {
  width: 10px;
  height: 10px;
  margin-right: 4px;
  fill: currentColor;
}

.status-indicators {
  position: absolute;
  bottom: 2rem;
  right: 2rem;
}

.status-text {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.4);
  margin-bottom: 6px;
  text-align: center;
}

.status-dots {
  display: flex;
  gap: 6px;
  justify-content: center;
}

.status-dot-large {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.status-active {
  background: rgba(255, 255, 255, 0.7);
}

.status-inactive-1 {
  background: rgba(255, 255, 255, 0.2);
}

.status-inactive-2 {
  background: rgba(255, 255, 255, 0.1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f2ffd36 */.container3 {
    width: 100vw;
 
}

    .ast-container {
        max-width: 100%;
        padding-left: 0;
    }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3f1573c */.container3 {
    width: 100vw;
   
}

    .ast-container {
        max-width: 100%;
        padding-left: 0;
    }/* End custom CSS */