/* ----------------------------------------------------------------
site custom CSS values
-----------------------------------------------------------------*/

:root {
	--cnvs-themecolor: #00ABFF;
	--cnvs-themecolor-rgb: 0, 171, 255;
}

#header {
	--cnvs-header-bg: var(--cnvs-themecolor);
	--cnvs-primary-menu-hover-color: #FFF;
	--cnvs-primary-menu-submenu-hover-color: var(--cnvs-themecolor);
	--cnvs-primary-menu-font-size: 	0.9375;
	--cnvs-primary-menu-font-weight: 500;
}

#header.dark .primary-menu { border-top-color: rgba(255, 255, 255, .1); }

#header,
#header.dark:not(.transparent-header),
#header #header-wrap,
#header.dark.sticky-header:not(.transparent-header) #header-wrap:not(.not-dark) {
	background-color: var(--cnvs-header-bg);
}

#header.dark:not(.transparent-header) {
	border-bottom-color: rgba(255, 255, 255, .1);
}

#header.dark:not(.sticky-header) #header-wrap {
	border-top: 1px solid rgba(255, 255, 255, .1);
}

#header-wrap .header-buttons {
	margin-left: 1rem;
	padding-left: 1.5rem;
	border-left: 2px solid rgba(255, 255, 255, 0.4);
}

.header-extras li:not(:first-child) {
	border-left: 2px solid rgba(255, 255, 255, 0.2);
	padding-left: 30px;
	margin-left: 30px;
}

.header-extras.flex-column li:not(:first-child) {
	border-left: 0;
	padding-left: 0;
	margin-left: 0;
}

.header-extras li .he-text span { font-size: 15px; }
.header-extras li i { margin-top: 5px !important; }


@media (max-width: 992px) {
.blocks-faqs-3 .sticky-section { position: relative !important; }
}

.blocks-faqs-3 .faqs .toggle {
	background-color: #FFF;
	border-radius: 3px;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.085);
}

.blocks-faqs-3 .faqs .toggle-header {
	padding: 15px 20px;
	margin: 0;
}

.blocks-faqs-3 .faqs .toggle-content {
    border-top: 1px solid #EEE;
    padding: 20px 25px;
}

.feature-box-border-vertical .feature-box { position: relative; }
 .feature-box-border-vertical .feature-box:not(.noborder)::before,
  .feature-box-border-vertical .fbox-active.feature-box:not(.noborder)::after {
     content: "";
     position: absolute;
     top: 0;
     left: 35px;
     width: 3px;
     height: 100%;
     background-color: var(--bs-gray-200);
}

.feature-box-border-vertical .fbox-icon i,
 .feature-box-border-vertical .fbox-border.fbox-light .fbox-icon i {
     position: relative;
     z-index: 5;
     text-align: center;
     box-shadow: 0 0 0 6px #FFF;
     background-color: #FFF !important;
}

.feature-box-border-vertical .fbox-active.feature-box .fbox-icon i,
 .feature-box-border-vertical .fbox-active.feature-box .fbox-border.fbox-light .fbox-icon i,
  .feature-box-border-vertical .fbox-active.feature-box:not(.noborder)::after {
   background-color: var(--bs-secondary) !important;
   color:#FFF;
}

.block-tab-4 .nav-link {
 padding-top: 20px;
 padding-bottom: 20px;
 font-weight: 500;
 color: #222;
 transition: none;
}

.block-tab-4 .nav-link.active,
 .block-tab-4 .tab-pane {
  color: #fffff;
  background-color: #00ABFF;
}

.block-tab-4 .nav-link:nth-child(2).active,
 .block-tab-4 .tab-pane:nth-child(2) {
  background-color: #198fb0;
}

.block-tab-4 .nav-link:nth-child(3).active,
 .block-tab-4 .tab-pane:nth-child(3) {
  background-color: #b94d4d;
}

.block-tab-4 .nav-link:nth-child(4).active,
 .block-tab-4 .tab-pane:nth-child(4) {
  background-color: #5b5b5b;
}

.block-tab-4 .nav-link:nth-child(5).active,
 .block-tab-4 .tab-pane:nth-child(5) {
  background-color: #9513a3;
}