/*common style for all pages starts here*/
:root{
/*	--bs-primary: #008cff;*/
	--bs-primary: #0077DB;
	--bs-primary-hover: #006ac0;
	--bs-primary-focus: #005aa3;
/*	--bs-link-color: #008cff;*/
	--bs-link-color: #0077DB;
	--bs-link-hover-color: #006ac0;
	--bs-btn-hover-color: #ffffff;
	--bs-btn-hover-bg: #006ac0;
	--bs-btn-hover-border-color: #006ac0;
	--bs-body-color: #2E2E2E;
	--bs-white-color: #ffffff;
	--bs-navbar-color: rgba(0, 0, 0);
}
*{
	font-family: Verdana,Geneva,sans-serif;
	transition: .3s;
	color: var(--bs-body-color);
}
/* width */
::-webkit-scrollbar {
	width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
	background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #888;
	border-radius: 8px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: var(--bs-primary);
}
.c-pointer{ cursor: pointer !important; }
.btn:hover {
	color: var(--bs-btn-hover-color);
	background-color: var(--bs-btn-hover-bg) !important;
	border-color: var(--bs-btn-hover-border-color) !important;
}
.btn:focus {
	color: var(--bs-btn-hover-color);
	background-color: var(--bs-primary-focus) !important;
	border-color: var(--bs-primary-focus) !important;
}
.btn-primary {
	--bs-btn-color: var(--bs-btn-hover-color);
	--bs-btn-bg: var(--bs-primary);
	--bs-btn-border-color: var(--bs-primary);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--bs-primary-hover);
	--bs-btn-hover-border-color: var(--bs-primary-hover);
	--bs-btn-focus-shadow-rgb: 49,132,253;
	--bs-btn-active-color: var(--bs-btn-hover-color);
	--bs-btn-active-bg: var(--bs-primary-hover);
	--bs-btn-active-border-color: var(--bs-btn-hover-color);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: var(--bs-btn-hover-color);
	--bs-btn-disabled-bg: var(--bs-primary);;
	--bs-btn-disabled-border-color: var(--bs-primary);
}
.scroll-to-top{
	position: fixed;
	display: none;
	bottom: 2rem;
	right: 2rem;
	background: var(--bs-primary);
	aspect-ratio: 1 / 1;
	padding: 0.5rem 0.75rem;
	border-radius: 0.375rem;
	box-shadow: 0px 6px 5px #0000003d;
}
.scroll-to-top:hover{
	background: var(--bs-primary-hover);
}
.scroll-to-top:focus{
	background: var(--bs-primary-focus);
}
.scroll-to-top i{
	font-size: 2rem;
	color: #fff;
}
.animation{
	opacity: 0;
}
.animation.show{
	opacity: 1;
}
.justify{text-align: justify;}
#FormSuccessAlert{
	position: fixed;
    bottom: 1rem;
    right: 1rem;
}
.has-error{
	border-color: #ff6767 !important;
}
.form-error-label{
	position: absolute;
    font-size: .8rem;
    color: #ff6767;
}
#formResponse{
	z-index: 1000;
}
/*common style for all pages ends here*/


/*==================================================================================================*/

/*navigation style starts here*/
.nav-link{color: #000}
.bg-light{
	background-color: #fff !important;
}
#dsk-nav{
	box-shadow: 0px 5px 10px #0000001a;
}
#dsk-nav .navbar-brand{
	width: 10rem;
}
#dsk-nav .navbar-brand img{
	width: 100%;
	height: auto;
}
#dsk-nav .navbar-nav .nav-item a.btn{
	margin-left: 1rem;
}
#dsk-nav .navbar-nav .nav-link.active, .navbar-nav .show>.nav-link{
	position: relative;
	color: var(--bs-primary);
}
#dsk-nav .nav-link:focus, .nav-link:hover, .navbar-nav .nav-item.dropdown:hover, .navbar-nav .nav-item.dropdown:hover .nav-link, #mbl-nav .nav-link:hover{
	color: var(--bs-primary-hover);
}
#dsk-nav .dropdown-toggle::after{
	transition: .3s;
}
#dsk-nav  .navbar-nav .nav-item.dropdown:hover .dropdown-toggle::after{
	transform: rotate(-180deg);
}
#dsk-nav .navbar-nav .nav-link.active:before, .navbar-nav .show>.nav-link:before{
	content: "";
	width: 100%;
	height: 6px;
	background: var(--bs-primary);
	position: absolute;
	bottom: -60%;
	left: 0;
}
#dsk-nav .navbar-nav .nav-item.dropdown:hover .dropdown-menu{
	display: block;
}
#dsk-nav .navbar-nav .nav-item.dropdown .dropdown-menu:hover .nav-link{
	color: var(--bs-primary);
}
#dsk-nav .dropdown-menu{
	--bs-dropdown-padding-y: 1.3rem;
	--bs-dropdown-item-padding-y: 0.5rem;
	background: #fff !important;
	border: none !important;
	box-shadow: 0px 10px 10px #0000000a;
	padding-bottom: 0;
}
#dsk-nav .dropdown-item.active, #dsk-nav .dropdown-item:active{
	color: var(--bs-primary);
}
#dsk-nav .dropdown-item{
	position: relative;
	background: #fff !important;
	max-width: 20rem;
	white-space: normal;
	min-width: 15rem;
}
#dsk-nav .dropdown-item:before{
	content: "";
	width: 5px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: var(--bs-primary);
	opacity: 0;
	transition: .3s;
}
#dsk-nav .dropdown-item.active:before{
	content: "";
	width: 5px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: var(--bs-primary);
	opacity: 1;
	transition: .3s;
}
#dsk-nav .dropdown-item:hover:before{
	opacity: 1;
}
#dsk-nav .dropdown-item:focus, .dropdown-item:hover{
	color: var(--bs-primary);
}
#dsk-nav ul.dropdown-menu li:last-child{
	border-radius: 0 0 8px 8px;
	overflow: hidden;
}

