/* ----------------------------------------------------------------
	Canvas: Finance
-----------------------------------------------------------------*/

:root {
	--cnvs-themecolor: #442387;
	--cnvs-themecolor-rgb: 68, 35, 135;
	--cnvs-secondary-color: #E9C46A;
	--cnvs-secondary-color-rgb: 233, 196, 106;

	--cnvs-body-font: 'Manrope', sans-serif;
	--cnvs-primary-font: 'DM Serif Text', serif;
}

#header {
	--cnvs-primary-menu-font-weight: 500;
	--cnvs-primary-menu-font-size:	1rem;
	--cnvs-primary-menu-tt:	none;
	--cnvs-primary-menu-ls:	0;
	--cnvs-primary-menu-submenu-font-size:	0.875rem;
	--cnvs-primary-menu-submenu-font-weight:	400;
	--cnvs-primary-menu-submenu-hover-font-weight: 500;
	--cnvs-primary-menu-submenu-tt:	none;
}

#header {
	--cnvs-primary-menu-font: var(--cnvs-body-font);
	--cnvs-primary-menu-submenu-bg: var(--cnvs-themecolor);
	--cnvs-primary-menu-submenu-width: 250px;
	--cnvs-primary-menu-submenu-hover-bg: transparent;
}

.color-2,
.h-color-2:hover { color: var(--cnvs-secondary-color) !important; }

.bg-color-2,
.h-bg-color-2:hover { background-color: var(--cnvs-secondary-color) !important; }

#header.sticky-on-scrollup,
#header.sticky-on-scrollup #header-wrap {
	-webkit-transition: height .2s ease, opacity .2s ease, transform .2s ease;
	-o-transition: height .2s ease, opacity .2s ease, transform .2s ease;
	transition: height .2s ease, opacity .2s ease, transform .2s ease;
}

#header.sticky-on-scrollup.sticky-header-shrink:not(.show-sticky-onscroll) #header-wrap { transform: translate3d(0, -100%, 0); }

.top-links-item > a {
	text-transform: none;
	color: #EEE !important;
	font-size: 15px;
	font-weight: 400;
	padding: 18px 24px;
}

