body{font-family:SF Pro Display;color:#000000;overflow-x:clip;font-weight:400;}
html{overflow-x: hidden;}
.velogo{
	max-width:125px;
	height:auto;
	width:100%;
}
.header {
    padding: 32px 0px;
    position: fixed;
    width: 100%;
    z-index:3;
}
.header.scrolled{background:#000000;}
.banner{
	background:#000000;
	height:100vh;
	position:relative;
	padding-top:0px;
}
.text-gray-400{color:#C1C1C1;}
.ban_bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100%;
}
.lines{
	margin:0px 40px;
	width:1px;
	height:58px;
	background:rgba(255,255,255,0.50);
}
.banner-top {
    display: flex;
    height: calc(100vh - 0px);
    justify-content:center;
    flex-flow: column;
    padding: 0px 0px 40px 0px;
    position:relative;
    z-index:2;
}
video.hero-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    object-fit: cover;
    z-index: 0;
    object-position:center;
}
section.banner:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
    z-index: 1;
    top: 0;
    left: 0;
}
.tab-section{position:relative;}
.quickview{
	padding:64px 0px;
}
.container-xs{
	max-width:1112px;
	width:100%;
	margin:auto;
	padding:0px 24px;
}
.quickview_box{
	width:100%;
	border-radius:24px;
	padding:80px 70px;
	background:#ffffff;
	text-align:center;
}
video.slider-video, .video-image-section {
    max-width: 1064px;
    width: 100%;
    max-height: 500px;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.gray-dark{color:#1A2027;}
.py100{padding:100px 0px;}
.service-slider .splide__track{overflow:visible;}
.service-slider .splide__slide{
	cursor:pointer;
	opacity:0.1;
	transition:all 0.4s ease-in-out;
	background:#ffffff;
	overflow:hidden;
	border-radius:24px 24px;
}
.service-slider .splide__slide.is-active{opacity:1;cursor:auto;}
.service_content {
    padding: 44px 44px;
}
.service_box img{
	width:100%;
	height:auto;
	object-fit:cover;
	object-position:top;
}
.service-slider{margin-top:48px;}
.service-slider .splide__pagination {
    position: relative;
    margin: 24px auto 0px auto;
    display: flex;
    align-items: center;
    background: #E1E1E1;
    border: 1px solid #D1D1D1;
    max-width: 136px;
    border-radius: 100px;
    padding: 20px;
    justify-content: space-between;
}
.service-slider .splide__pagination li .splide__pagination__page{
	width:8px;
	height:8px;
	background:#1A2027;
	border-radius:100px;
	transition:all 0.3s ease-in-out;
	opacity:0.6;
}
.service-slider .splide__pagination li .splide__pagination__page.is-active{
	transform:scale(1);
	width:32px;
	opacity:1;
}
.pro-challenge{
	display:flex;
	justify-content:space-between;
	gap:24px;
	margin-top:48px;
	flex-wrap:wrap;
}
.half_box{
	width:calc(50% - 12px);
	padding:80px;
	border-radius:24px;
}
.bg-black{background:#000000;}
.pro_icon{
	width:48px;
	height:48px;
}
.the-sol{
	width:100%;
	height:auto;
	border-radius:24px;
	margin:48px 0px;
}
.sticky-pos{background:#FFFFFF;position:sticky;top:70px;}
.tab-wrapper {
  position: relative;
  display: inline-flex;
  background: #F1F1F1;
  padding: 4px;
  border-radius: 40px;
  overflow: hidden;
  border: 1px solid #E1E1E1;
  margin: auto;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 48px;
}
.tab {
  position: relative;
  z-index: 2;
  padding: 14px 18px;
  border: none;
  background: #fff0;
  cursor: pointer;
  font-weight:600;
  border-radius: 40px;
  font-size: 17px;
  color:#4C4C4C;
}
.tab[aria-selected="true"] {
  color: #fff;
}
.tab-bg {
  position: absolute;
  top: 4px;
  left: 0;
  height: calc(100% - 8px);
  width: 0;
  background: #1a2027;
  border-radius: 40px;
  transition:
    transform 0.4s ease,
    width 0.4s ease;
  z-index: 1;
}
.tab-contents {
  margin-top: 24px;
}
.tab-content {
  display: none;
  animation: fadeUp 0.35s ease;
}
.tab-content.active {
  display: block;
}
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(0);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
button.tab {
  transition: all 0.3s ease-in-out;
}
button.tab.active {
  color: #fff;
}
.tab-flex{
  display:flex;
  gap:24px;
  justify-content:space-between;
  flex-wrap:wrap;
  margin-top:48px;
}
.tab_box{
  background:#F1F1F1;
  padding:44px 44px;
  border-radius:24px;
  width:calc(33.3333% - 16px);
}
.eng-icons{
  width:60px;
  height:60px;
  margin-bottom:32px;
}
.teams{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	gap:24px;
	margin-top:48px;
}
.text-gray-700{color:#86868B;}
.top_team{
	display:flex;
	align-items:center;
}
.top_team img{
	width:80px;
	height:80px;
	border-radius:50%;
	margin-right:12px;
}
.team_box ul{
	list-style-type:none;
	padding:0px;
	margin:32px 0px;
	display:flex;
	gap:8px;
	flex-wrap:wrap;
}
.team_box ul li{
	background:#F1F1F1;
	font-size:14px;
	border-radius:9999px;
	padding:4px 8px;
	color:#000000;
	font-weight:500;
	line-height:100%;
}
.team_box {
    background: #FFFFFF;
    width: calc(50% - 12px);
    border-radius: 24px;
    padding: 60px;
}
.results{
	display:flex;
	gap:80px;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-top:48px;
}
.result_box{width:calc(50% - 80px);border-top:2px solid #3E56CD;}
.result_box img{width:48px;height:48px;margin:32px 0px;}
.test_right img{
	border-radius:16px;
	width:100%;
	height:auto;
}
.test_right{width:420px;position:relative;}
.btnab{
  position:absolute;
  left:16px;
  bottom:16px;
}
.test_left {
    width: calc(100% - 420px);
    padding: 60px 60px;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}
.testis{
	display:flex;
	justify-content:space-between;
	background:#FFFFFF;
	border-radius:24px;
	padding:8px;
	margin-top:48px;
}
.cta-section{
	padding:100px;
	background:#FFFFFF;
	text-align:center;
	border-radius:24px;
	margin-top:24px;
}
.cuscta{text-decoration:none;padding:10px 28px;margin-top:48px;font-weight:500;}
.case-flex{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	gap:24px;
	margin-top:48px;
}
.case-box{
	width:calc(50% - 12px);
}
.case-box img{
	border-radius:24px;
	width:100%;
	height:auto;
	margin-bottom:16px;
}
a.case-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #ffffff;
    text-decoration: none;
    font-size: 17px;
    font-weight: 500;
    color: #ffffff;
    border-radius: 9999px;
    line-height: 100%;
    padding: 14px 24px;
}
.tabs_image img {
	width: 100%;
	height: auto;
}
.sol-img-box{text-align:center;}
.vdclose{
    position: absolute;
    top: -15px;
    right: -15px;
    color: #FFFFFF;
    background: #000000;
    border-radius: 50%;
    padding: 0px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    opacity: 1;
    font-size: 20px;
    z-index: 9;
    font-weight: 600;
}
.modal-content, iframe#videoFrame{border-radius:16px;}
html.video-modal-open{overflow:hidden;}
.modal{background:rgba(0,0,0,0.9);}
.btn-close:hover{color:#FFFFFF;}
/*media query*/
@media(max-width:1499px){
  .quickview_box{padding:80px 44px;}
}
@media(max-width:1400px){
	.py100{padding:64px 0px;}
	.quickview{padding:48px 0px;}
	.container-xs{max-width:968px;}
	.tabs_sl_content{padding:24px 32px;width:calc(100% - 380px);}
	.tabs_image{width:380px;}
	.header{padding:16px 0px;}
	.banner-top{padding:64px 0px 24px 0px}
	.half_box{padding:40px;}
	.test_right{width:380px;}
	.cta-section{padding:64px 24px;}
	.the-sol{max-width:1024px;margin:40px auto;}
  .sticky-pos{top:50px;}
  .quickview_box{padding:80px 64px;}
  video.slider-video, .video-image-section, .service_box img{max-height:430px;}
}
@media(max-width:1199px){
	.py100{padding:48px 0px;}
	.quickview{padding:40px 0px;}
	.container-xs{max-width:908px;}
	.lines{margin:0px 24px;}
	.quickview_box{padding:64px 48px;}
	.team_box{padding:28px;}
	.results{gap:48px;}
	.result_box{width:calc(50% - 48px);}
	.test_left{width:calc(100% - 320px);padding:48px 48px;}
	.test_right{width:320px;}
	.quickview_box .h3{font-size:18px;}
  .sticky-pos{top:44px;}
  video.slider-video, .video-image-section, .service_box img{max-height:400px;}
  .eng-icons{width:48px;height:auto;margin-bottom:24px;}
  .tab_box{padding:28px 24px;width:calc(33.3333% - 8px);}
  .tab-flex{gap:12px;}
}
@media(max-width:991px){
	.service_content{padding:24px 28px;}
	.brn p{font-size:14px;}
	.lines{margin:0px 16px;}
	.half_box{padding:32px;}
	.tabs_sl_content{
		padding: 24px 24px;
        width: calc(100% - 300px);
	}
	.tabs_image {
        width: 300px;
    }
    .tabs_image img {
	    width: 100%;
	    height: 100%;
	    max-height: 320px;
	}
	.team_box{padding:24px;width: calc(50% - 6px);}
	.team_box ul li{font-size:12px;}
	.teams{gap:12px;}
	.test_left {
        width: calc(100% - 280px);
        padding: 24px 24px;
    }
    .test_right{width:280px;}
    a.case-cta{font-size:14px;padding:10px 12px;}
    .tab{padding:8px 12px;font-size:16px; }
    .tab_box{padding:24px 24px;}
    video.slider-video, .video-image-section, .service_box img{max-height:338px;}
}
@media(max-width:767px){
	.py100{padding:44px 0px;}
	.quickview{padding:32px 0px;}
	.banner-top h1 br, .display-6 br{display:none;}
	.ban_bottom{display:block;text-align:center;}
	.lines {
        width: 100%;
        max-width: 360px;
        height: 1px;
        background: rgba(255, 255, 255, 0.50);
        margin: 16px auto;
        display: block;
    }
    .banner-top h1{font-size:32px;}
    .quickview_box{padding:24px 24px;}
    .quickview_box .h3{font-size:16px;}
    .quickview_box h2{font-size:20px;}
    .service-slider .splide__pagination{padding:12px 16px;}
    .service_content{padding:16px 24px;}
    .half_box{width:100%;}
    .half_box{padding:24px;}
    .the-sol{margin:24px 0px;}
    .container-sm .container-xs{padding:0px 0px;}
    .tab{
    	padding: 6px 8px;
    	font-size: 12px;
    	text-align: center;
    }
    .tab-slider .splide__slide{display:block;}
    .tab-slider .splide__track{overflow:hidden;}
    .tab-slider{max-width:500px;width:100%;margin:auto;}
    .tabs_image, .tabs_sl_content{width:100%;}
    .custom-arrows{
    	max-width: 500px;
    	width:100%;
    	margin: 24px auto 0px auto;
    }
    .teams {
        flex-flow: column;
        max-width: 500px;
        width: 100%;
        margin: 24px auto 0px auto;
    }
    .team_box, .result_box{width:100%;}
    .results{
    	flex-flow: column;
        max-width: 500px;
        width: 100%;
        margin: 24px auto 0px auto;
    }
    .testis{
    	flex-flow:column-reverse;
    	max-width: 500px;
        width: 100%;
        margin: 24px auto 0px auto;
    }
    .test_left, .test_right{width:100%;}
    .test_left div{margin-top:32px;}
    .test_right img{
    	max-height: 450px;
	    object-fit: cover;
	    object-position: top;
    }
    .case-flex {
        flex-flow: column;
        margin: 24px auto 0px auto;
        max-width: 500px;
        width:100%;
        gap:32px;
    }
    .case-box{width:100%;}
    a.case-cta{font-size:12px;}
    .cta-section{padding:44px 24px;}
    .pro-challenge, .service-slider{margin-top:24px;}
    video.slider-video, .video-image-section, .service_box img{max-height:260px;}
    .resutl p.h4, .resutl h2.display-6{text-align:center;}
    .tab_box{width:100%;}
}
@media(max-width:600px){
  .banner-top h1{margin-bottom:150px;}
  .ban_bottom{bottom:24px;}
  video.slider-video, .video-image-section, .service_box img{max-height:160px;min-height:160px;}
  .tab-wrapper{flex-wrap:wrap;justify-content:center;background:transparent;border:0px;}
  .tab-bg{display:none;}
  button.tab.active{background:#1A2027;}
  .tab-flex{margin-top:24px;}
  .vdclose{font-size:16px;right:-6px;top:-16px;width:32px;height:32px;}
}