#mbl-nav .navbar-brand{
	width: 10rem;
}
#mbl-nav .navbar-brand img{
	width: 100%;
	height: auto;
}
#mbl-nav .nav-link{
	color: #000;
	padding-left: 1rem;
}
#mbl-nav .m-active{
	position: relative;
	color: var(--bs-primary);
}
#mbl-nav .m-active:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 5px;
	height: 100%;
	background: var(--bs-primary);
}
#mbl-nav .offcanvas-body{
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
#mbl-nav .navbar-toggler:focus{
	border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
	box-shadow: none;
}
#mbl-nav .offcanvas-header{
	background: var(--bs-primary);
}
#mbl-nav .offcanvas-header-brand{
	width: 9rem;
}
#mbl-nav .offcanvas-header-brand img{
	width: 100%;
	height: auto;
}
#mbl-nav .dropdown-item{
	padding: 0.5rem 0 0.5rem 2rem;
}
#mbl-nav .nav-btn{
	background: var(--bs-primary);
	color: #fff;
	padding: 1rem;
	text-align: center;
	text-transform: uppercase;
}
#mbl-nav .nav-btn:hover{
	background: #0077d7;
	color: #fff;
}
/*navigation style ends here*/

/*slider style starts here*/
section#slider{
	position: relative;
}
section#slider:before{
	content: "";
	background-image: url(../assets/banner/home-banner-bg.svg), linear-gradient(315deg, #008cff0f, #008cff00);
	position: absolute;
	width: 100%;
	height: 100%;
	background-position-x: right;
	background-position-y: bottom;
	background-size: 50%, 100%;
	background-repeat: no-repeat;
	z-index: -1;
}
section#slider:after{
	content: "";
	position: absolute;
	width: 100%;
	height: 5rem;
	background-image: linear-gradient(0deg, white, transparent);
	bottom: 0;
	left: 0;
	z-index: -1;
}
#slider img{
	width: 100%;
	height: auto;
	max-height: 28.5rem;
	animation-name: up-down-animation;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: ease-in-out;
}
@keyframes up-down-animation {
	from {transform: translateY(0rem);}
	to {transform: translateY(1rem);}
}
#slider .banner-text-container{
	display: flex;
	flex-direction: column;
	align-content: space-around;
	padding-top: 5rem;
}
#slider .small-heading{
	background: var(--bs-primary);
	max-width: fit-content;
	padding: 0.5rem 1.5rem;
	border-radius: 1.5rem;
	text-align: center;
	color: #fff;
	margin-bottom: 1.5rem;
}
#slider .main-heading{
	font-weight: bold;
	margin-bottom: 1.5rem;
	font-size: 2.5rem;
	line-height: 1.25;
	text-transform: capitalize;
}
#slider .main-heading .blue{
	color: var(--bs-primary);
}
span.rotating-words{
	overflow: hidden;
}
span.rotating-words span{
	padding-left: .75rem;
	height: 100%;
	display: block;
	animation: spin_words 6s infinite;
	animation-direction: alternate;
	animation-delay: 2s;
}
@keyframes spin_words{
	0%{transform: translateY(0%);}
	10%{transform: translateY(-112%);}
	25%{transform: translateY(-100%);}
	35%{transform: translateY(-212%);}
	50%{transform: translateY(-200%);}
	60%{transform: translateY(-312%);}
	75%{transform: translateY(-300%);}
	85%{transform: translateY(-412%);}
	100%{transform: translateY(-400%);}
}
#slider .banner-desc{
	margin-bottom: 2rem;
}
#slider a.btn{
	width: fit-content;
}
/*slider style ends here*/

