.section-gap.ptb3 {padding-top: 8rem; padding-bottom: 3rem;}

@media (min-width: 1025px) and (max-width: 1180px)   { 

	.vlmenu > li { padding: 0px 6px !important;}
	.vlmenu > li > a, .vlmenu li li a, .btn, .btn.btn-sm { font-size: 14px; font-weight:800 !important; }
}

@media screen and (min-width: 320px) { 
	.app-header + .section-gap {padding-top: 5rem; padding-bottom: 3rem;}
	.app-header + .section-gap.inner { padding-top: 4rem; padding-bottom: 2rem; margin-bottom: 0;}

	.app-header + .section-gap.inner h2 {font-size: 1.25rem;}
	.app-header + .section-gap.inner .lead {font-size: 1rem; line-height: 1.25rem}
	.app-header + .section-gap.inner .btn {font-size: 0.8rem; }

	.blurb.about-col  br {display: none;}
}

@media screen and (min-width: 375px) { 
	.app-header + .section-gap {padding-top: 6rem; padding-bottom: 3.5rem;}
	.blurb.about-col  br {display: none;}
}

@media screen and (min-width: 412px) { 
	.app-header + .section-gap {padding-top: 6.5rem; padding-bottom: 4rem;}
	.blurb.about-col  br {display: none;}
}


@media screen and (min-width: 425px) { 
	.app-header + .section-gap {padding-top: 7rem; padding-bottom: 4rem; }
	.blurb.about-col  br {display: none;}
}

@media screen and (min-width: 480px) { 
	.app-header + .section-gap {padding-top: 8rem; padding-bottom: 5rem; }
	.blurb.about-col  br {display: none;}
}

@media screen and (min-width: 533px) { 
	.app-header + .section-gap {padding-top: 10rem; padding-bottom: 5rem; }
	.blurb.about-col  br {display: none;}
}

@media screen and (min-width: 565px) { 
	.app-header + .section-gap {padding-top: 8rem; padding-bottom: 8rem;}
	.font-size-60 {font-size: 2.2rem !important;}


	.app-header + .section-gap.inner h2 {font-size: 1.5rem;}
	.app-header + .section-gap.inner .lead {font-size: 1rem; line-height: 1.25rem}
	.app-header + .section-gap.inner .btn {font-size: 1rem; }

	.blurb.about-col  br {display: none;}

}

@media screen and (min-width: 576px) { 
	.app-header + .section-gap {padding-top: 8rem; padding-bottom: 8rem;}
	.font-size-60 {font-size: 2.2rem !important;}
}


@media screen and (min-width: 600px) { 
	.app-header + .section-gap {padding-top: 8rem; padding-bottom: 5rem;}
	.font-size-60 {font-size: 2.2rem !important;}

}

@media screen and (min-width: 640px) { 
	.app-header + .section-gap {padding-top: 7.5rem; padding-bottom: 4rem; margin-bottom: 3rem;}
	.font-size-60 {font-size: 2.2rem !important;}
}

@media screen and (min-width: 658px) { 
	.app-header + .section-gap {padding-top: 8rem; padding-bottom: 7rem;}
	.font-size-60 {font-size: 2.2rem !important;}
}

@media screen and (min-width: 712px) { 
	.app-header + .section-gap {padding-top: 10rem; padding-bottom: 6rem; margin-bottom: 5rem; }
	.font-size-60 {font-size: 2rem !important;}
}

@media screen and (min-width: 732px) { 
	.app-header + .section-gap {padding-top: 10rem; padding-bottom: 8rem;}
	.font-size-60 {font-size: 2.2rem !important;}
}

@media screen and (min-width: 768px) { 
	.app-header + .section-gap {padding-top: 12rem; padding-bottom: 12rem; margin-bottom: 2rem;}
	.font-size-60 {font-size: 2.2rem !important;}


	.app-header + .section-gap.inner h2 {font-size: 1.5rem;}
	.app-header + .section-gap.inner .lead {font-size: 1rem; line-height: 1.25rem}
	.app-header + .section-gap.inner .btn {font-size: 1rem; }

	.blurb.about-col  br {display: block !important;}

}