.top-links-sub-menu .top-links-item > a {
	font-size: 14px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

@media (max-width: 991.98px) {
	.top-links-item {
		border-left: 0;
		border-top: 1px solid rgba(255, 255, 255, 0.1);
	}
}

.dark .top-links-item:hover {
	background-color: rgba(255,255,255,0.2);
}

.menu-link {
    font-weight: 500;
    font-size: 1.05rem;
    letter-spacing: 0;
    text-transform: none;
}

.sub-menu-container .menu-item > .menu-link { font-size: .925rem; }

.iconlist > li {
	line-height: 24px;
}

.iconlist > li [class^="icon-"]:first-child,
.iconlist > li [class*=" icon-"]:first-child {
	width: 24px;
	height: 24px;
	text-align: center;
	border-radius: 50%;
}

.dotted-bg:before {
	content: "";
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	width: 110%;
	height: 100%;
	background-size: 12px 12px;
	background-position: center;
	transform: translate(-50%, -50%);
	background-image: radial-gradient(rgba(var(--cnvs-themecolor-rgb),0.3) 14%, transparent 14%);
	-webkit-mask-image: radial-gradient(rgba(0,0,0,1),rgba(0,0,0,0) 75%);
	mask-image: radial-gradient(rgba(0,0,0,1),rgba(0,0,0,0) 75%);
	z-index: 0;
}

.services-grid .feature-box {
	padding: 2rem;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: .5rem;
	border: 1px solid var(--cnvs-secondary-color);
}

.services-grid .feature-box:hover {
	background-size: cover;
}

.hover-button {
	display: block;
	margin-top: 20px;
	font-weight: 600;
}

.dark .hover-button { color: #FFF; }

.services-grid .feature-box { background-color: var(--cnvs-themecolor); }

.dark .services-grid .feature-box .fbox-icon i { background-color: rgba(255,255,255,0.15); }


.services-grid .feature-box,
.services-grid .feature-box .fbox-icon,
.services-grid .feature-box .fbox-content,
.hover-button  { transition: all .4s ease, border-color .0s ease; }

.heading-block h3 {
	font-size: 2.1rem;
	line-height: 1.3 !important;
}


.form-widget label {
	text-transform: none;
	letter-spacing: 0;
	font-size: 1rem;
	font-weight: 500;
	margin-bottom: 5px;
}

@media (min-width: 992px) {
	.sub-menu-container {
	    border-top: 0;
	    border-radius: 5px;
	    border: 0;
	}

	.sub-menu-container::before {
		--cnvs-menu-arrow-size: 5px;
		content: "";
		position: absolute;
		top: calc(-1 * var(--cnvs-menu-arrow-size, 5px));
		left: 20px;
		width: 0;
		height: 0;
		border-left:var(--cnvs-menu-arrow-size, 5px) solid transparent;
		border-right:var(--cnvs-menu-arrow-size, 5px) solid transparent;
		border-bottom:var(--cnvs-menu-arrow-size, 5px) solid var(--cnvs-themecolor, #264653);
	}

	.sub-menu-container .menu-item > .menu-link {
		font-size: 1rem;
		font-weight: 400;
		color: var(--cnvs-secondary-color) !important;
	}

	.menu-container > .menu-item:hover { background-color: rgba(var(--cnvs-secondary-color-rgb), 0.1) }

	.menu-container > .menu-item:hover::after {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		width: 100%;
		height: 5px;
		background-color: var(--cnvs-secondary-color);
	}

	.sub-menu-container .menu-item:not(:last-child) {
		padding-top: 4px;
		padding-bottom: 4px;
		border-bottom: 1px solid rgba(233, 196, 106, 0.1);
	}

	.sub-menu-container .menu-item:last-child {
		padding-top: 4px;
	}

	.sub-menu-container .menu-item:hover > .menu-link {
	    background-color: inherit;
	    font-weight: 400;
	}

	.services-grid .feature-box {
		padding: 3rem;
		background-size: 0;
		border: 1px solid rgba(255,255,255,0.1);
	}

	.services-grid .feature-box:hover {
		transform: translateY(-6px);
		border-color: var(--cnvs-themecolor);
	}

	.services-grid .feature-box:not(:hover) .hover-button {
		opacity: 0;
		transform: translateY(-5px);
	}

	.services-grid .feature-box .fbox-icon,
	.services-grid .feature-box .fbox-content {
		transform: translateY(20px);
	}

	.services-grid .feature-box:hover .fbox-icon,
	.services-grid .feature-box:hover .fbox-content { transform: translateY(0px); }

	.dark .services-grid .feature-box:hover .fbox-icon i { background-color: #FFF; }

	.heading-block h3 {
		font-size: 2.5rem;
		line-height: 1.3 !important;
	}

	.hero-title.display-3 {
		font-size: 4.25rem;
		letter-spacing: -3px;
	}
}

@media (max-width: 991.98px) {
	.services-grid .feature-box .fbox-icon i { background-color: #FFF; }
}

/* Custom 
========== */

.swiper-pagination-progress {
	--cnvs-swiper-bar-size: 2px;
	--cnvs-swiper-bar-color:  var(--cnvs-contrast-200);
	--cnvs-swiper-bar-active-color: var(--cnvs-contrast-1000);
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: auto;
	border-radius: 0;
	opacity: 1;
	margin: 0px;
	background-color: transparent;
}
.swiper-pagination-progress .swiper-pagination-bar,
.swiper-pagination-progress .swiper-pagination-bar-active {
	position: absolute;
	bottom: 0;
	border-radius: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: var(--cnvs-swiper-bar-size);
	margin: 0px;
	background-color: var(--cnvs-swiper-bar-color);
}

.swiper-pagination-progress .swiper-pagination-bar-active {
	z-index: 2;
	width: 0%;
	background-color: var(--cnvs-swiper-bar-active-color);
}
.active .swiper-pagination-progress .swiper-pagination-bar-active {
	animation-name: swiperbarAnim;
	animation-duration: 5s;
	animation-timing-function: ease-in;
	animation-iteration-count: 1;
	animation-direction: alternate;
	animation-fill-mode: forwards;
}
@keyframes swiperbarAnim {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}


.swiper-tab-link {
	--swiper-tab-title: #AAA;
	--swiper-tab-content: ;
	counter-increment: step-counter;
	position: relative;
	overflow: hidden;
	margin-bottom: 5px;
	padding: 20px 0;
	cursor: pointer;
}

.swiper-tab-link::before {
	content: "0" counter(step-counter)'.';
	position: relative;
	display: inline-block;
	font-size: 26px;
    font-weight: 600;
    min-width: 50px;
	margin-right: 5px;
	color: var(--swiper-tab-title);
    font-family: monospace;
	line-height: 1;
}

.swiper-tab-link .swiper-tab-title {
	display: inline-block;
	color: var(--swiper-tab-title);
	margin-bottom: 0;
	font-size: calc(1.275rem + 0.3vw);
}

.swiper-tab-link .swiper-tab-content {
	margin-bottom: 0;
	padding-top: 10px;
    margin-left: 5px;
	line-height: 0;
	opacity: 0;
	vertical-align:middle;
	font-size: 1rem;
	transition: line-height 0.6s cubic-bezier(.4,0,.2,1), opacity .1s .1s cubic-bezier(.4,0,.2,1);
}

@media (min-width: 768px) {
    .swiper-tab-link .swiper-tab-content {
        margin-left: 60px;
    }
}

.swiper-tab-link.active .swiper-tab-content {
	opacity: .8;
	line-height: var(--cnvs-line-height-content);
	transition: line-height 0.5s cubic-bezier(.4,0,.2,1), opacity .15s .15s cubic-bezier(.4,0,.2,1);
}

.swiper-tab-link.active {
	--swiper-tab-title: #000;
}


.ins-categories .nav-link {
	padding: 20px 30px;
	color: #444;
	background-color: var(--bs-light);
	margin-top: 17px;
	font-size: 1.2em;
	border-radius: .25rem;
    transition: max-height .5s;
    max-height: 70px;
    overflow: hidden;
}

.ins-categories .nav-link:first-child {
	margin-top: 0;
}

.ins-categories .nav-link:hover {
	background-color: #F5F5F5;
}

.ins-categories .nav-link.active {
	color: #000;
	background-color: #E3EAF1;
	max-height: 200px;
}

.ins-categories .nav-link .tab-header img {
	width: 30px;
	height: 30px;
	line-height: 30px;
	margin-right: 15px;
	opacity: .5;
}

.ins-categories .nav-link .tab-desc {
    opacity: 0;
    transition: opacity .3s;
    color: #5B5855;
    font-size: 1.025rem;
    padding-left: 45px;
}

.ins-categories .nav-link.active .tab-desc {
	opacity: 1;
    transition: opacity .5s;
    transition-delay: .25s;
}

.play-video i {
	position: absolute;
	padding-left: 5px;
	top: 50%;
	left: 50%;
	width: 80px;
	height: 80px;
	line-height: 81px;
	border-radius: 50%;
	z-index: 1;
	background-color: var(--cnvs-themecolor, #267DF4);
	text-align: center;
	font-size: 24px;
	color: #FFF;
	margin-top: -40px;
	margin-left: -40px;
	transition: transform .3s ease-out;
	-webkit-backface-visibility: hidden;
}

.play-video:hover i {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}


/*Table*/

.rwd-table {
  margin: auto;
  min-width: 300px;
  max-width: 100%;
  border-collapse: collapse;
}

.rwd-table tr:first-child {
  border-top: none;
  background: #0066ff;
  color: #fff;
}

.rwd-table tr {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #f8f8fb;
}

.rwd-table tr:nth-child(odd):not(:first-child) {
  background-color: #ffffff;
}

.rwd-table th {
  display: none;
}

.rwd-table td {
  display: block;
}

.rwd-table td:first-child {
  margin-top: .5em;
}

.rwd-table td:last-child {
  margin-bottom: .5em;
}

.rwd-table td:before {
  content: attr(data-th) ": ";
  font-weight: bold;
  width: 120px;
  display: inline-block;
  color: #000;
}

.rwd-table th {
  text-align: center;
}

.rwd-table td {
  text-align: left;
}

.rwd-table {
  color: #333;
  border-radius: .4em;
  overflow: hidden;
}

.rwd-table tr {
  border-color: #ffffff;
}

.rwd-table th,
.rwd-table td {
  padding: .5em 1em;
}
@media screen and (max-width: 601px) {
  .rwd-table tr:nth-child(2) {
    border-top: none;
  }
}
@media screen and (min-width: 600px) {
  .rwd-table tr:hover:not(:first-child) {
    background-color: #ebf3ff;
  }
  .rwd-table td:before {
    display: none;
  }
  .rwd-table th,
  .rwd-table td {
    display: table-cell;
    padding: .25em .5em;
	text-align: left;
  }
  .rwd-table th:first-child,
  .rwd-table td:first-child {
    padding-left: 0;
  }
  .rwd-table th:last-child,
  .rwd-table td:last-child {
    padding-right: 0;
  }
  .rwd-table th,
  .rwd-table td {
    padding: 1em !important;
  }
}


.pricing-table .card {
	border-radius: 20px;
	padding: 25px 40px;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: -1px -1px;
	background-size: 102% 160px;
	border-color: rgba(255, 255, 255, 0.3);
}

.pricing-table .card h2 { font-size: 48px; }

.pricing-table .card p {
	font-size: 15px;
	font-weight: 500;
	line-height: 1.6 !important;
}

.pricing-table .card .iconlist {
	font-size: 15px;
	font-weight: 500;
	color: #888;
	font-family: 'Roboto';
}

.pricing-table .card .iconlist li:not(:last-child) { margin-bottom: 7px; }



.schedule-wrap { padding: 10px; }

.schedule-wrap dt:not(:nth-last-of-type(1)) + dd {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
}

.schedule-time,
.schedule-desc {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.6;
}

.schedule-desc small {
	display: block;
	font-size: 14px;
	opacity: .7;
	margin-top: 4px;
}


@media (min-width: 992px) {

	.schedule-wrap {
		padding: 70px 80px;
		background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,.01));
		background: -o-linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,.01));
		background: linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,.01));
	}

	.schedule-wrap dt:not(:nth-last-of-type(1)),
	.schedule-wrap dt:not(:nth-last-of-type(1)) + dd {
		margin-bottom: 40px;
		padding-bottom: 40px;
	}

	.schedule-time,
	.schedule-desc { font-size: 26px; }
}