/* CSS Document */

:root {
	--si-btn-bg: #0c84e4;
	--si-navbar-hover-color: #0c84e4;
	--si-navbar-active-color: #0c84e4;
	--si-primary-rgb: 12, 132, 228;
	
}

.nav-tabs {
	--si-nav-tabs-link-active-bg: #0c84e4;
	--si-nav-tabs-link-hover-bg: rgba(12, 132, 228, 0.12);
	--si-nav-tabs-link-hover-color: #fff;
}

.dropdown-menu {
	--si-dropdown-link-hover-color: #0c84e4;
	--si-dropdown-link-active-color: #0c84e4;
}

.livechat-button {
	bottom: 16px !important;
}

#vy-sites span, .btn-scroll-top, .virtualdealer-widget {
	display: none !important;
}

.navbar {
    --si-navbar-color: rgba(255, 255, 255, 0.85);
    --si-navbar-hover-color: #0c84e4;
    --si-navbar-disabled-color: #9397ad;
    --si-navbar-active-color: #0c84e4;
}


.nav-link {
	--si-nav-link-hover-color: #0c84e4;
    --si-nav-link-active-color: #0c84e4;
}

.btn-prev, .btn-next {
	--si-carousel-nav-btn-hover-bg: #0c84e4;
	z-index: 9;
}

.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
	--si-offcanvas-width: 100%;
}

.offcanvas-body {
	padding: 0px;
}


.bg-secondary.rounded-circle img {
	filter: hue-rotate(-25deg);
}

.btn-primary {
    --si-btn-hover-color: #fff;
    --si-btn-active-color: #fff;
    --si-btn-hover-bg: #0c84e4;
    --si-btn-active-bg: #0c84e4;
    --si-btn-hover-border-color: #0c84e4;
    --si-btn-active-border-color: #0c84e4;
    --si-btn-disabled-color: #fff;
	
	--si-btn-bg: #0c84e4;
    --si-btn-border-color: #0c84e4;
	--si-btn-disabled-bg: #0c84e4;
    --si-btn-disabled-border-color: #0c84e4;
}

.btn-outline-primary {
    --si-btn-color: #0c84e4;
    --si-btn-hover-bg: #0c84e4;
    --si-btn-hover-border-color: #0c84e4;
    --si-btn-focus-shadow-rgb: 99, 102, 241;
    --si-btn-active-bg: #0c84e4;
    --si-btn-active-border-color: #0c84e4;
    --si-btn-disabled-color: #0c84e4;
}

.btn-outline-primary {
    --si-btn-border-color: #0c84e4;
    --si-btn-disabled-border-color: #0c84e4;
}


[data-bs-theme=dark] .btn-video {
	--si-btn-video-hover-bg: #0c84e4;
	--si-btn-video-hover-shadow: 0 0.5rem 1.125rem -0.5rem rgba(12, 132, 228, 0.9);
}

.navbar .btnLogin {
	color: var(--si-navbar-color);
}
.text-primary {
	color: #0c84e4 !important;
}

.navbar:not(.navbar-stuck) .navbar-brand img {
	filter: brightness(0) invert(1);
}

.navbar.navbar-stuck {
	--si-navbar-color: #33354d;
}

.navbar-toggler-icon, .navbar-toggler-icon::before, .navbar-toggler-icon::after {
	--si-navbar-toggler-color: rgba(255, 255, 255, 0.85);
}
		
.navbar-stuck .navbar-toggler-icon, .navbar-stuck .navbar-toggler-icon::before, .navbar-stuck .navbar-toggler-icon::after {
	--si-navbar-toggler-color: #33354d;
}



.bg-dark {
	background: rgb(0,15,37);
	background: linear-gradient(143deg, rgba(0,15,37,1) 1%, rgba(0,20,54,1) 85%);
}

#plan-comparison .bg-secondary {
	background: #f3f6ff !important;
}

.swiper-pagination {
	--si-carousel-pagination-bullet-active-bg: #0c84e4;
	--si-carousel-pagination-progressbar-fill-bg: #0c84e4;
}





#pricing .swiper-slide-active {
	--si-bg-opacity: 1;
	box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(99,102,241,.9) !important;
	border: none !important;
}

#pricing .swiper-slide-active .bg-light {
	background-color: rgba(var(--si-primary-rgb), var(--si-bg-opacity)) !important;
	border: none !important;
}

#pricing .swiper-slide-active .card-body, #pricing .swiper-slide-active .card-body .text-dark, #pricing .swiper-slide-active .card-body h3, #pricing .swiper-slide-active .card-body .text-muted, #pricing .swiper-slide-active ul, #pricing .swiper-slide-active i {
	color:#fff !important;
}

#pricing .swiper-slide-active .btn-outline-primary {
	background: #ececec;
	box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(11,15,25,.15) !important;
	color: #33354d;
}




@media (max-width: 991px) {
	
	header {
		z-index: 999999999 !important;
	}
	
	.dropdown-menu .feature-image img{
		display: none !important;
	}
	
	.offcanvas-body {
		overflow-x: hidden;
	}
	
	.navbar .offcanvas .nav-link {
		--si-nav-link-color: #33354d;
		font-weight: bold;
		display: block;
		padding: 1rem var(--si-offcanvas-padding-x);
		border-bottom: var(--si-border-width) var(--si-border-style) var(--si-border-color) !important;
	}
	
	
	.navbar .navbar-nav .dropdown-menu {
		margin-top: 0px;
	}
	
	.navbar .offcanvas .dropdown-item {
		padding: 0.6rem 1.5rem;
		font-weight: bold;
		font-size: 1rem;
		margin-left: 26px;
		border-left: var(--si-dropdown-border-wdth, 1px) solid var(--si-border-color);
	}
	
	.navbar .dropdown-toggle::after {
		float: right;
	}
	
	.mega-dropdown-column:first-of-type {
		margin-bottom: 1rem !important;
	}
	
	#pricing .rounded-end-0, #pricing .rounded-start-0 {
		border-radius: var(--si-border-radius-lg) !important;
	}
}