@media screen and (min-width: 767px) { 
	.app-header + .section-gap {padding-top: 10rem; padding-bottom: 6rem; margin-bottom: 6rem;}
	.font-size-60 {font-size: 2.2rem !important;}
}


@media screen and (min-width: 786px) { 
	.app-header + .section-gap {padding-top: 10rem; padding-bottom: 8rem;}
	.font-size-60 {font-size: 2.2rem !important;}
}


/*@media screen and (min-width: 769px) {
		section-full > .container > .row { 

			min-height: calc(1280px - 20.5rem * 2 - 5.8125rem) !important;

		}
}
*/

@media screen and (min-width: 800px) { 
	.app-header + .section-gap {padding-top: 7rem; padding-bottom: 7rem;}
	.font-size-60 {font-size: 2.2rem !important;}
}

@media screen and (min-width: 820px) { 
	.app-header + .section-gap {padding-top: 7rem; padding-bottom: 9rem; margin-bottom: 3rem;}
	.font-size-60 {font-size: 2.2rem !important;}
}

@media screen and (min-width: 853px) { 
	.app-header + .section-gap {padding-top: 7rem; padding-bottom: 9rem; margin-bottom: 5rem;}
	.font-size-60 {font-size: 2.2rem !important;}
}

@media screen and (min-width: 883px) { 
	.app-header + .section-gap {padding-top: 11rem; padding-bottom: 11rem;}
	.font-size-60 {font-size: 2.2rem !important;}
}

@media screen and (min-width: 892px) { 
	.app-header + .section-gap {padding-top: 8rem; padding-bottom: 16rem;}
	.font-size-60 {font-size: 2.2rem !important;}
}

@media screen and (min-width: 900px) { 
	.app-header + .section-gap {padding-top: 8rem; padding-bottom: 12rem; margin-bottom: 3rem;}
	.font-size-60 {font-size: 2.2rem !important;}
}

@media screen and (min-width: 912px) { 
	.app-header + .section-gap {padding-top: 11rem; padding-bottom: 10rem;}
	.font-size-60 {font-size: 2.2rem !important;}
}

@media screen and (min-width: 950px) { 
	.app-header + .section-gap {padding-top: 12rem; padding-bottom: 13rem;}
	.font-size-60 {font-size: 2.2rem !important;}
}

@media screen and (min-width: 960px) { 
	.app-header + .section-gap {padding-top: 10rem; padding-bottom: 12rem; margin-bottom: 4rem;}
	.font-size-60 {font-size: 2.2rem !important;}
}

@media screen and (min-width: 1024px) { 
	.app-header + .section-gap {padding-top: 14rem; padding-bottom: 8rem; margin-bottom: 6rem;}
	.font-size-60 {font-size: 2.2rem !important;}

	.app-header + .section-gap.inner { padding-top: 2rem; padding-bottom: 0; margin-bottom: 0;}
	.app-header + .section-gap.inner h2 {font-size: 1.5rem;}
	.app-header + .section-gap.inner .lead {font-size: 1rem; line-height: 1.25rem}
	.app-header + .section-gap.inner .btn {font-size: 1rem; }

}

@media screen and (min-width: 1025px) { 
	.app-header + .section-gap {padding-top: 18rem; padding-bottom: 14rem;}
	.font-size-60 {font-size: 2.2rem !important;}
	.app-header + .section-gap.inner { padding-top: 2rem; padding-bottom: 0; margin-bottom: 0;}
}

@media screen and (min-width: 1050px) { 
	.app-header + .section-gap {padding-top: 10rem; padding-bottom: 15rem; margin-bottom: 4rem;}
	.font-size-60 {font-size: 2.2rem !important;}
	.app-header + .section-gap.inner { padding-top: 2rem; padding-bottom: 0; margin-bottom: 0;}
}

