.elementor-19 .elementor-element.elementor-element-23a230cd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;--margin-block-start:0px;--margin-block-end:0px;--margin-inline-start:0px;--margin-inline-end:0px;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-19 .elementor-element.elementor-element-23a230cd, .elementor-19 .elementor-element.elementor-element-23a230cd::before{--border-transition:0.3s;}.elementor-19 .elementor-element.elementor-element-583489b > .elementor-widget-container{padding:0px 0px 0px 0px;background-color:transparent;background-image:linear-gradient(180deg, #0216281F 0%, #FEFEFE00 100%);}.elementor-19 .elementor-element.elementor-element-1820e3c{--display:flex;--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;--justify-content:center;--align-items:center;--gap:0px 0px;--background-transition:0.3s;--padding-block-start:6em;--padding-block-end:10em;--padding-inline-start:0em;--padding-inline-end:0em;}.elementor-19 .elementor-element.elementor-element-1820e3c:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-1820e3c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cyvision.com/wp-content/uploads/2023/11/Blur-BG.png");background-position:61vw 17%;background-repeat:no-repeat;background-size:52% auto;}.elementor-19 .elementor-element.elementor-element-1820e3c, .elementor-19 .elementor-element.elementor-element-1820e3c::before{--border-transition:0.3s;}.elementor-19 .elementor-element.elementor-element-4a65a72{--display:flex;--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;--justify-content:center;--align-items:center;--gap:12px 12px;--background-transition:0.3s;--padding-block-start:0em;--padding-block-end:06em;--padding-inline-start:0em;--padding-inline-end:0em;}.elementor-19 .elementor-element.elementor-element-79b9d43{text-align:center;}.elementor-19 .elementor-element.elementor-element-79b9d43 .elementor-heading-title{font-family:"Hind", Sans-serif;font-size:2.6em;font-weight:600;line-height:1.1em;}.elementor-19 .elementor-element.elementor-element-8fc7f73{text-align:center;color:var( --e-global-color-c0fce92 );font-family:"Hind", Sans-serif;font-size:16px;font-weight:400;line-height:1.8em;width:var( --container-widget-width, 55% );max-width:55%;--container-widget-width:55%;--container-widget-flex-grow:0;}.elementor-19 .elementor-element.elementor-element-8fc7f73 > .elementor-widget-container{padding:0px 0px -7px 0px;}.elementor-19 .elementor-element.elementor-element-31d0eef{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--justify-content:center;--align-items:center;--gap:48px 48px;--background-transition:0.3s;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-19 .elementor-element.elementor-element-9a7fc4d .elementor-image-box-wrapper{text-align:left;}.elementor-19 .elementor-element.elementor-element-9a7fc4d.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-19 .elementor-element.elementor-element-9a7fc4d.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-19 .elementor-element.elementor-element-9a7fc4d.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-19 .elementor-element.elementor-element-9a7fc4d .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-19 .elementor-element.elementor-element-9a7fc4d .elementor-image-box-img img{transition-duration:0.3s;}.elementor-19 .elementor-element.elementor-element-9a7fc4d .elementor-image-box-title{color:var( --e-global-color-c0fce92 );font-family:"Hind", Sans-serif;font-size:16px;font-weight:600;line-height:1.4em;}.elementor-19 .elementor-element.elementor-element-9a7fc4d .elementor-image-box-description{color:var( --e-global-color-c0fce92 );}.elementor-19 .elementor-element.elementor-element-9a7fc4d > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-19 .elementor-element.elementor-element-9a7fc4d{width:var( --container-widget-width, 39% );max-width:39%;--container-widget-width:39%;--container-widget-flex-grow:0;}.elementor-19 .elementor-element.elementor-element-0664395 .elementor-image-box-wrapper{text-align:left;}.elementor-19 .elementor-element.elementor-element-0664395.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-19 .elementor-element.elementor-element-0664395.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-19 .elementor-element.elementor-element-0664395.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-19 .elementor-element.elementor-element-0664395 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-19 .elementor-element.elementor-element-0664395 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-19 .elementor-element.elementor-element-0664395 .elementor-image-box-title{color:var( --e-global-color-c0fce92 );font-family:"Hind", Sans-serif;font-size:16px;font-weight:600;line-height:1.4em;}.elementor-19 .elementor-element.elementor-element-0664395 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-19 .elementor-element.elementor-element-0664395{width:var( --container-widget-width, 35% );max-width:35%;--container-widget-width:35%;--container-widget-flex-grow:0;}.elementor-19 .elementor-element.elementor-element-53038bb{--display:flex;--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;--justify-content:center;--align-items:center;--background-transition:0.3s;--margin-block-start:0em;--margin-block-end:0em;--margin-inline-start:0em;--margin-inline-end:0em;--padding-block-start:4em;--padding-block-end:4em;--padding-inline-start:0em;--padding-inline-end:0em;}.elementor-19 .elementor-element.elementor-element-45987df{--e-image-carousel-slides-to-show:1;}.elementor-19 .elementor-element.elementor-element-45987df .swiper-pagination-bullet{width:4px;height:4px;background:var( --e-global-color-5e062e8 );}.elementor-19 .elementor-element.elementor-element-45987df .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background:var( --e-global-color-c0fce92 );opacity:var( --e-global-color-c0fce92 );}.elementor-19 .elementor-element.elementor-element-45987df .elementor-image-carousel-caption{text-align:center;color:var( --e-global-color-c0fce92 );font-family:"Hind", Sans-serif;font-size:32px;font-weight:600;font-style:normal;}.elementor-19 .elementor-element.elementor-element-7c7307f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--gap:0px 0px;--background-transition:0.3s;--padding-block-start:4em;--padding-block-end:04em;--padding-inline-start:0em;--padding-inline-end:0em;}.elementor-19 .elementor-element.elementor-element-e057888{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--justify-content:center;--background-transition:0.3s;}.elementor-19 .elementor-element.elementor-element-8c50311 .elementor-heading-title{font-family:"Hind", Sans-serif;font-size:3em;font-weight:600;line-height:1.1em;}.elementor-19 .elementor-element.elementor-element-1d63d14{color:var( --e-global-color-c0fce92 );font-family:"Hind", Sans-serif;font-size:18px;font-weight:400;line-height:1.6em;}.elementor-19 .elementor-element.elementor-element-128cd91{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-19 .elementor-element.elementor-element-e9244bd img{height:500px;object-fit:contain;}.elementor-19 .elementor-element.elementor-element-e9244bd > .elementor-widget-container{background-color:var( --e-global-color-accent );}.elementor-19 .elementor-element.elementor-element-87088f2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--background-transition:0.3s;--padding-block-start:0em;--padding-block-end:0em;--padding-inline-start:0em;--padding-inline-end:2em;}.elementor-19 .elementor-element.elementor-element-658708a{--display:flex;--background-transition:0.3s;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-19 .elementor-element.elementor-element-91ea6a6{text-align:left;width:100%;max-width:100%;}.elementor-19 .elementor-element.elementor-element-91ea6a6 img{width:80%;}.elementor-19 .elementor-element.elementor-element-91ea6a6.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-19 .elementor-element.elementor-element-b11d861 img{width:600px;}.elementor-19 .elementor-element.elementor-element-9d9fa16{--display:flex;--background-transition:0.3s;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-19 .elementor-element.elementor-element-dbe53a8 .elementor-heading-title{font-family:"Hind", Sans-serif;font-size:3em;font-weight:600;line-height:1.1em;}.elementor-19 .elementor-element.elementor-element-dbe53a8{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-19 .elementor-element.elementor-element-24b3fef .elementor-button{fill:var( --e-global-color-c0fce92 );color:var( --e-global-color-c0fce92 );background-color:var( --e-global-color-5e062e8 );border-radius:090px 090px 090px 090px;}.elementor-19 .elementor-element.elementor-element-24b3fef .elementor-button:hover, .elementor-19 .elementor-element.elementor-element-24b3fef .elementor-button:focus{color:var( --e-global-color-c0fce92 );background-color:var( --e-global-color-primary );}.elementor-19 .elementor-element.elementor-element-24b3fef .elementor-button:hover svg, .elementor-19 .elementor-element.elementor-element-24b3fef .elementor-button:focus svg{fill:var( --e-global-color-c0fce92 );}.elementor-19 .elementor-element.elementor-element-96fb0c4{--display:flex;--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;--justify-content:center;--align-items:center;--gap:0px 0px;--background-transition:0.3s;--padding-block-start:8em;--padding-block-end:4em;--padding-inline-start:0em;--padding-inline-end:0em;}.elementor-19 .elementor-element.elementor-element-5142cb0 .elementor-heading-title{font-family:"Hind", Sans-serif;font-weight:600;}.elementor-19 .elementor-element.elementor-element-c0d0133 .elementor-testimonial__text{color:var( --e-global-color-c0fce92 );font-family:"Hind", Sans-serif;font-size:18px;font-weight:400;font-style:normal;}.elementor-19 .elementor-element.elementor-element-c0d0133 .elementor-testimonial__name{color:var( --e-global-color-c0fce92 );font-family:"Hind", Sans-serif;font-size:20px;font-weight:600;}.elementor-19 .elementor-element.elementor-element-c0d0133 .elementor-testimonial__title{font-family:"Hind", Sans-serif;font-size:18px;font-weight:400;}.elementor-19 .elementor-element.elementor-element-c0d0133 .elementor-testimonial__image img{border-radius:0px;}.elementor-19 .elementor-element.elementor-element-c0d0133 .elementor-swiper-button{font-size:20px;}.elementor-19 .elementor-element.elementor-element-c0d0133{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-19 .elementor-element.elementor-element-c2a3d71{--display:flex;--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;--justify-content:center;--align-items:center;--background-transition:0.3s;--padding-block-start:3em;--padding-block-end:4em;--padding-inline-start:0em;--padding-inline-end:0em;}.elementor-19 .elementor-element.elementor-element-7221f97{text-align:center;}.elementor-19 .elementor-element.elementor-element-e7d5062{text-align:center;color:var( --e-global-color-c0fce92 );font-family:"Hind", Sans-serif;font-size:18px;font-weight:400;line-height:1.6em;width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-19 .elementor-element.elementor-element-50d47bc .elementor-button{fill:var( --e-global-color-c0fce92 );color:var( --e-global-color-c0fce92 );background-color:var( --e-global-color-5e062e8 );border-radius:090px 090px 090px 090px;}.elementor-19 .elementor-element.elementor-element-50d47bc .elementor-button:hover, .elementor-19 .elementor-element.elementor-element-50d47bc .elementor-button:focus{color:var( --e-global-color-c0fce92 );background-color:var( --e-global-color-primary );}.elementor-19 .elementor-element.elementor-element-50d47bc .elementor-button:hover svg, .elementor-19 .elementor-element.elementor-element-50d47bc .elementor-button:focus svg{fill:var( --e-global-color-c0fce92 );}.elementor-19 .elementor-element.elementor-element-39e7f4f{--display:flex;--background-transition:0.3s;}:root{--page-title-display:none;}body.elementor-page-19:not(.elementor-motion-effects-element-type-background), body.elementor-page-19 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#021628;}@media(min-width:768px){.elementor-19 .elementor-element.elementor-element-4a65a72{--width:100%;}.elementor-19 .elementor-element.elementor-element-e057888{--width:50%;}.elementor-19 .elementor-element.elementor-element-128cd91{--width:50%;}.elementor-19 .elementor-element.elementor-element-658708a{--width:60%;}.elementor-19 .elementor-element.elementor-element-9d9fa16{--width:40%;}}@media(max-width:1024px){.elementor-19 .elementor-element.elementor-element-1820e3c:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-1820e3c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0vw 0vh;}}@media(max-width:767px){.elementor-19 .elementor-element.elementor-element-1820e3c:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-1820e3c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:top center;background-size:574px auto;}.elementor-19 .elementor-element.elementor-element-1820e3c{--margin-block-start:-8em;--margin-block-end:0em;--margin-inline-start:0em;--margin-inline-end:0em;--padding-block-start:0em;--padding-block-end:4em;--padding-inline-start:1em;--padding-inline-end:1em;}.elementor-19 .elementor-element.elementor-element-4a65a72{--padding-block-start:0em;--padding-block-end:0em;--padding-inline-start:0em;--padding-inline-end:0em;}.elementor-19 .elementor-element.elementor-element-79b9d43{text-align:center;}.elementor-19 .elementor-element.elementor-element-79b9d43 .elementor-heading-title{font-size:2em;}.elementor-19 .elementor-element.elementor-element-8fc7f73{text-align:center;width:100%;max-width:100%;}.elementor-19 .elementor-element.elementor-element-8fc7f73 > .elementor-widget-container{padding:0px 0px 030px 0px;}.elementor-19 .elementor-element.elementor-element-31d0eef{--padding-block-start:4em;--padding-block-end:0em;--padding-inline-start:1em;--padding-inline-end:1em;}.elementor-19 .elementor-element.elementor-element-9a7fc4d .elementor-image-box-wrapper{text-align:center;}.elementor-19 .elementor-element.elementor-element-9a7fc4d .elementor-image-box-img{margin-bottom:15px;}.elementor-19 .elementor-element.elementor-element-9a7fc4d{width:100%;max-width:100%;}.elementor-19 .elementor-element.elementor-element-0664395 .elementor-image-box-wrapper{text-align:center;}.elementor-19 .elementor-element.elementor-element-0664395 .elementor-image-box-img{margin-bottom:15px;}.elementor-19 .elementor-element.elementor-element-0664395{width:100%;max-width:100%;}.elementor-19 .elementor-element.elementor-element-45987df .elementor-image-carousel-caption{font-size:20px;}.elementor-19 .elementor-element.elementor-element-7c7307f{--padding-block-start:0em;--padding-block-end:0em;--padding-inline-start:1em;--padding-inline-end:1em;}.elementor-19 .elementor-element.elementor-element-e057888{--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-19 .elementor-element.elementor-element-8c50311 .elementor-heading-title{font-size:2em;line-height:1.1em;}.elementor-19 .elementor-element.elementor-element-1d63d14{font-size:16px;}.elementor-19 .elementor-element.elementor-element-128cd91{--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-19 .elementor-element.elementor-element-e9244bd img{height:258px;}.elementor-19 .elementor-element.elementor-element-b11d861 img{height:400px;object-fit:contain;}.elementor-19 .elementor-element.elementor-element-b11d861 > .elementor-widget-container{padding:0em 1em 0em 0em;}.elementor-19 .elementor-element.elementor-element-9d9fa16{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:8px 0px;--padding-block-start:2em;--padding-block-end:2em;--padding-inline-start:1em;--padding-inline-end:1em;}.elementor-19 .elementor-element.elementor-element-dbe53a8{text-align:center;}.elementor-19 .elementor-element.elementor-element-dbe53a8 .elementor-heading-title{font-size:2em;}.elementor-19 .elementor-element.elementor-element-96fb0c4{--padding-block-start:4em;--padding-block-end:4em;--padding-inline-start:0em;--padding-inline-end:0em;}.elementor-19 .elementor-element.elementor-element-5142cb0{text-align:center;}.elementor-19 .elementor-element.elementor-element-c0d0133{width:100%;max-width:100%;}.elementor-19 .elementor-element.elementor-element-e7d5062{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}}/* Start custom CSS for html, class: .elementor-element-583489b */.hero-line.desktop {
    font-family: 'Hind', sans-serif;
    font-weight: bold;
    font-size: 48px;
    line-height: 110%;
    color: white; /* Or the color you want for the text */
    position: absolute;
    top: 15%; /* Adjust this value if necessary to center vertically */
    left: 50%;
    transform: translateX(-50%);
    width: 75%;
    text-align: center;
    z-index: 3; /* Above the video and tab content */
}
/* Hide mobile version by default */
.hero-line.mobile {
    display: none;
}

/* CSS Media Query for Mobile Devices */
@media screen and (max-width: 768px) {
    /* Hide desktop version text on mobile */
    .hero-line.desktop {
        display: none;
    }
    /* Show mobile version text on mobile */
    .hero-line.mobile {
        display: block;
        font-family: 'Hind', sans-serif;
    font-weight: bold;
    font-size: 20px;
    line-height: 110%;
    color: white; /* Or the color you want for the text */
    position: absolute;
    top: 12%; /* Adjust this value if necessary to center vertically */
    left: 50%;
    transform: translateX(-50%);
    width: 75%;
    text-align: center;
    z-index: 3; /* Above the video and tab content */
     background: var(--cy-vision-linear-blue, linear-gradient(90deg, #FFF 8.41%, #1C8DCC 95.66%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
    }
}

.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.15); /* Black color with 10% opacity */
    z-index: 2; /* Position it between the video and the hero line */
}


.video-tabs {
    font-family: 'Hind', sans-serif;
    width: 100vw;
    height: 100vh;
    margin: 0;
    position: relative;
    overflow: hidden;
  
}

.tab-titles {
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 10%;
    left: 20px;
    right: 20px;
    pointer-events: none;
     z-index: 8;
}

.tab-title {
    background: rgba(0, 0, 0, 0.4);
    padding: 10px 15px;
    cursor: pointer;
    border: 2px solid transparent;
    border-radius: 15px;
    margin: 0 5px;
    transition: background 0.3s, border 0.3s;
    color: white;
    pointer-events: all;
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 500;
}

.tab-title:hover {
    background: rgba(0, 0, 0, 0.6);
    outline: none; /* Ensure no focus outline */
}

.tab-title.active {
    background: rgba(0, 0, 0, 0.8);
    border: 1px solid #25AAE1;
    outline: none; /* Ensure no focus outline */
}

.tab-contents .tab-content {
    display: block;
    opacity: 0;
    transition: opacity 0.3s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.tab-contents .tab-content.active {
    opacity: 1;
}

video {
    max-width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
}

.tab-title::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-size: contain;
}


.tab-title[data-tab="tab1"]::before {
    background-image: url('http://cyvision.com/wp-content/uploads/2023/10/Introduction.svg');
}

.tab-title[data-tab="tab2"]::before {
    background-image: url('http://cyvision.com/wp-content/uploads/2023/10/3D-Navigation.svg');
}

.tab-title[data-tab="tab3"]::before {
    background-image: url('http://cyvision.com/wp-content/uploads/2023/10/Travel-Safety.svg');
}

.tab-title[data-tab="tab4"]::before {
    background-image: url('http://cyvision.com/wp-content/uploads/2023/10/Infotainment.svg');
}

/* Existing Styles */
/* ... (Keep your existing CSS here) ... */

/* Mobile Responsive Styles */
@media screen and (max-width: 768px) {
    .video-tabs {
        display: flex; /* Use flex layout for the container */
        flex-direction: column; /* Stack items vertically */
        
    }

    .tab-contents {
        position: relative; /* Set to relative for natural flow */
        width: 100%; /* Full width */
        /* No padding-bottom here, we will control height with the video element itself */
    }

    .tab-contents .tab-content {
        display: none; /* Hide all by default */
        position: relative; /* Adjust content positioning */
        width: 100%; /* Full width */
        /* Remove height: 100%; we will control height with the video element itself */
        margin-top:16%;
    }

    .tab-contents .tab-content.active {
        display: block; /* Only show the active tab content */
    }

    .tab-titles {
        display: grid; /* Use grid layout for 2x2 arrangement */
        grid-template-columns: repeat(2, 1fr); /* Create two columns */
        grid-gap: 12px; /* Space between grid items */
        width: 100%; /* Set the width to 100% of their container */
        position: absolute; /* Positioning relative to the video-tabs container */
        bottom: 34%; /* Adjust space between the video and tab titles */
        left: 0; /* Start from the far left */
        transform: translateX(0); /* Remove horizontal translation */
        z-index: 8; /* Ensure the tab titles are above the tab content */
        padding: 0 20px; /* Padding on the sides */
        box-sizing: border-box; /* Include padding in width calculation */
    }

    .tab-title {
        /* ... (existing styles for .tab-title) ... */
        margin-bottom: 8px; /* Add 20px space between each tab title */
        width: auto; /* Reset width to auto so margin applies correctly */
    }
    
    /* Reset the bottom margin for the last tab-title to maintain layout */
    .tab-title:last-child {
        margin-bottom: 0;
    }

 .tab-title {
        font-size: 12px; /* Set font size to 12px */
        margin-bottom: 0; /* Reset bottom margin if needed */
        /* Adjust padding as necessary to fit the content */
    }

.hero-line.desktop {
    
        position: absolute;
        top: 14%; /* Reset top positioning */
        bottom: 0%; /* Position the hero line above the tab titles. Adjust as necessary. */
        left: 50%;
        transform: translate(-50%, 0);
        width: 95%;
        text-align: center;
        font-size: 22px; /* Adjust the font size for mobile if needed */
        padding: 0 20px; /* Add some padding if the text is too wide */
        z-index: 3; /* Above the video and tab content */
        background: var(--cy-vision-linear-blue, linear-gradient(90deg, #FFF 8.41%, #1C8DCC 95.66%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
    }
    video {
    top: 78%;
        width: 100%; /* Full width */
        /* Use a percentage-based height for a larger video size on mobile */
        height:auto ; /* 50% of the viewport height */
        position: relative; /* Set to relative for natural flow */
        object-fit: contain; /* Cover the aspect ratio container */
       
    }
}/* End custom CSS */
/* Start custom CSS for testimonial-carousel, class: .elementor-element-c0d0133 */.elementor-19 .elementor-element.elementor-element-c0d0133 .elementor-testimonial__image img {
    width: 80px;
    height: 30px;
    border-radius: 0px;
    
}/* End custom CSS */