.elementor-8 .elementor-element.elementor-element-e67a044{--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:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-e67a044:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-e67a044 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vybchk.in/wp-content/uploads/2026/06/abstract-gradient-orangered-black-background-fire-flames-hot-colors-scaled.jpg");background-size:cover;}.elementor-8 .elementor-element.elementor-element-4e564a4{--display:flex;--min-height:200px;--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;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-8 .elementor-element.elementor-element-94f2846 img{width:50%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-8 .elementor-element.elementor-element-013972d .elementor-heading-title{font-family:"Inter", Sans-serif;font-weight:300;letter-spacing:5.2px;color:var( --e-global-color-astglobalcolor2 );}.elementor-8 .elementor-element.elementor-element-0463a3b{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-8 .elementor-element.elementor-element-fb5217f{--display:flex;--min-height:75vh;--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;}.elementor-8 .elementor-element.elementor-element-954cd9c img{height:100%;object-fit:contain;object-position:center center;}.elementor-8 .elementor-element.elementor-element-548015a{--display:flex;--min-height:75vh;}.elementor-8 .elementor-element.elementor-element-faa299e{--display:flex;--min-height:100vh;}.elementor-8 .elementor-element.elementor-element-faa299e:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-faa299e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vybchk.in/wp-content/uploads/2026/06/vybch-e1781798731510.png");background-size:cover;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-8 .elementor-element.elementor-element-0463a3b{--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-fb5217f{--min-height:30vh;}.elementor-8 .elementor-element.elementor-element-548015a{--min-height:35vh;}.elementor-8 .elementor-element.elementor-element-faa299e:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-faa299e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vybchk.in/wp-content/uploads/2026/06/vybch-1-e1781801448358.png");background-position:center center;background-size:cover;}.elementor-8 .elementor-element.elementor-element-faa299e{--min-height:50vh;}}@media(min-width:768px){.elementor-8 .elementor-element.elementor-element-4e564a4{--content-width:20%;}}/* Start custom CSS for image, class: .elementor-element-94f2846 */.vyb-logo-orb{

    position:relative;

    transition:all .5s ease;

    cursor:pointer;

}

/* Main Glow */

.vyb-logo-orb:before{

    content:'';

    position:absolute;

    inset:-40px;

    background:radial-gradient(
    circle,
    rgba(255,90,31,.35) 0%,
    rgba(255,90,31,.15) 40%,
    transparent 75%
    );

    filter:blur(35px);

    z-index:-1;

    transition:all .5s ease;

}

/* Hover Ring */

.vyb-logo-orb:after{

    content:'';

    position:absolute;

    inset:-15px;

    border-radius:30px;

    border:1px solid rgba(255,255,255,.08);

    opacity:0;

    transition:all .5s ease;

}

/* Hover Animation */

.vyb-logo-orb:hover{

    transform:
    translateY(-10px)
    scale(1.06);

}

.vyb-logo-orb:hover:before{

    transform:scale(1.3);

    opacity:1;

    filter:blur(45px);

}

.vyb-logo-orb:hover:after{

    opacity:1;

    transform:scale(1.05);

}

/* Floating Animation */

@keyframes vybFloat{

    0%{
        transform:translateY(0px);
    }

    50%{
        transform:translateY(-12px);
    }

    100%{
        transform:translateY(0px);
    }

}

.vyb-logo-orb img{

    animation:vybFloat 5s ease-in-out infinite;

    filter:
    drop-shadow(0 0 30px rgba(255,90,31,.18))
    drop-shadow(0 0 60px rgba(255,90,31,.10));

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e67a044 */.hero-section{
    position:relative;
    min-height:100vh;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a2c1183 */.vyb-about {
  position: relative;
  width: 100%;
  min-height: 100vh;
  background: #000;
  color: white;
  display: flex;
  align-items: center;
  padding: 80px;
  overflow: hidden;
}

.content {
  max-width: 620px;
  position: relative;
  z-index: 2;
}

.headline {
  font-size: 72px;
  line-height: 1;
  font-weight: 600;
  margin-bottom: 35px;
  opacity: 0;
  transform: translateY(60px);
  transition: all 1s ease;
}

.desc {
  font-size: 21px;
  line-height: 1.8;
  color: rgba(255,255,255,.75);
  margin-bottom: 25px;
  opacity: 0;
  transform: translateY(40px);
  transition: all 1.2s ease;
}

.extra-line {
  font-size: 18px;
  margin-bottom: 30px;
  color: rgba(255,255,255,.92);
  opacity: 0;
  transform: translateY(20px);
  transition: all 1.4s ease;
}

.tagline {
  font-size: 15px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #ff6a00;
  margin-bottom: 40px;
  opacity: 0;
  transition: all 1.6s ease;
}

.word {
  color: white;
  cursor: pointer;
  transition: .35s ease;
}

.word:hover {
  color: #ff6a00;
  text-shadow: 0 0 18px rgba(255,106,0,.5);
}

.glow-bg {
  position: absolute;
  width: 550px;
  height: 550px;
  background: rgba(255,106,0,.13);
  filter: blur(130px);
  border-radius: 50%;
  top: 20%;
  left: 20%;
  animation: floatGlow 8s ease-in-out infinite;
}

@keyframes floatGlow {
  0%,100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-30px);
  }
}

.scroll-line {
  position: absolute;
  left: 25px;
  top: 0;
  width: 2px;
  height: 0%;
  background: linear-gradient(to bottom,#ff6a00,transparent);
}

.vyb-about.active .headline,
.vyb-about.active .desc,
.vyb-about.active .extra-line,
.vyb-about.active .tagline {
  opacity: 1;
  transform: translateY(0);
}
/* MOBILE FIX */
@media (max-width: 768px) {

  * {
    box-sizing: border-box;
  }

  html, body {
    overflow-x: hidden;
    width: 100%;
  }

  .vyb-about {
    width: 100%;
    max-width: 100vw;
    min-height: auto;
    padding: 70px 20px 70px 30px;
    align-items: flex-start;
    overflow: hidden;
  }

  .content {
    width: 100%;
    max-width: 100%;
  }

  .headline {
    font-size: 42px;
    line-height: 1.05;
    margin-bottom: 25px;
    word-break: break-word;
  }

  .desc {
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 20px;
  }

  .extra-line {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 20px;
  }

  .tagline {
    font-size: 12px;
    letter-spacing: 2px;
    margin-bottom: 20px;
  }

  .scroll-line {
    left: 10px;
    width: 2px;
  }

  .glow-bg {
    width: 280px;
    height: 280px;
    filter: blur(90px);
    top: 30%;
    left: 5%;
  }

  .word:hover {
    text-shadow: none;
  }
}/* End custom CSS */