@media screen and (min-width: 1080px) { 
	.app-header + .section-gap {padding-top: 10rem; padding-bottom: 16rem; margin-bottom: 4rem;}
	.font-size-60 {font-size: 2.2rem !important;}
	.app-header + .section-gap.inner { padding-top: 2rem; padding-bottom: 0; margin-bottom: 0;}
}

@media screen and (min-width: 1138px) { 
	.app-header + .section-gap {padding-top: 18rem; padding-bottom: 14rem;}
	.font-size-60 {font-size: 2.2rem !important;}
	.app-header + .section-gap.inner { padding-top: 2rem; padding-bottom: 0; margin-bottom: 0;}
}

@media screen and (min-width: 1139px) { 
	.app-header + .section-gap {padding-top: 18rem; padding-bottom: 15rem;}
	.font-size-60 {font-size: 2.2rem !important;}
	.app-header + .section-gap.inner { padding-top: 2rem; padding-bottom: 0; margin-bottom: 0;}
}

@media screen and (min-width: 1152px) { 
	.app-header + .section-gap {padding-top: 18rem; padding-bottom: 10rem; margin-bottom: 5rem;}
	.font-size-60 {font-size: 2.2rem !important;}
	.app-header + .section-gap.inner { padding-top: 2rem; padding-bottom: 0; margin-bottom: 0;}
}

@media screen and (min-width: 1199px) { 
	.app-header + .section-gap {padding-top: 18rem; padding-bottom: 16rem;}
	.font-size-60 {font-size: 2.2rem !important;}
	.app-header + .section-gap.inner { padding-top: 2rem; padding-bottom: 0; margin-bottom: 0;}
}

@media screen and (min-width: 1200px) { 
	.app-header + .section-gap {padding-top: 20rem; padding-bottom: 15rem;}
	.font-size-60 {font-size: 2.2rem !important;}
	.app-header + .section-gap.inner { padding-top: 2rem; padding-bottom: 0; margin-bottom: 0;}
}

@media screen and (min-width: 1249px)  { 
	.app-header + .section-gap {padding-top: 12rem; padding-bottom: 14rem;margin-bottom: 12rem;}
	.app-header + .section-gap.inner { padding-top: 2rem; padding-bottom: 0; margin-bottom: 0;}
	.font-size-60 {font-size: 3rem !important;}
}

@media screen and (min-width: 1280px)  { 
	.app-header + .section-gap {padding-top: 14rem; padding-bottom: 14rem;margin-bottom: 10rem;}
	.app-header + .section-gap.inner { padding-top: 2rem; padding-bottom: 0; margin-bottom: 0;}
	.font-size-60 {font-size: 3rem !important;}
}

@media screen and (min-width: 1281px)  { 
	.app-header + .section-gap {padding-top: 10rem; padding-bottom: 18rem; margin-bottom: 13rem;}
	.app-header + .section-gap.inner { padding-top: 2rem; padding-bottom: 0; margin-bottom: 0;}
	.font-size-60 {font-size: 3rem !important;}	
}

@media screen and (min-width: 1365px) { 
	.app-header + .section-gap {padding-top: 16rem; padding-bottom: 16rem; margin-bottom: 10rem;}
	.app-header + .section-gap.inner { padding-top: 2rem; padding-bottom: 0; margin-bottom: 0;}
	.font-size-60 {font-size: 3rem !important;}
}

@media screen and (min-width: 1400px) { 
	.app-header + .section-gap {padding-top: 14rem; padding-bottom: 14rem;margin-bottom: 16rem;}
	.app-header + .section-gap.inner { padding-top: 2rem; padding-bottom: 0; margin-bottom: 0;}
	.font-size-60 {font-size: 3rem !important;}

}

@media screen and (min-width: 1440px) { 
	.app-header + .section-gap {padding-top: 22rem; padding-bottom: 22rem;}
	.app-header + .section-gap.inner { padding-top: 2rem; padding-bottom: 0; margin-bottom: 0;}
	.font-size-60 {font-size: 3rem !important;}
}