section#three-step-strategy .tst-item-container{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0 3rem;
	text-align: center;
}
section#three-step-strategy .tst-item-container .number{
	font-size: 4rem;
	font-weight: bold;
	color: #f0f0f0;
	line-height: 1.3;

}
section#three-step-strategy .tst-item-container .heading{
	font-size: 1rem;
	font-weight: bold;
	margin-bottom: 1rem;
	color: var(--bs-primary);
}
section#clients{
	background: #FAFAFA;
	padding: 1rem 0;
}
section#clients img{
	max-width: 100%;
	height: auto;
	filter: grayscale(100%);
}
section#clients img:hover{
	filter: grayscale(0%);
}
.page-heading-container{
	display: flex;
	flex-direction: column;
}
.page-heading-container.center{
	align-items: center;
	text-align: center;
}
.page-heading-container .page-heading{
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 0;
}
.blue{
	color: var(--bs-primary);
}
.page-heading-container:after{
	content: "";
	width: 4rem;
	height: 5px;
	background: #E8E8E8;
	margin-top: 0.5rem;
}
.single-service-container{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 2rem 2rem;
	text-align: center;
	margin: .5rem;
	box-shadow: 0 0 10px #0000000f;
	border-radius: 8px;
	position: relative;
}
.single-service-container a.link{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.single-service-container img{
	width: 4rem;
	height: auto;
}
.single-service-container h3.heading{
	font-size: 1.25rem;
	margin: 1rem 0;
}
.single-service-container .service-btn{
	position: absolute;
	bottom: -3rem;
	padding: 0.5rem 2rem;
	border-radius: 8px;
	background: var(--bs-primary);
	border: none;
	color: #fff;
	opacity: 0;
	transition: .3s;
}
.single-service-container .service-btn i{
	color: #fff;
}
.single-service-container:hover{
	transform: translateY(-1rem) !important;
	box-shadow: 0 0 15px #00000017;
}
.single-service-container:hover .service-btn{
	opacity: 1;
	transform: translateY(-1.5rem);
}
.single-service-container:hover h3.heading{
	color: var(--bs-primary);
}
.center-align{
	display: flex;
	justify-content: center;
}
.btn i{
	color: inherit;
}
section#about{
	background: #FAFAFA;
}
section#about .video-container{
	background: white;
	aspect-ratio: 16 / 9;
	margin-right: 2rem;
	overflow: hidden;
	border-radius: 8px;
	box-shadow: 0 0 10px #0000001a;
	display: flex;
    align-items: center;
    justify-content: center;
}
section#about .video-container img{
	width: 60%;
}
section#testimonial .single-testimonial-container{
	box-shadow: 0 0 10px #0000000f;
	border-radius: 8px;
	padding: 2rem;
	display: flex;
	flex-direction: column;
	margin: 0.25rem;
	align-items: center;
    text-align: center;
}
section#testimonial .single-testimonial-container img.client-logo{
	width: 5rem;
	height: auto;
	margin-bottom: 1.5rem;
}
section#testimonial .single-testimonial-container p.client-name{
	position: relative;
}
section#testimonial .single-testimonial-container p.client-name:after{
	content: "";
	width: 2rem;
	height: 5px;
	background: var(--bs-primary);
	position: absolute;
	bottom: -1rem;
    left: calc(50% - 1rem);	
}
.owl-theme .owl-dots .owl-dot span{
	background: #008cff26 !important;
}
.owl-theme .owl-dot.active span{
	background: #008cff !important;
	width: 25px !important;
}
section#contact-us{
	background-image: url(../assets/footer-form-bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position-y: bottom;
	background-position-x: center;
}

/*form style start here*/
.form-control, .form-select{
	line-height: 2;
	border: 2px solid #ced4da;
}
.form-control::placeholder, .form-control:-ms-input-placeholder, .form-control::-ms-input-placeholder{
	color: #ced4da;
	opacity: 1;
}
.form-control:focus, .form-select:focus {
	border-color: #86b7fe;
	box-shadow: none;
}
.btn{
	line-height: 2 !important;
	--bs-btn-padding-x: 1.25rem;
}
/*form style ends here*/

