.banner{
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}
/*.caro1{
	background: url(https://d2v79d41yqjm1s.cloudfront.net/Bizvertex/caro-ban3.webp),url(https://d2v79d41yqjm1s.cloudfront.net/Bizvertex/caro-ban0.webp);
	min-height: 100vh;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: right -30px, center;
    background-size: 50% 92%, cover;
}
.caro2{
	background: url(https://d2v79d41yqjm1s.cloudfront.net/Bizvertex/caro4.webp),#000;
	min-height: 100vh;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: right center, center;
    background-size: contain, cover;
}
.caro3{
	background: url(https://d2v79d41yqjm1s.cloudfront.net/Bizvertex/caro5.webp),url(https://d2v79d41yqjm1s.cloudfront.net/Bizvertex/caro-ban0.webp);
	min-height: 100vh;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: right center, center;
    background-size: 66%, cover;
}
.caro4{
	background: url(https://d2v79d41yqjm1s.cloudfront.net/Bizvertex/caro6.webp),#000;
	min-height: 100vh;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: right top, center;
    background-size: 73%, cover;
}*/

.but-plus {
    background-color: #ffffff;
    padding: 7px 18px 7px 10px;
    color: #000000;
    border-radius: 20px 20px 20px 20px;
    min-width: 100px;
    top: 1px;
    font-size: 14px;
    position: relative;
    z-index: -1;
    right: -16px;
    font-weight: 600;
}
.but-text {
    padding: 12px 20px;
    min-width: 100px;
    background: radial-gradient(50% 50% at 50% 50%, #FF0000 0%, #990000 100%);
    border-radius: 0 30px 30px 22px;
    color: #ffff;
    z-index: 9;
    position: relative;
}
.shape {
    clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 57% 100%);
    width: 37px;
    height: 44px;
    display: inline-block;
    position: absolute;
    left: 37px;
    top: -4px;
    transition: .5s ease-in-out;
    background: #9e0000;
}
.animbt{
    position: relative;
    left: -28px;
}
.animbt:hover .but-text{
    padding-left: 0;
    padding-right: 10px;
    z-index: 9;
    transition: 0.5s all;
}

.ban-vid {
    position: absolute;
    top: 10px;
    left: 0%;
    width: 100%;
}