@media screen and (min-width: 1500px) { 
	.app-header + .section-gap {padding-top: 23rem; padding-bottom: 23rem;}
	.app-header + .section-gap.inner { padding-top: 2rem; padding-bottom: 0; margin-bottom: 0;}
	.font-size-60 {font-size: 3rem !important;}
}

@media screen and (min-width: 1600px) { 
	.app-header + .section-gap {padding-top: 20rem; padding-bottom: 20rem; margin-bottom: 11rem;}
	.app-header + .section-gap.inner { padding-top: 2rem; padding-bottom: 0; margin-bottom: 0;}
	.font-size-60 {font-size: 3rem !important;}
}

@media screen and (min-width: 1680px) { 
	.app-header + .section-gap {padding-top: 20rem; padding-bottom: 20rem; margin-bottom: 14rem;}
	.app-header + .section-gap.inner { padding-top: 2rem; padding-bottom: 0; margin-bottom: 0;}
	.font-size-60 {font-size: 3rem !important;}
}

@media screen and (min-width: 1700px) { 
	.app-header + .section-gap {padding-top: 25rem; padding-bottom: 25rem; margin-bottom: 5rem;}
	.app-header + .section-gap.inner { padding-top: 2rem; padding-bottom: 0; margin-bottom: 0;}
	.font-size-60 {font-size: 3rem !important;}
}

@media screen and (min-width: 1920px) { 
	.app-header + .section-gap {padding-top: 24rem; padding-bottom: 24rem; margin-bottom: 16rem;}
	.app-header + .section-gap.inner { padding-top: 2rem; padding-bottom: 0; margin-bottom: 0;}
	.font-size-60 {font-size: 3.5rem !important;}
}


@media screen and (min-width: 2560px) { 
	.app-header + .section-gap {padding-top: 40rem; padding-bottom: 40rem;}
	.app-header + .section-gap.inner { padding-top: 2rem; padding-bottom: 0; margin-bottom: 0;}
	.font-size-60 {font-size: 3rem !important;}
}

/*Small devices (landscape phones, 576px and up)*/

@media screen and (max-width: 576px) { 

	.font-size-20 {font-size: 1rem !important;}
	.font-size-60 {font-size: 1.1rem !important;}
	.scroll-down span {font-size: 0.8rem !important;}
  
}

/* Mobile menu toggle enhancements */
@media (max-width: 1024px) {
	/* Ensure menu is hidden by default on mobile */
	nav#vl-menu .vlmenu {
		display: none;
		width: 100%;
		background: #333;
	}
	
	/* Show menu when toggled open */
	nav#vl-menu .vlmenu.menu-open {
		display: block !important;
	}
	
	/* Ensure hamburger is visible and clickable */
	.nav-btn.hamburger {
		display: block !important;
		position: relative;
		z-index: 9999;
		cursor: pointer;
	}
	
	/* Smooth transition for menu */
	.vlmenu {
		transition: all 0.3s ease-in-out;
	}
}

/* Extra mobile-specific fixes for below 575px */
@media (max-width: 575px) {
	.vlmenu > li > a {
		font-size: 14px !important;
		padding: 0 15px !important;
	}
	
	.vlmenu ul a {
		font-size: 13px !important;
	}
	
	/* Ensure contact button is visible in mobile menu */
	.vlmenu .btn.btn-sm.btn-pill.btn-theme {
		display: inline-block !important;
		margin: 10px 15px !important;
	}
}