footer{
	background: #001F39;
	color: #fff;
	padding: 3rem 0 1rem 0;
}
footer ul.footer-list{
	list-style: none;
	padding-left: 0;
}
footer ul.footer-list li a{
	color: #D9D9D9;
	text-decoration: none;
	line-height: 2.25;
}
footer ul.footer-list li a:hover{
	color: #fff;
}
footer ul.footer-list li a:focus{
	color: #fdfdfd8f;
}
footer .footer-right-container{
	display: flex;
	flex-direction: column;
}
footer .footer-right-container img.footer-logo{
	width: 10rem;
	height: auto;
	opacity: .9;
}
footer .footer-right-container .subscribe-form button.btn-primary{
	background: var(--bs-primary);
	color: #fff;
}
footer .footer-right-container .subscribe-form button.btn-primary.disabled{
	background: #E8E8E8;
	color: #2E2E2E;
	border-color: #E8E8E8;
}
footer .footer-right-container .follow-links-container{
	display: flex;
	flex-direction: row;
	align-items: center;
}
footer .footer-right-container .follow-links-container p{
	color: #D9D9D9;
	margin-right: 1rem;
	margin-bottom: 0;
}
footer .footer-right-container .follow-links-container a{
	width: 2rem;
	aspect-ratio: 1 / 1;
	margin: 0 0.5rem;
}
footer .footer-right-container .follow-links-container img{
	width: 100%;
	opacity: .8;
	height: auto;
}
footer .footer-right-container .follow-links-container img:hover{
	opacity: 1;
}
section#footer-ribbon{
	background: #001F39;
	padding: 0.5rem;
	border-top: 1px solid #ffffff3d;
}
section#footer-ribbon .footer-ribbon-containter{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
section#footer-ribbon .footer-ribbon-containter ul{
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}
section#footer-ribbon .footer-ribbon-containter ul.left li{
	color: #fffc;
}
section#footer-ribbon .footer-ribbon-containter ul.right{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
section#footer-ribbon .footer-ribbon-containter ul.right li:first-child{
	border-right: 1px solid #fffc;
}
section#footer-ribbon .footer-ribbon-containter ul.right li a{
	text-decoration: none;
	color: #fffc;
	padding: 0 0.5rem;
}
/*=====================================================================================================*/

/*responsive style starts here*/

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px){
	#dsk-nav.navbar-expand-lg .navbar-nav .nav-link{
		padding-right: 1rem !important;
		padding-left: 1rem !important;
	}
	#dsk-nav.navbar-expand-lg .navbar-nav .nav-link.nav-btn{
		background: var(--bs-primary);
		color: #fff;
		border-radius: 8px;
		margin-left: 1rem;
	}
	#dsk-nav.navbar-expand-lg .navbar-nav .nav-link.nav-btn:hover{
		background: #0077d7;
	}
}

@media only screen and (max-width: 992px){
	#dsk-nav{display: none;}
	#mbl-nav{
		position: -webkit-sticky;
		position: sticky;
	}
	#mbl-nav{
		box-shadow: 0px 5px 10px #00000021;
	}
	#slider .small-heading{
		margin-bottom: 1rem;
	}
	#slider .main-heading{
		margin-bottom: 1rem;
		font-size: 2rem;
	}
	#slider .banner-desc{
		margin-bottom: 1.5rem;
	}
	#slider .banner-text-container{
		display: flex;
		flex-direction: column;
		padding-top: 3rem;
		align-items: center;
		text-align: center;
	}
	#slider .col-lg-6:last-child{
		display: flex;
		justify-content: center;
	}
	#slider img {
		width: 60%;
		height: auto;
	}
	section#slider:before{
		background-image: url(../assets/banner/home-banner-bg.svg), linear-gradient(315deg, #008cff2e, #008cff00);
	}
}

/*`md` applies to small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
	section#about .video-container{
		width: 100%;
		margin-bottom: 2rem;
	}
	.page-heading-container{
		align-items: center;
	}
	section#about .about-desc{
		text-align: center;
	}
	.center{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	section#testimonial .single-testimonial-container{
		align-items: center;
		text-align: center;
	}
	section#testimonial .single-testimonial-container p.client-name{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	section#testimonial .single-testimonial-container p.client-name:after{
		left: auto;
	}
	.mbtn-fullwidth{width: 100%;}
}

/*`sm` applies to x-small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
	section#footer-ribbon .footer-ribbon-containter {
		display: flex;
		align-items: center;
		flex-direction: column;
	}
	section#footer-ribbon .footer-ribbon-containter ul.left{
		margin-bottom: 0.5rem;
	}
	footer .footer-right-container{
		align-items: center;
	}
}

/*responsive style ends here