:root {
        --cards: 4;
        --cardHeight: 87vh;
        --cardTopPadding: 1.5em;
        --cardMargin: 4vw;
    }

    #cards {
        list-style: none;
        padding-left: 0;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(var(--cards), var(--cardHeight));
        gap: var(--cardMargin);
        padding-bottom: calc(var(--cards) * var(--cardTopPadding));
        margin-bottom: var(--cardMargin);
    }

    #card1 {
        --index: 1;
    }

    #card2 {
        --index: 2;
    }

    #card3 {
        --index: 3;
    }

    #card4 {
        --index: 4;
    }

    .cardcust {
        position: sticky;
        top: 0;
        padding-top: calc(var(--index) * var(--cardTopPadding));
    }

    /* #card1 .cardbody {
        background-color: Blue;
    }

    #card2 .cardbody {
        background-color: Green;
    }

    #card3 .cardbody {
        background-color: Black;
    } */

    .cardbody {
        height: var(--cardHeight);
        display: flex;
        justify-content: center;
        align-items: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

.greytxt {
	color:#656565;
}

.txt-pink {
	color:#FF7E72;
}

.link-tag-purple {
	color:#7327CC;
}

.link-tag-purple:hover {
	color:#7327CC;
}

.bg-lpink {
	background-color:#F7D8D5;
	padding: 2px 10px;
	border-radius:100px;
}

.bg-dpink {
	background-color:#FF7E72;
	color:#000044;
	padding: 2px 10px;
	border-radius:100px;
}

.dividerline {
	background-color:#E0E0E0;
}

.sec-box-size {
	margin-right: 60px;
    margin-left: 60px;
	width:auto;
}

.owl-home-banner {
	min-height: 720px;
}

.banner-home {
	min-height: 720px;
	position:relative;
	background-image:url(../../../vi/images/home/hero-bg-new.png);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.home-bg-cont {
	padding-top:150px;
	position: relative;
    z-index: 1;
}

.home-bg-cont h5 {
	line-height:30px;
}

.banner-img-tag {
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
	min-width: 100%;
}

.left-client-logo {
	border-right:1px solid #979696;
	display: flex;
    flex-direction: column;
    justify-content: center;
}

.sec-tabs-box-main {
	background-color:#E1F0E3;
	border-radius: 100px;
	padding-top: 80px;
	overflow:hidden;
}

.sec-tabs-box-main .sec-title-div h5{
	color:#609967;
}

.sec-tabs-box-main .sec-title-div a {
	color:#7327CC;
}

.sec-tabs-box-main .sec-title-div a:hover {
	color:#7327CC;
}

.sec-tabs-box-main .tablinks {
	overflow-x: auto;
    overflow-y: hidden;
}

.sec-tabs-box-main .tablinks::-webkit-scrollbar {
  width: 0px;
	height:0px;
}

/* Track */
.sec-tabs-box-main .tablinks::-webkit-scrollbar-track {
  background: transparent;
}

/* Handle */
.sec-tabs-box-main .tablinks::-webkit-scrollbar-thumb {
  background: transparent;
}

/* Handle on hover */
.sec-tabs-box-main .tablinks::-webkit-scrollbar-thumb:hover {
  background: transparent;
}

.sec-tabs-box-main .nav-tabs {
	justify-content: center;
	border-bottom:0px;
	width: max-content;
	margin:auto;
}

.sec-tabs-box-main .tab-content {
	background-color:#EAF2EB;
}

.sec-tabs-box-main .nav-tabs .nav-item{
	padding: 0px 20px;
}

.sec-tabs-box-main .nav-tabs .nav-link {
	border-width:0px 0px 4px 0px;
	padding:14px 0px;
	font-size:14px;
	font-weight:700;
	color:#000044;
	opacity:40%;
}

.sec-tabs-box-main .nav-tabs .nav-link:hover {
	border-color:transparent;
}

.sec-tabs-box-main .nav-tabs .nav-link.active {
	border-color:#609967;
	background-color:transparent;
	opacity:100%;
}

.sec-tabs-box-main .contbox {
	padding:70px 0px 65px;
}

.sec-tabs-box-main .cont-inner-left{
	padding:0px 20px 0px 100px;
}

.sec-tabs-box-main .cont-inner-left .box-icon{
	padding:10px 0px;
	line-height: 24px;
}

.sec-tabs-box-main .cont-inner-left .box-icon h5{
	margin-bottom:5px;
	line-height: 24px;
}

.sec-tabs-box-main .cont-inner-left .box-icon p a {
	color:#7327CC;
}

.sec-tabs-box-main .imgbox-right {
/* 	background-color:#D9D9D9;
	border-top-left-radius:51px;
	border-bottom-left-radius:51px;
	margin-left: 30px; */
	text-align:right;
}

.sec-tabs-box-main .imgbox-right img {
	margin-top: -35px;
}

.box-icon .iconimg{
	margin-top:-5px;
}

.sec-tabs-box-two {
	background-color:#EADFF6;
}

.sec-tabs-box-two .sec-title-div h5{
	color:#7327CC;
}

.sec-tabs-box-two .tab-content {
	background-color:#EFE9F5;
}

.sec-tabs-box-two .nav-tabs .nav-link.active {
	border-color:#7327CC;
}

.sec-tabs-box-two .imgbox-right {
	margin-left:0px;
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;
	border-top-right-radius:51px;
	border-bottom-right-radius:51px;
}

.sec-tabs-box-two .cont-inner-left {
    padding: 0px 100px 0px 20px;
}

.result-sec-main-home .percent-data-sec{
	background-image:none;
	background-color:#000044;
	padding: 30px 90px 32px;
}

.result-sec-main-home .each-dper h5 {
	color:#BE87FF;
}

.sec-add-ons {
	background-color:#F5EEEE;
	border-radius: 100px;
    padding: 50px;
	overflow:hidden;
}

.sec-add-ons .left-box-inner{
    height: 100%;
	position:relative;
	z-index:9;
}

.sec-add-ons .left-box-inner .white-box-inner{
	background-color:#FFFFFF;
	height:100%;
	border-radius:47px;
	padding:30px;
	box-shadow: 8px 0px 20px rgba(0, 0, 0, 0.05);
	display: flex;
	flex-direction:column;
}

.cont-wb {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.sec-add-ons .left-box-inner:before {
	content: "";
    background-color: #FF7E72;
    position: absolute;
    top: -50px;
    bottom: 0px;
    left: -60px;
    right: 0;
    height: calc(100% + 100px);
    width: 100%;
	border-top-left-radius:100px;
	border-bottom-left-radius:100px;
	z-index:-1;
}

.sec-add-ons .each-add {
	line-height:24px;
}

.sec-add-ons .each-add .iconlogo {
	margin-left: -5px;
    margin-bottom: 10px;
}

.sec-add-ons .each-add p{
	color:#656565;
}

.sec-add-ons .cta-box {
	background-color:#F6E3E2;
	margin-left: -85px;
    margin-bottom: -50px;
    margin-right: -50px;
	padding: 40px 80px 40px;
}

.sec-add-ons .act-btn {
	display: flex;
    width: max-content;
    align-items: center;
    justify-content: center;
    padding: 0px 25px;
	color: #FF7E72;
	background-color:#FAF0F0;
	border:2px solid #FF7E72;
	border-radius:4px;
	text-decoration:none;
	height:56px;
	font-weight:600;
}

.home-video-slider .video-cont-sec-cont{
	background-color:transparent;
	border-radius:0px;
}

.home-video-slider .owl-carousel .owl-stage {
	height:300px;
}

.home-video-slider .item {
	height:100%;
}

.home-video-slider .video-slide-each {
	background-color:#FAFAFA;
	border-radius: 24px;
    overflow: hidden;
	height: 100%;
}

.home-video-slider .video-slide-each.withoutvideo-div {
	max-width:300px;
}

.home-video-slider .video-slide-each.withvideo-div{
	max-width:600px;
}

.home-video-slider .cont-video-div {
	color:#000044;
	padding: 30px 30px 20px;
	height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.home-video-slider .cont-video-div h4 {
	font-size:18px!important;
	line-height:24px;
	font-weight: 400;
}

.home-video-slider .cont-video-div .profession-tag {
	color:#979696;
}

.home-video-slider .cont-video-div .vid-detail {
	/*min-height: 120px;*/
	display: flex;
    flex-direction: column;
    /*justify-content: end;*/
}

/* .home-video-slider .item {
	width:max-content:
	margin-left:auto;
	margin-right:auto;
} */

.ply-video-div .btn-ply {
	left:unset;
	top:unset;
	margin-right: 8px;
    margin-bottom: 8px;
}

.learn-more-div-bg {
	padding: 100px 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 90px;
	min-height:100vh;
}

.learn-more-div-bg .learn-more-div {
	position:unset;
	padding: 0px 70px;
}

.home-video-slider .video-slide-each .ply-video-div{
	min-width:240px;
}

.home-video-slider .owl-dots {
	display:none;
}

.book-homebtn {
	width:max-content;
}

.book-homebtn .hubspot-btn {
    background: transparent!important;
    border: 2px solid #ffffff;
    padding: 0px 58px!important;
}

.book-homebtn .hubspot-btn:hover {
	color: #BE87FF!important;
    border-color: #BE87FF!important;
}

.book-homebtn .hubspot-btn:focus {
	color: #BE87FF!important;
    border-color: #BE87FF!important;
}

.sec-add-ons .vid-div video{
	width: 170px;
    margin: -5px auto 0px;
    height: auto;
}

.sec-add-ons .vid-div video:hover {
	animation-play-state: paused;
}

.hero-bnrtag {
	margin-top:-60px;
	width:80% !important;
}

.banner-home {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

.dropdown-menu .megamenu-right h4.text-deep-purple {
	font-size:20px !important;
}

.dropdown-menu .megamenu-right p {
	font-size:16px;
}

.linkmegamenu {
	color:#7327CC;
	font-size:16px;
	float:right;
	text-decoration:none;
	font-weight:600;
	margin-top:10px;
}

.linkmegamenu:hover {
	color:#7327CC !important;
}

.megamenu-right .img-fluid {
	margin-bottom:60px !important;
}

.no-js .owl-carousel {
    display: block;
}

.owl-carousel.owl-loaded {
    display: block;
}

.carousel-indicators.hc-indicators {
	bottom:-50px;
}

.carousel-indicators.hc-indicators button {
	height:12px;
	width:12px;
	border-radius:30px;
	border: 1px solid transparent;
	opacity:1;
}

.carousel-indicators.hc-indicators button.active {
	background-color:#7327cc;
}

@media (min-width:1600px) {
	.learn-more-div-bg .learn-more-div {
		padding:0px;
	}
}

@media (min-width:1400px) {
/* 	.sec-box-size {
		max-width:1300px;
		margin-right:auto;
		margin-left:auto;
	} */
	.sec-add-ons .vid-div video {
		width:190px;
	}
	.learn-more-div-bg {
		margin-left: 70px;
    	margin-right: 70px;
		display:flex;
		align-items: center;
		padding:200px 0px;
	}
	.cardcust {
		padding-top:0px;
	}
	.cardbody {
		height:unset;
	}
	.learn-more-main {
		padding:0px;
	}
	.learn-more-div-bg {
		border-radius: 150px;
	}
}

@media (min-width:1200px) {
	.vid-div {
		border-top: 1px solid #E0E0E0;
    	padding-top: 50px;
	}
	.solutions-megamenu a:first-child {
		display:none;
	}
}

@media (max-width:1199px) {
	.sec-tabs-box-main .contbox {
		padding: 60px 60px 60px;
	}
	.sec-tabs-box-main .cont-inner-left {
		padding: 0px;
	}
	.sec-tabs-box-main .imgbox-right {
		margin-left:0px;
		margin-top:40px;
		border-radius: 51px;
	}
	.sec-tabs-box-main .imgbox-right img {
		border-bottom-right-radius:51px;
	}
	.sec-tabs-box-two .imgbox-right img {
		border-radius: 51px;
		margin-top: 40px;
	}
	.sec-add-ons .left-box-inner:before {
		width: calc(100% + 110px);
		border-bottom-left-radius: 0px;
		height: calc(100% - 15px);
	}
	.sec-add-ons .left-box-inner .white-box-inner {
		display:flex;
		align-items:center;
		flex-direction: row;
	}
	.result-sec-main-home .percent-data-sec {
		border-radius:100px;
	}
	.result-sec-main-home .percent-data-sec .each-dper {
		padding:20px 0px;
	}
}

@media (max-width:991px) {
	.owl-home-banner {
		min-height: 680px;
	}
	.banner-home {
		min-height: 680px;
	}
	.sec-add-ons .cta-box {
		padding: 40px 60px 40px;
	}
}

@media (max-width: 767px) {
	.sec-box-size {
		margin-right: 20px;
		margin-left: 20px;
	}
	.sec-tabs-box-main {
		padding-top:60px;
	}
	.sec-tabs-box-main .contbox {
    	padding: 40px 40px 40px;
	}	
}

@media (max-width:567px) {
	.hero-bnrtag {
		width:100%;
	}
	.bg-lpink {
		display:inline-block;
	}
	.sec-box-size {
		margin-right: 12px;
		margin-left: 12px;
	}
	.sec-tabs-box-main .contbox {
		padding: 30px 20px 40px;
	}
	.sec-add-ons {
		border-radius: 50px;
    	padding: 30px;
	}
	.sec-add-ons .cta-box {
		padding: 30px 80px 50px;
	}
	.sec-add-ons .cta-img-box img{
		margin-left: -6px;
    	margin-bottom: 15px;
	}
	.sec-add-ons .left-box-inner .white-box-inner {
		flex-direction:column;
		align-items:start;
	}
	.cont-wb {
		gap: 12px;
		margin-top: 15px;
	}
	.sec-add-ons .left-box-inner .white-box-inner {
		padding:20px;
	}
	.sec-tabs-box-main {
    	border-radius: 50px;
		padding-top: 40px;
	}
	.sec-tabs-box-main .sec-title-div {
		padding:0px 15px;
	}
	.learn-more-div-bg {
		padding: 30px 0px 40px;
		border-radius: 50px;
	}
	.learn-more-div-bg .learn-more-div {
		position: unset;
		padding: 0px 40px;
	}
	.learn-more-div .button-lm {
		padding: 0px 0px;
    	width: 100%;
        justify-content: center;
	}
    .book-homebtn {
    	width: 100%;
    }
	.book-homebtn .hubspot-btn {
		padding: 0px 0px!important;
    	width: 100%!important;
        justify-content:center;
	}
	.result-sec-main-home .percent-data-sec {
		padding: 30px 30px 32px;
	}
/* 	.home-video-slider .video-slide-each .ply-video-div{
		min-width:110px;
	} */
	.sec-add-ons .vid-div {
		flex-direction:column;
	}
	.home-video-slider .cont-video-div h4 {
		font-size:16px!important;
	}
/* 	.home-video-slider .cont-video-div h4 {
		min-height:150px;
	}
	.home-video-slider .cont-video-div .vid-detail {
		min-height:140px;
	} */
}