.app-header.sticky-nav{background: #302E2E;padding: 10px 0;}
.vlmenu a {color: #fff;}
.owl-carousel.owl-drag .owl-item {margin-top: 80px;}

.mt30 .owl-carousel.owl-drag .owl-item {margin-top: 30px;}


.hamburger{width: 50px;height: 50px;text-align: center;}
.hamburger--slider .hamburger-inner {top: 20px;}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after,
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {background-color: #fff;}
.wa {width: 24px;}

@media (min-width: 1025px) {.app-header .navbar-brand {margin-top: -8px;}}

.vlmenu a i {padding-left: 6px; padding-right: 10px;font-size: 18px;line-height: 32px;}
/*.blurb img.clients-thumb{cursor: pointer;filter: grayscale(1);opacity: 1}
.blurb img.clients-thumb:hover {filter: initial;opacity: 1;}*/

.blurb img.clients-thumb{cursor: pointer;opacity: 1}
.vlmenu a i {position: relative;top: 3px;padding-left: 5px;line-height: 22px;}
/*.card-header:hover {cursor: pointer;}*/
/*[data-toggle="collapse"] {pointer-events: none;}*/
.font-size-12 {font-size: 12px !important;}
.alt1 .steps-solid, .alt1 .steps-dashed, .alt1 .steps-dashed-light {width:100px; height: 100px;line-height: 100px;}
.alt1 .steps-solid i, .alt1 .steps-dashed i, .alt1 .steps-dashed-light i {line-height: 100px;}
.alt1 .steps-solid .step-number, .alt1 .steps-dashed .step-number, .alt1 .steps-dashed-light .step-number {right: -15px;}
.alt1 .steps-solid:after, .alt1 .steps-dashed:after, .alt1 .steps-dashed-light:after {right: -85%;width: 60px;}

.about-inner {counter-reset: col_list}
.about-inner>* .about-col::before {top: -8px;}
.about-inner>* .about-col::before {counter-increment: col_list;content: counters(col_list, ".", decimal-leading-zero) " ";font-family: 'Circular Std';font-size: 5rem;line-height: .5;color: #000;-webkit-text-stroke: 3px #000;opacity: .08;position: absolute;top: 15px;left: 0;}
.about-col h3::before {content: '';position: absolute;top: -10px;left: 15px;width: 37px;height: 3px;background: linear-gradient(180deg, rgba(19, 74, 103, 0) 0, rgba(133, 162, 177, 0) .01%, rgba(245, 247, 248, 0) .02%, #fff 100%), linear-gradient(246.29deg, #006bfe -15.16%, #0031af -15.15%, #00b0de 120.09%);}
.nav.nav-group li:first-child a {border-radius: 50px 0 0 50px;}
.nav.nav-group li:last-child a {border-radius: 0 50px 50px 0;}
.card-inner {counter-reset: col_list; width: 100%;}
.card-inner>* h6::before {top: -8px;}
.card-inner>* h6::before {counter-increment: col_list;content: counters(col_list, ".", decimal-leading-zero) " ";font-family: 'Circular Std';font-size: 2rem;line-height: .5;color:#fff !important;;-webkit-text-stroke: 3px #000;opacity: .4;position: absolute;top: 20px;left: 25px;z-index: 1;}
.card-inner >* h6 {padding-left: 80px;background: #287dfe;}
.accordion .card-header a {border-radius:0 !important}
.vlmenu > li:hover > a > i {transition: 0.3s; transform: rotatex(180deg) !important;}

.vlmenu > li > a, .vlmenu li li a, .btn, .btn.btn-sm {font-family: 'Nunito', sans-serif;font-weight: 800;}
.btn, .btn.btn-sm, .scroll-down span {font-size: 16px;text-transform: capitalize;font-weight: 800;}
h6.uc {text-transform: uppercase;}

@media (max-width: 767px) {
	.border-right {border-right: none !important;}
	.about-inner>* .about-col::before {font-size: 3rem !important;}
	.btn.btn-sm {line-height: 3.6;}
}

@media (max-width: 767px) {

	.about-inner>* .about-col h3 {padding-left: 28px;}
    .about-inner>* .about-col::before {
        font-size: 1.3rem !important;
        font-weight: normal;
        top: 8px;
    	left: 15px;
    }
}