/*.ban-vid video{
    position: absolute;
    top: 0;
    right: -20%;
    height: 100vh;
    width: auto !important;
}*/
.banner .container{
	max-width: 100%;
	padding: 0;
}
.inner{
	padding: 30px 20px 20px 90px;
}
h1{
	font-size: 90px;
	font-weight: bold;
	line-height: 95px;
}
h1 span{
	font-size:70px;
	font-weight: bold;
}
.wt{
	color: #ffffff;
}
.rt{
	color: #F00000;
}
p{
	font-size: 17px;
	line-height: 30px;
	font-weight: 400;
}
.lt{
	color: #D9D9D9;
}
.r-btn {
    background: #F00000;
    border-radius: 50px;
    padding: 15px 15px;
    color: #fff !important;
}
.carousel-indicators{
	bottom: 0px;
}
.banner .indi{
	color: #ffffff;
    min-width: 300px;
    height: auto;
    text-indent: 0;
    font-size: 45px;
    font-weight: bold;
    background: transparent;
    border: 1px solid #474747;
    border-radius: 10px;
    padding: 20px;
    opacity: 0.3;
}
.banner .indi p{
	font-weight: bold;
	margin-bottom: 0;
}
.banner .indi.active{
	opacity: 1;
}
section{
	padding: 5vh 0;
}
h2{
	font-size: 55px;
	font-weight: bold;
	line-height: 65px;
}
.second{
	background: #fff;
}
.second-tab .nav-link{
	text-align: left;
	background: #F9E9E9;
    border-radius: 10px;
    color: #000;
    margin-bottom: 10px;
    padding: 10px 10px;
}
.second-tab .nav-link.active{
	background:#F00000;
	color: #fff;
}
.second-tab .nav-link img {
    background: #fff;
    padding: 10px;
    margin-right: 8px;
    border-radius: 5px;
}
.second-tab{
	background: linear-gradient(270deg, #FFFFFF 34.63%, #F9E9E9 182.7%);
	border-radius: 10px 0px 0px 10px;
    padding: 20px;
}
.sub-box{
	background: #F9E9E9;
    height: 100%;
    padding: 30px;
    border-radius: 10px;
}
.dt{
	color: #000000;
}
.rec{
	background: #FFFFFF;
	border: 1px solid #CE9595;
	border-radius: 5px;
	padding: 15px;
}
.third{
	background: #000;
}
.shadow-btn{
	background: linear-gradient(90.02deg, #F00000 0.02%, #000000 86.07%);
	border: 1px solid #F00000;
	border-radius: 50px;
	padding: 15px 20px;
    color: #fff !important;
    font-size: 15px;
    font-weight: 500;
}
.normal p{
	color: #B2B4BD;
	margin-bottom: 0;
}
.grade {
    background: linear-gradient(180deg, #20212c, #000000);
    padding: 1px;
    height: 100%;
}
.normal {
    background: #000000;
    padding: 20px;
    text-align: center;
    height: 100%;
    display: block;
}
.redblur{
	background: url(https://d2v79d41yqjm1s.cloudfront.net/Bizvertex/red-blur.webp);
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 35vh;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
    border-radius: 40px;
}
.wtn {
    background: #fff;
    color: #000;
    font-size: 15px;
    font-weight: 500;
    padding: 10px 20px;
    border-radius: 40px;
}
.img1{
 animation-name:rotate1;
animation-duration:15s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
.img2{
	animation: rotate1 15s linear infinite;
}

@keyframes rotate1{
 0%{
transform:rotate(0deg);
 }
 100%{
transform:rotate(360deg);
 }
}
.abs-div {
    position: absolute;
    width: 100%;
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
}
.fourth{
	background: url(https://d2v79d41yqjm1s.cloudfront.net/Bizvertex/efficiency.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.box1 {
    background: linear-gradient(129.67deg, #CC0101 11.01%, #000000 98.43%);
    box-shadow: -10px -10px 30px rgba(0, 0, 0, 0.2);
    border-radius: 100px 0px 100px 100px;
    width: 45%;
    padding: 70px;
    position: relative;
    transition: 0.5s all;
}  
.box2 {
	background: linear-gradient(224.4deg, #F00000 4.57%, #000000 92.36%);
    box-shadow: -10px -10px 30px rgba(0, 0, 0, 0.2);
    border-radius: 100px 100px 100px 0px;
    width: 45%;
    padding: 70px;
    position: relative;
    z-index: 2;
    left: -50px;
    top: 30px;
    transition: 0.5s all;
}
.box3 {
    background: linear-gradient(129.67deg, #CC0101 11.01%, #000000 98.43%);
    box-shadow: -10px -10px 30px rgba(0, 0, 0, 0.2);
    border-radius: 0px 100px 100px 100px;
    width: 45%;
    padding: 70px;
    left: -50px;
    position: relative;
    top: -40px;
    transition: 0.5s all;
}
.box4 {
    background: linear-gradient(129.67deg, #CC0101 11.01%, #000000 98.43%);
    box-shadow: -10px -10px 30px rgba(0, 0, 0, 0.2);
    border-radius: 100px 0px 100px 100px;
    width: 45%;
    padding: 70px;
    left: -90px;
    position: relative;
    z-index: 4;
    top: -60px;
    transition: 0.5s all;
}
.box1:hover,.box2:hover,.box3:hover,.box4:hover{
	z-index: 9;
	transform:scale(1.1);
}
.caro-hover {
    padding: 8px;
    position: absolute;
    color: #fff;
    min-width: 150px;
    bottom: 20%;
    left: 30%;
    background: #000;
    margin: 0 auto;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 0px 12px 2px red;
    opacity: 1;
    transition: 0.5s all;
}
.parent-caro{
	position: relative;
}
.parent-caro:hover .caro-hover{
	opacity: 1;
}
.off{
	position: relative;
	margin-top: 70px;
}
.off1 {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%;
}
.off2 {
    position: absolute;
    z-index: 9;
    bottom: -1px;
    left: 0;
    width: 100%;
}
.left-anim{
	animation: left1 10s linear infinite;
}
.slide-left{
	display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: -14%;
    right: auto;
    -webkit-transform: rotate3d(0, 1, 0.00009, 80deg);
    transform: rotate3d(0, 2, 0.00009, 81deg);
}
.slide-right {
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0;
    right: -18%;
    -webkit-transform: rotateX(0) rotateY(-80deg) rotate(0);
    transform: rotateX(0) rotateY(287deg) rotate(0);
}
.repeat{
	display: flex;
}
.repeat2{
	display: flex;
}
.right-anim{
	animation: right1 13s linear infinite;
}
@keyframes left1{
	0% {
    -webkit-transform: translate(0%, 0px);
    transform: translate(0%, 0px);
}
100% {
    -webkit-transform: translate(-100%, 0px);
    transform: translate(-100%, 0px);
}
}
@keyframes right1{
	0% {
    -webkit-transform: translate(0%, 0px);
    transform: translate(0%, 0px);
}
100% {
    -webkit-transform: translate(100%, 0px);
    transform: translate(100%, 0px);
}
}
.main-div{
    -webkit-perspective: 1400px;
    perspective: 1400px;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}
.sixth{
	position: relative;
}
.fact {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    z-index: 9;
}
.county{
    position: relative;
}
.county:after{
    content: "";
    position: absolute;
    top: 0%;
    left: 0;
    background: linear-gradient(90deg, #00000021 0%, #000000 25%, #00000021 120%);
    height: 160px;
    width: 100%;
    z-index: -1;
}
.f120{
    font-size: 90px;
    font-weight: 400;
}
.hei-div{
	height: 48vh;
	overflow: hidden;
	position: relative;
}
.seventh{
	position: relative;
	background: #fff;
}
.main-stack{
	background: rgba(0, 0, 0, 0.05);
	border-radius: 20px;
	padding: 20px;
}
.stack{
	background: #000000;
	padding: 15px;
	max-height: 555px;
    overflow: auto;
}
.stack .nav-link {
    background: #ffffff26;
    text-align: left;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 20px;
    color: #fff;
    padding: 15px 10px;
}
.stack .nav-link.active{
	background: #CC0101;
}
/* width */
.stack::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.stack::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
.stack::-webkit-scrollbar-thumb {
  background: red; 
  border-radius: 10px;
}

/* Handle on hover */
.stack::-webkit-scrollbar-thumb:hover {
  background: #b30000; 
}
.t-div{
	background: rgba(0, 0, 0, 0.1);
	border: 1px solid #FFFFFF;
	border-radius: 10px;
	display: flex;
    padding: 10px;
    gap: 10px;
}
.t-div p{
	margin-bottom: 0px;
	color: #000;
	font-size: 20px;
	font-weight: 400;
	align-self: center;
}
.nineth{
	background: #fff;
}
.blog-box{
	background: #E9E8EE;
	border: 1px solid #CBC7DA;
	border-radius: 10px;
	padding: 20px;
}
.blog-btn{
	background: linear-gradient(90.02deg, #F00000 0.02%, #000000 86.07%);
	border: 1px solid #FFFFFF;
	border-radius: 50px;
	color: #fff;
    padding: 10px 20px;
}
.h-faq h2{
	line-height: inherit;
}
.h-faq button:hover{
	background: #fff !important;
	color: #000 !important;
}
.h-faq .accordion-item{
	background-color: #333238;
	margin-bottom: 10px;
	border-radius: 10px;
}
.h-faq .accordion-body{
	background-color: #fff;
}
.h-faq .accordion-button[aria-expanded="true"]{
	color: #000;
    background: url(https://d2v79d41yqjm1s.cloudfront.net/Bizvertex/h-down.webp), #ffffff;
    background-repeat: no-repeat;
    background-position: 98%;
    background-size: 2%;
    font-weight: bold;
}
.h-faq .accordion-button[aria-expanded="false"]{
	color: #ffffff;
    background: url(https://d2v79d41yqjm1s.cloudfront.net/Bizvertex/h-up.webp), #ffffff14;
    background-repeat: no-repeat;
    background-position: 98%;
    background-size: 11px;
}
.aos-sec{
    background:url(https://d2v79d41yqjm1s.cloudfront.net/Bizvertex/line-bg.webp),#fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.off-border {
    background: linear-gradient(225deg, #2F2F2F 53%, #ffffff 42%);
    padding: 2px;
    height: 100%;
    border-radius: 30px;
}
.full-div {
    background: #fff;
    height: 100%;
    padding: 30px 40px 30px 30px;
    border-radius: 27px;
    position: relative;
}
.full-div p{
    margin-bottom: 0px;
}
.num-div {
    position: absolute;
    right: -20px;
    top: 35%;
    background: #f00000;
    color: #fff;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    font-size: 20px;
    font-weight: bold;
}
.off-border2 {
    background: linear-gradient(136deg, #2F2F2F 53%, #ffffff 42%);
    padding: 2px;
    height: 100%;
    border-radius: 30px;
}
.full-div2 {
    background: #fff;
    height: 100%;
    padding: 30px 30px 30px 40px;
    border-radius: 27px;
    position: relative;
}
.full-div2 p{
    margin-bottom: 0px;
}
.num-div2 {
    position: absolute;
    left: -28px;
    top: 35%;
    background: #f00000;
    color: #fff;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    font-size: 20px;
    font-weight: bold;
}
.f-b{
    position: relative;
    width: 350px;
    height: 300px;
    background: transparent;
    border-radius: 20px;
}
.f-b .front {
    transform: perspective(600px) rotateY(0deg);
}
.f-b:hover .back {
    transform: perspective(600px) rotateY(360deg);
}
.face {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    border-radius: 10px;
    overflow: hidden;
    transition: .5s;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.f-b .back {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    transform: perspective(600px) rotateY(180deg);
    background: #EFEFEF;
    padding: 15px;
    color: #fff;
    text-align: center;
}
.face.front img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.ro-tit {
    position: absolute;
    width: 100%;
    text-align: center;
    padding-top: 20px;
    height: 100%;
    background: #00000087;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
 .moving-box {
        width: 1430px;
        height: 350px;
        animation: moveleft 10s linear infinite;
        }
        @keyframes moveleft {
        0% {
        transform: translateX(0);
        }
        100% {
        transform: translateX(-100%);
        }
        }
        .moving-box2 {
        width: 1500px;
        height: 350px;
        animation: moveRight 10s linear infinite;
        }
        @keyframes moveRight {
        0% {
        -webkit-transform: translate(0%, 0px);
        transform: translate(0%, 0px);
        }
        100% {
        -webkit-transform: translate(100%, 0px);
        transform: translate(100%, 0px);
        }
        }
        .one {
        z-index: -1;
        -webkit-transform-origin: 0%;
        -ms-transform-origin: 0%;
        transform-origin: 0%;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
        ;
        position: absolute;
        top: 0%;
        bottom: 0%;
        left: -10%;
        right: auto;
        -webkit-transform: rotate3d(0, 1, 0.00009, 80deg);
        transform: rotate3d(0, 1, 0.00009, 80deg);
        }
        .two {
        z-index: -1;
        -webkit-transform-origin: 100%;
        -ms-transform-origin: 100%;
        transform-origin: 276%;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
        ;
        position: absolute;
        top: -2%;
        bottom: 0%;
        left: -160%;
        right: 25%;
        -webkit-transform: rotateX(0) rotateY(-81deg) rotate(0);
        transform: rotateX(0) rotateY(-80deg) rotate(0);
        perspective: 970px;
        display: flex
        ;
        perspective-origin: center;
        }
        .parent{
        z-index: -1;
        opacity: 0.7;
        -webkit-perspective: 890px;
        perspective: 890px;
        position: absolute;
        top: 0%;
        bottom: 0%;
        left: 0%;
        right: 0%;
        overflow: hidden;
        }
        .over{
        position: relative;
        overflow: hidden;
        height: 425px;
        background-color: #000;
        z-index: 1;
        }
@media(max-width: 1400px){
    h1 {
    font-size: 70px;
    font-weight: bold;
    line-height: 70px;
}
.banner .carousel-item-next,.banner .carousel-item-prev,.banner .carousel-item.active{
    display: flex;
}
.ban-vid{
    top: -90px;
    left: 10%;
}
.ban-vid video{
    min-height: 126vh;
}
.caro1{
    background-size: 48% 85%, cover;
}
h1 span {
    font-size: 53px;
}
.indi img{
    max-width: 150px;
    width: 100%;
    height: auto;
}
.banner .indi{
    min-width: 205px;
    padding: 10px;
}
p{
    font-size: 15px;
    line-height: 25px;
}
h2 {
    font-size: 40px;
    font-weight: bold;
    line-height: 50px;
}
.second-tab .nav-link img{
    width: 38px;
        padding: 5px;
}
.box1{
    width: 50%;
    padding: 50px;
}
.box2{
    width: 50%;
    padding: 50px;
    left: -30px;
    top: 10px;
}
.box3{
    width: 50%;
    padding: 50px;
}
.box4{
    width: 50%;
    padding: 50px;
}
.off {
    position: relative;
    margin-top: 0px;
}
.caro-hover {
    left: 15%;
}

.stack .nav-link{
    font-size: 17px;
}
/*.caro1,.caro2,.caro3,.caro1{
    height: 100vh;
}*/
/*.inner{
    margin-bottom: 110px;
}*/
.banner{
    min-height: 100vh;
}
    .carousel-indicators {
        bottom: 70px;
        transform: scale(0.8);
    }
.caro3{
    background-position: right top;
}
}
@media (max-width:1280px){
        h1 {
        font-size: 55px;
        font-weight: bold;
        line-height: 55px;
    }
    h1 span {
        font-size: 45px;
    }
}
@media(max-width: 768px){
        h1 {
        font-size: 30px;
        font-weight: bold;
        line-height: 37px;
    }
    h1 span{
        font-size: 30px;
    }
    body{
        overflow-x: hidden;
    }
    .f120 {
    font-size: 40px;
    font-weight: 400;
}
    .inner {
    padding: 20px;
}
.caro1,.caro2,.caro3,.caro4{
    background-image: none;
}
.carousel-indicators{
    overflow: inherit;
}
.indi img{
    max-width: 100px;
}
h2 {
        font-size: 25px;
        font-weight: bold;
        line-height: 35px;
    }
    .second-tab .nav-pills{
        flex-direction: row !important;
    overflow: auto;
    flex-wrap: nowrap;
    }
    .second-tab .nav-link{
        min-width: 280px;
        margin-right: 5px;
    }
    .redblur{
        min-height: 40vh;
    }
       .redblur h3 {
        font-size: 20px !important;
        line-height: 30px;
    }
    .box1,.box2,.box3,.box4{
        width: 100%;
        padding: 40px;
        border-radius: 10px;
        left: 0;
        top: 0;
        margin-top: 20px;
    }
    .box1 .d-flex,.box2 .d-flex,.box3 .d-flex,.box4 .d-flex{
        display: block !important;

    }
    .box1 .d-flex img,.box2 .d-flex img,.box3 .d-flex img,.box4 .d-flex img{
        width: 50px;
        margin-bottom: 10px;
    }
    .caro-hover{
    height: 50px;
    display: flex;
    align-self: center;
    justify-content: center;
    }
    .blog-box{
        display: block !important;
    }
    .second-tab{
        padding-top: 80px;
    position: relative;
    overflow-x: hidden;
    }
    .carousel-track {
            display: flex;
            gap: 20px; /* Space between items */
            min-width: 100%;
            animation: scroll 40s linear infinite;
            position: absolute;
            overflow-x: hidden;
            top: 0;
            left:0;
        }
         @keyframes scroll {
            from {
                transform: translateX(0);
            }
            to {
                transform: translateX(-100%);
            }
        }
        .main-stack{
            position: relative;
    padding-top: 180px;
    overflow-x: hidden;
        }
        .stack{
            display: flex;
            min-width: 100%;
            animation: scroll 40s linear infinite;
            position: absolute;
            overflow: hidden;
            top: 0;
            left:0;
        }
        .hid-sec{
            overflow-x: hidden;
        }
        .stack .nav-pills{
            flex-direction: row !important;
        flex-wrap: nowrap;
        gap:10px;
        }
        .stack .nav-link {
        font-size: 17px;
        min-width: 250px;
    }
    .carousel-indicators {
        bottom: 150px;
        transform: scale(0.4);
    }
.banner .indi{
    min-width: 154px;
}
.inner{
    text-align: center;
}
.banner{
    align-items: self-start;
}
       .ban-vid {
        display: none;
    }
    .caro1,.caro2,.caro3,.caro4{
        background: #000;
    }
    .mo-img{
        position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    }
}