@charset "utf-8";
/* CSS Document */
/*	General Styling
----------------------------------------------------------------------*/
@import url("bootstrap.css");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');

:root {
	--theme-color-primary: #4935C5;
	--theme-color-secondary: #FA6D4B;
	--theme-color-dark: #1a1a18;
}

html,
body {
	height: 100%;
}

body {
	font-family: "Mulish", sans-serif;
	font-weight: 400;
	color: #1a1a18;
	margin: 0;
	background-color: #ffffff;
}

ul {
	list-style-type: none;
}

.clear {
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
}

.extra-wrap {
	overflow: hidden;
}

.block {
	display: block;
}

.in-block {
	display: inline-block;
}

.p-rel {
	position: relative;
}

.wrapper {
	width: 100%;
	overflow: hidden;
}

.super-container {
	margin: 0;
	padding: 0px;
	position: relative;
}

.container {
	position: relative;
}

img {
	vertical-align: middle;
	height: auto;
	max-width: 100%;
	border: 0;
}

a {
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.font11 {
	font-size: 11px !important;
}

.font12 {
	font-size: 12px !important;
}

.font13 {
	font-size: 13px !important;
}

.font14 {
	font-size: 14px !important;
}

.font15 {
	font-size: 15px !important;
}

.font17 {
	font-size: 17px !important;
}

.font18 {
	font-size: 18px !important;
}

.fw500 {
	font-weight: 500;
}

.fw600 {
	font-weight: 600;
}

.theme-font {
	color: var(--theme-color-dark);
}

.color-primary {
	color: var(--ct-primary-default);
}

.color-secondary {
	color: var(--theme-color-secondary);
}

.word-no-break {
	word-break: normal;
}


/* theme button
----------------------------------------------------------------------*/
.theme-btn {
	background-color: var(--ct-primary-default);
	color: #ffffff;
	font-size: 15px;
}

.theme-btn:hover,
.theme-btn:focus {
	background-color: var(--ct-primary-dark);
	color: #ffffff;
}

.theme-btn-tint {
	background-color: var(--ct-primary-tint);
	color: var(--theme-color-dark);
}

.theme-btn-tint:hover,
.theme-btn-tint:focus {
	background-color: var(--ct-primary-soft);
	color: var(--theme-color-dark);
}

.theme-btn-outline {
	background-color: #ffffff;
	border: 1px solid var(--ct-primary-medium);
	color: var(--ct-primary-default);
}

.theme-btn-outline:hover,
.theme-btn-outline:focus {
	background-color: var(--ct-primary-tint);
	border: 1px solid var(--ct-primary-medium);
}



/* header
----------------------------------------------------------------------*/
#header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
}

#header .navbar-top {
	background: #4935C5;
	/* background: linear-gradient(90deg, rgba(73, 53, 197, 1) 25%, rgba(250, 109, 75, 1) 75%); */
}

#header .navbar-top .nav {
	align-items: center;
	justify-content: end;
	font-size: 13px;
	gap: 7px;
	padding-top: 7px;
	padding-bottom: 7px;
}

#header .navbar-top .nav-link {
	color: var(--theme-color-dark);
	background-color: #ffffff;
	padding: 4px 5px;
	line-height: normal;
	border-radius: 3px;
}

#header .navbar {
	box-shadow: 0 3px 7px rgba(26, 26, 24, 0.08);
}

#header .navbar .offcanvas-header {
	border-bottom: 1px solid #f7f7f7;
}

#header .navbar .offcanvas-logo {
	width: 115px;
}

#header .navbar .offcanvas {
	width: 347px;
}

#header .navbar-nav .nav-link {
	color: var(--theme-color-dark);
	font-weight: 500;
	padding: 1.75rem 0.65rem;
}

#header .navbar-nav .nav-link:hover,
#header .navbar-nav .nav-link.active,
#header .navbar-nav .nav-link.show {
	color: var(--theme-color-primary);
}

#header .navbar-nav .dropdown-toggle::after {
	display: none;
}

#header .dropdown-submenu .menu-title {
	padding: 4px 8px;
	display: inline-block;
	font-weight: 500;
}

#header .dropdown-submenu a {
	display: inline-block;
	margin-bottom: 1px;
	color: var(--theme-color-dark);
}

#header .dropdown-submenu a.active,
#header .dropdown-submenu a:hover,
#header .dropdown-submenu .third-level a:hover,
#header .dropdown-submenu .third-level a:active {
	/* background-color: rgba(73, 53, 197, 0.07);
    color: var(--theme-color-primary) !important; */
	background-color: var(--ct-primary-default);
	color: #ffffff;
}

#header .dropdown-submenu .third-level {
	padding-left: 10px;
	font-size: 13px;
}

#header .dropdown-submenu .third-level a {
	/* color: #898888; */
	/* color: var(--ct-neutral-midnight); */
}

#header .dropdown-submenu .bi {
	font-size: 11px;
}

.navbar-nav .dropdown-menu {
	--bs-dropdown-padding-x: 0.5rem;
	font-size: 14px;
	border: 0;
	margin: 0;
	max-height: 800px;
	background-color: #f9f9f9;
}

.navbar-nav .dropdown-menu {
	transition: all 0.5s ease-in-out;
}

/* navbar dropdown custom css end */
@media (min-width: 1366.98px) {

	/* .navbar-expand-xl .navbar-nav .dropdown-menu {
		top: 120%;
		visibility: hidden;
		opacity: 0;
		display: block;
		max-height: 800px;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		--bs-dropdown-padding-y: 0.5rem;
		width: max-content;
		left: 0;
		font-size: 14px;
		display: flex;
    	padding: 12px;
    	gap: 10px;
		border: 0;
        box-shadow: 0 3px 7px rgba(26, 26, 24, 0.08);
        border-radius: 0 0 4px 4px;
		margin: 0;
	} */
	/* .navbar-expand-xl .navbar-nav .dropdown:hover > .dropdown-menu {
		top: 100%;
		visibility: visible;
		opacity: 1;
	} */
	.navbar-nav .dropdown-menu {
		max-height: 0;
		--bs-dropdown-padding-y: 0rem;
		border: 0;
		box-shadow: 0 3px 7px rgba(26, 26, 24, 0.08);
		border-radius: 0 0 4px 4px;
		margin: 0;
		max-height: 800px;
		/* background-color: #ffffff; */
		background-color: var(--ct-neutral-tint);

	}

	.navbar-nav .dropdown-menu .dropdown-wrap {
		display: flex;
		width: max-content;
		padding: 12px;
		gap: 10px;
	}

	.navbar-nav .dropdown-menu .dropdown-submenu {
		position: relative;
	}

	.navbar-nav .dropdown-menu .dropdown-submenu:before {
		content: "";
		position: absolute;
		border-left: 1px solid #ebebeb;
		left: -5px;
		top: 0;
		bottom: 0;
	}

	.navbar-nav .dropdown-menu .dropdown-submenu:first-child:before {
		border-left: 0;
	}
}

@media (max-width: 1366.98px) {
	.navbar-nav .nav-link.dropdown-toggle:after {
		content: "\F229";
		font-family: bootstrap-icons;
		font-size: 11px;
		position: absolute;
		top: 0;
		right: 0;
		text-align: center;
		color: #656565;
		z-index: -1;
		width: 40px;
		height: 40px;
		line-height: 40px;
	}

	.navbar .nav-item {
		border-bottom: 1px solid rgba(24, 24, 26, 0.07);
		margin-left: 0;
	}

	#header .navbar-nav .nav-item .nav-link.highlight {
		display: inline-block;
	}

	.navbar-toggler:focus {
		box-shadow: none;
	}

}


/* carousel
----------------------------------------------------------------------*/
#sliders-container {
	padding: 0;
}

#sliders-container .carousel-inner,
#sliders-container .carousel-item {
	height: 100%;
}

#sliders-container .carousel-inner .carousel-item {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	height: 100%;
	overflow: hidden;
}

#sliders-container .carousel-caption {
	position: relative;
	height: 100%;
	right: auto;
	left: auto;
	padding: 0;
	bottom: 0;
}

#sliders-container .carousel-indicators {
	margin-bottom: 3rem;
	gap: 8px;
}

#sliders-container .carousel-indicators [data-bs-target] {
	border-radius: 20px;
	height: 10px;
	width: 10px;
	border: 0;
	opacity: 1;
	position: relative;

	background-color: #ffffff;
	-webkit-transition: width 0.8s;
	transition: width 0.8s;
}

#sliders-container .carousel-indicators .active:after {
	content: "";
	position: absolute;
	border: 1px solid #ffffff;
	border-radius: 100%;
	left: -4px;
	right: -4px;
	top: -4px;
	bottom: -4px;
}

/* section
----------------------------------------------------------------------*/
section {
	padding-top: 20px;
	margin-bottom: 80px;
	/* padding-left: 5px;
    padding-right: 5px; */
}

/* section-headings
----------------------------------------------------------------------*/
.section-headings {
	margin-bottom: 20px;
}

.section-headings h6 {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
}


/* our-products
----------------------------------------------------------------------*/
#our-products {
	background-color: #F5F4FC;
	padding-top: 80px;
	padding-bottom: 80px;
}

#our-products .card {
	margin: 0 10px;
}

/* theme-tabs-primary
----------------------------------------------------------------------*/
.theme-tabs-primary #productsTab {
	border: 0;
	gap: 15px;
}

.theme-tabs-primary #productsTab .nav-link {
	border-color: var(--ct-primary-light);
	border-radius: 6px;
	background-color: #ffffff;
	color: var(--ct-neutral-default);
	margin-bottom: 0;
}

.theme-tabs-primary #productsTab .nav-link:hover {
	background-color: var(--ct-primary-light);
}

.theme-tabs-primary #productsTab .nav-link.active {
	background-color: var(--ct-primary-default);
	color: #ffffff;
}

.theme-tabs-primary #productsTabContent .card {
	border: 0;
	box-shadow: 0 2px 7px rgba(26, 26, 24, 0.08);
	padding: 10px;
}

.theme-tabs-primary #productsTabContent .card-body {
	padding: 0;
	position: relative;
}

.theme-tabs-primary #productsTabContent .card-img {
	/*border: 1px solid rgba(26,26,24,0.09);*/
	border: 1px solid var(--ct-neutral-soft);
	border-radius: 6px;
}

.theme-tabs-primary #productsTabContent .card-title {
	text-align: center;
	font-size: 17px;
	font-weight: 600;
	margin: 0;
	display: flex;
	align-items: center;
	padding: 10px 12px 0;
	justify-content: center;
	min-height: 46px;
}


/* latest-notices
----------------------------------------------------------------------*/
#latest-notices .list-group-flush .list-group-item {
	border: 0;
	padding-left: 25px;
}

#latest-notices .list-group-flush .list-group-item:before {
	content: "";
	background: url("../images/check-circle.svg") no-repeat scroll 0 0 transparent;
	position: absolute;
	left: 0;
	top: 12px;
	width: 16px;
	height: 16px;
	background-size: 16px 16px;
}

/* insight-resources
----------------------------------------------------------------------*/
#insight-resources .card {
	margin-bottom: 25px;
}

#insight-resources .card-title {
	font-size: 23px;
	font-weight: 700;
	margin-bottom: 18px;
}

#insight-resources .card .card-imgblock {
	position: relative;
}

#insight-resources .quick-link-card .card-items {
	background-color: #f3f3f3;
	padding: 11px 15px;
	border-radius: 10px;
}

#insight-resources .quick-link-card .list-group-item {
	background-color: transparent;
	padding: 11px 10px;
}

#insight-resources .quick-link-card .list-group-item a {
	color: var(--theme-color-dark);
	display: inline-block;
}

#insight-resources .quick-link-card .list-group-item a:hover {
	color: var(--theme-color-primary);
}

/* card hover
----------------------------------------------------------------------*/
.card-link {
	background-color: rgba(26, 26, 24, 0.6);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: var(--bs-card-border-radius);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: all 0.3s ease-in-out 0s;
}

.card:hover .card-link {
	opacity: 1;
}

/* footer
----------------------------------------------------------------------*/
#footer .footer-widgets {
	background-color: rgba(73, 53, 197, 0.2);
	padding: 30px 0 15px;
}

#footer .widget-head {
	font-weight: 700;
	font-size: 18px;
}

#footer .nav .nav-item {
	margin-bottom: 7px;
}

#footer .nav .nav-link {
	font-size: 14px;
	display: inline-block;
	color: var(--ct-neutral-default);
	padding: 0;
	font-weight: 500;
}

#footer .nav .nav-link:hover {
	color: var(---ct-primary-default);
}

#footer .footer-bottom {
	padding: 20px 0;
	text-align: center;
}
#footer .text-justify {
	text-align: justify;
}

/* inner-container
----------------------------------------------------------------------*/
.inner-container {
	min-height: 400px;
}

/* page-header
----------------------------------------------------------------------*/
.page-header {
	background-color: var(--ct-primary-tint);
	padding: 48px 0;
	text-align: center;
	margin-bottom: 30px;
}

.page-header .page-title {
	margin-bottom: 5px;
	font-weight: 600;
}

.filters {
	margin-bottom: 15px;
	text-align: end;
}


/* theme-table
----------------------------------------------------------------------*/
.theme-table {
	font-size: 15px;
}

.theme-table th {
	background-color: var(--ct-primary-midnight);
	color: #ffffff;
	font-weight: 500;
	border: 1px solid var(--ct-neutral-soft);
}

.theme-table td {
	border: 1px solid var(--ct-neutral-soft);
	vertical-align: top;
}

.theme-table .col-first {
	width: 85px;
}

.theme-table .col-last {
	width: 150px;
}

.theme-table-light {
	font-size: 15px;
}

.theme-table-light th {
	background-color: var(--ct-primary-soft);
	color: var(--ct-primary-darker);
	font-weight: 600;
	border: 1px solid var(--ct-primary-light);
	line-height: normal;
}

.theme-table-light td {
	vertical-align: top;
	border: 1px solid var(--ct-neutral-soft);
}


/* theme-modal
----------------------------------------------------------------------*/
.theme-modal .modal-header {
	background-color: var(--ct-primary-midnight);
	color: #ffffff;
}

.theme-modal .btn-close {
	color: #ffffff;
	font-size: 17px;
	opacity: 1;
	--bs-btn-close-bg: none;
	line-height: normal;
}


/* ordered / unordered list
----------------------------------------------------------------------*/
.numbered-list li,
.bullet-list li,
.alphabet-list li,
.alphabet-list-small li {
	padding-bottom: 5px;
}

.numbered-list>li {
	list-style-type: decimal;
}

.bullet-list>li {
	list-style-type: disc;
}

.alphabet-list>li {
	list-style-type: upper-alpha;
}

.alphabet-list-small>li {
	list-style-type: lower-alpha;
}

/* accordion
----------------------------------------------------------------------*/
.accordionTheme {
	border-radius: 0;
	margin-bottom: 1.5rem;
}

.accordionTheme .accordion-body {
	font-size: 15px;
	word-wrap: break-word;
	word-break: break-word;
}

.accordionTheme .accordion-item {
	border-width: 0 0 1px 0;
	border-radius: 0;
}

.accordionTheme .accordion-button:not(.collapsed) {
	box-shadow: none;
	color: var(--ct-primary-default);
	background-color: #f9f9f9;
}

.accordionTheme .accordion-collapse {
	background-color: #f9f9f9;
}

.accordionTheme .accordion-header .accordion-button {
	padding-left: 12px;
	padding-right: 12px;
	font-weight: 600;
	border-radius: 0 !important;
}

.accordionTheme .accordion-body .responsive-border {
	border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
	height: 100%;
}

.accordionTheme .accordion-button::after {
	content: "\F4FE";
	font-family: "bootstrap-icons";
	background-image: none;
	font-size: 22px;
	transform: none;
	margin-top: -4px;
	font-weight: normal;
}

.accordion-button:not(.collapsed)::after {
	content: "\F2EA";
}

/* pagination
----------------------------------------------------------------------*/
.theme-pagination {
	display: flex;
	align-items: center;
	justify-content: end;
	gap: 0 10px;
	font-size: 14px;
}

.theme-pagination .reset-btn {
	background-color: var(--ct-primary-tint);
	color: var(--ct-primary-default);
	border-color: var(--ct-primary-medium);
}

.theme-pagination .reset-btn:hover,
.theme-pagination .reset-btn:focus {
	background-color: var(--ct-primary-light);
}

.theme-pagination .form-select {
	width: auto;
	background-color: var(--ct-primary-tint);
	border-color: var(--ct-primary-medium);
}

.theme-pagination nav {
	display: flex;
	align-items: center;
	gap: 0 9px;
	background-color: var(--ct-primary-tint);
	border: 1px solid var(--ct-primary-medium);
	padding-inline-start: 8px;
	border-radius: var(--bs-border-radius-sm);
	font-size: 0.875rem;
}

.theme-pagination nav .pagination {
	border: 0;
	border-left: 1px solid var(--ct-primary-medium);
}

.theme-pagination nav .pagination .page-link {
	background-color: transparent;
	border: 0;
}

.theme-pagination .pagination-wrap {
	display: flex;
	align-items: center;
	gap: 0 10px;
}

/* products-page
----------------------------------------------------------------------*/
.products-page #productsTabContent .card {
	margin-bottom: 30px;
	background-color: #F6F6F6;
	border: 1px solid var(--ct-border-light-rgb);
}

.products-page #productsTabContent .card-img {
	border: 0;
}


#pdfUploadCardOne {
	max-width: 900px;
}

#pdfUploadCardTwo {
	max-width: 550px;
}

.pdfUploadCard {
	background-color: #F7F7F6;
	padding: 15px;
	border-radius: 6px;

	margin: 0 auto;
}

.pdfUploadCard .cardTitle {
	border-bottom: 1px solid #1a1a18;
	padding-bottom: 8px;
	margin-bottom: 20px;
}

.pdfUploadCard .row {
	margin-left: -15px;
	margin-right: -15px;
	display: flex;
	flex-wrap: wrap;
}

.pdfUploadCard .column {
	padding-left: 15px;
	padding-right: 15px;
	width: 50%;
}

.pdfUploadCard .column .inset {
	margin-bottom: 1rem;
}

.pdfUploadCard .formLabel {
	display: inline-block;
	margin-bottom: 0.5rem;
}

.pdfUploadCard .formControl {
	display: block;
	width: 100%;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #1a1a18;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #ffffff;
	background-clip: padding-box;
	border: 1px solid #dee2e6;
	border-radius: 6px;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	resize: none;
}

.pdfUploadCard .formControl:focus {
	color: #1a1a18;
	background-color: #ffffff;
	border-color: #86b7fe;
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

#pdfUploadCardTwo .column {
	width: 100%;
}



/* theme color classes
----------------------------------------------------------------------*/
.bg-primary-tint {
	background-color: var(--ct-primary-tint) !important;
}

.bg-primary-soft {
	background-color: var(--ct-primary-soft) !important;
}

.bg-primary-light {
	background-color: var(--ct-primary-light) !important;
}

.bg-primary-medium {
	background-color: var(--ct-primary-medium) !important;
}

.bg-primary-bold {
	background-color: var(--ct-primary-bold) !important;
}

.bg-primary-deep {
	background-color: var(--ct-primary-deep) !important;
}

.bg-primary-dusk {
	background-color: var(--ct-primary-dusk) !important;
}

.bg-primary-default {
	background-color: var(--ct-primary-default) !important;
}

.bg-primary-midnight {
	background-color: var(--ct-primary-midnight) !important;
}

.bg-primary-dark {
	background-color: var(--ct-primary-dark) !important;
}

.bg-primary-darker {
	background-color: var(--ct-primary-darker) !important;
}

.color-primary-tint {
	color: var(--ct-primary-tint) !important;
}

.color-primary-soft {
	color: var(--ct-primary-soft) !important;
}

.color-primary-light {
	color: var(--ct-primary-light) !important;
}

.color-primary-medium {
	color: var(--ct-primary-medium) !important;
}

.color-primary-bold {
	color: var(--ct-primary-bold) !important;
}

.color-primary-deep {
	color: var(--ct-primary-deep) !important;
}

.color-primary-dusk {
	color: var(--ct-primary-dusk) !important;
}

.color-primary-default {
	color: var(--ct-primary-default) !important;
}

.color-primary-midnight {
	color: var(--ct-primary-midnight) !important;
}

.color-primary-dark {
	color: var(--ct-primary-dark) !important;
}

.color-primary-darker {
	color: var(--ct-primary-darker) !important;
}

.bg-secondary-tint {
	background-color: var(--ct-secondary-tint) !important;
}

.bg-secondary-soft {
	background-color: var(--ct-secondary-soft) !important;
}

.bg-secondary-light {
	background-color: var(--ct-secondary-light) !important;
}

.bg-secondary-medium {
	background-color: var(--ct-secondary-medium) !important;
}

.bg-secondary-default {
	background-color: var(--ct-secondary-default) !important;
}

.bg-secondary-bold {
	background-color: var(--ct-secondary-bold) !important;
}

.bg-secondary-deep {
	background-color: var(--ct-secondary-deep) !important;
}

.bg-secondary-dusk {
	background-color: var(--ct-secondary-dusk) !important;
}

.bg-secondary-midnight {
	background-color: var(--ct-secondary-midnight) !important;
}

.bg-secondary-dark {
	background-color: var(--ct-secondary-dark) !important;
}

.bg-secondary-darker {
	background-color: var(--ct-secondary-darker) !important;
}

.color-secondary-tint {
	color: var(--ct-secondary-tint) !important;
}

.color-secondary-soft {
	color: var(--ct-secondary-soft) !important;
}

.color-secondary-light {
	color: var(--ct-secondary-light) !important;
}

.color-secondary-medium {
	color: var(--ct-secondary-medium) !important;
}

.color-secondary-default {
	color: var(--ct-secondary-default) !important;
}

.color-secondary-bold {
	color: var(--ct-secondary-bold) !important;
}

.color-secondary-deep {
	color: var(--ct-secondary-deep) !important;
}

.color-secondary-dusk {
	color: var(--ct-secondary-dusk) !important;
}

.color-secondary-midnight {
	color: var(--ct-secondary-midnight) !important;
}

.color-secondary-dark {
	color: var(--ct-secondary-dark) !important;
}

.color-secondary-darker {
	color: var(--ct-secondary-darker) !important;
}

.bg-neutral-tint {
	background-color: var(--ct-neutral-tint) !important;
}

.bg-neutral-soft {
	background-color: var(--ct-neutral-soft) !important;
}

.bg-neutral-light {
	background-color: var(--ct-neutral-light) !important;
}

.bg-neutral-medium {
	background-color: var(--ct-neutral-medium) !important;
}

.bg-neutral-bold {
	background-color: var(--ct-neutral-bold) !important;
}

.bg-neutral-deep {
	background-color: var(--ct-neutral-deep) !important;
}

.bg-neutral-dusk {
	background-color: var(--ct-neutral-dusk) !important;
}

.bg-neutral-midnight {
	background-color: var(--ct-neutral-midnight) !important;
}

.bg-neutral-default {
	background-color: var(--ct-neutral-default) !important;
}

.color-neutral-tint {
	color: var(--ct-neutral-tint) !important;
}

.color-neutral-soft {
	color: var(--ct-neutral-soft) !important;
}

.color-neutral-light {
	color: var(--ct-neutral-light) !important;
}

.color-neutral-medium {
	color: var(--ct-neutral-medium) !important;
}

.color-neutral-bold {
	color: var(--ct-neutral-bold) !important;
}

.color-neutral-deep {
	color: var(--ct-neutral-deep) !important;
}

.color-neutral-dusk {
	color: var(--ct-neutral-dusk) !important;
}

.color-neutral-midnight {
	color: var(--ct-neutral-midnight) !important;
}

.color-neutral-default {
	color: var(--ct-neutral-default) !important;
}



/* Membership Admission Process
----------------------------------------------------------------------*/
.process-cards {
	margin-top: 3rem;
	margin-bottom: 5rem;
	padding: 0 0.6rem;
}

.process-cards .card {
	background-color: transparent;
	border: 0;
}

.process-cards .card-header {
	display: flex;
	width: 50px;
	height: 50px;
	border: 2px solid var(--ct-primary-bold);
	border-radius: 0;
	background-color: var(--ct-primary-default);
	box-shadow: 0 3px 6px rgba(26, 26, 24, 0.16);
	color: #ffffff;
	font-size: 20px;
	font-weight: 500;
	padding: 0;
	align-items: center;
	justify-content: center;
	position: relative;
	margin-bottom: 18px;
	border-radius: 6px;
}

.process-cards .card-header::after {
	content: "";
	height: 20px;
	background-color: var(--ct-primary-bold);
	width: 2px;
	position: absolute;
	bottom: -20px;
}

.process-cards .card-body {
	background-color: var(--ct-primary-tint);
	border: 2px solid var(--ct-primary-bold);
	border-radius: 6px;
	box-shadow: 0 5px 10px rgba(26, 26, 24, 0.12);
	height: 165px;
	display: flex;
	align-items: center;
}

.process-cards .card-body-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.process-cards .card-icon-wrap {
	text-align: center;
	flex-shrink: 0;
}

.process-cards .card-icon-wrap .card-icon {
	width: 50px;
}

.process-cards .card-body .card-text {
	padding-right: 10px;
}


/* Filter Form
----------------------------------------------------------------------*/
.filter-form {
	background-color: var(--ct-neutral-tint);
	padding: 12px 16px;
	border-radius: 6px;
	margin-bottom: 2rem;
}

/* form checkbox
----------------------------------------------------------------------*/
.theme-checkbox .form-check-input:checked {
	background-color: var(--ct-primary-dusk);
	border-color: var(--ct-primary-dusk);
}


/* contact-form
----------------------------------------------------------------------*/
.contactus-page .contactForm {
	background-color: var(--ct-neutral-tint);
	padding: 20px;
	border: 0;
	margin-bottom: 3rem;
}

.contactus-page .card-title {
	font-size: 26px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--ct-neutral-medium);
}

.contactus-page .contactForm input.form-control {
	height: 44px;
}

.contactus-page .contactInfo {
	padding: 20px;
	border: 0;
}

.contactInfo .contact-icon {
	background-color: var(--ct-primary-tint);
	color: var(--ct-primary-default);
	border: 1px solid var(--ct-primary-bold);
	text-align: center;
	font-size: 21px;
	border-radius: 100%;
	width: 48px;
	height: 48px;
	margin-right: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
}


/* testimonial page
----------------------------------------------------------------------*/
.testimonials-page .testimonial-photo-item {
	background-color: var(--ct-primary-tint);
	box-shadow: var(--bs-box-shadow-sm);
	border-radius: 20px;
	padding: 35px;
	margin-bottom: 40px;
}

.testimonials-page .testimonial-photo-item .author-img {
	border-radius: 18px;
	border: 2px solid var(--ct-primary-default);
	max-width: 120px;
	max-height: 150px;
}

.testimonials-page .testimonial-video-item {
	background-color: #ffffff;
	box-shadow: var(--bs-box-shadow-sm);
	border-radius: 8px;
	box-shadow: 0 3px 7px rgba(26, 26, 24, 0.08);
}

.testimonials-page .testimonial-video-item video {
	border-radius: 8px 8px 0 0;
}

.testimonials-page .testimonial-video-item .video-block {
	position: relative;
	line-height: 0;
}

.testimonials-page .testimonial-video-item .video-info {
	text-align: center;
	padding: 15px 6px;
}

.testimonials-page .testimonial-video-item .name {
	margin-bottom: 3px;
	font-weight: 700;
}

.testimonials-page .testimonial-video-item .overlay {
	background-color: rgba(26, 26, 24, 0.30);
	border-radius: 8px 8px 0 0;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.testimonials-page .testimonial-video-item .playBtn {
	border: 0;
	background-color: #ffffff;
	width: 54px;
	height: 54px;
	border-radius: 100%;
	font-size: 34px;
	color: var(--ct-primary-default);
}


/* events-and-training-page
----------------------------------------------------------------------*/
.events-and-training-page .year-label {
	border-bottom: 1px solid var(--ct-neutral-soft);
	margin-bottom: 20px;
}

.events-and-training-page .year-label span {
	display: inline-block;
	background-color: var(--ct-neutral-soft);
	font-size: 20px;
	padding: 4px 12px;
	font-weight: 500;
	border-radius: 4px 4px 0 0;
}

.events-and-training-page .event-photo-item {
	background-color: #ffffff;
	border-radius: 8px;
	box-shadow: 0 3px 7px rgba(26, 26, 24, 0.08);
	overflow: hidden;
}

.events-and-training-page .event-photo-item .image-block {
	position: relative;
	line-height: 0;
}

.events-and-training-page .event-photo-item .event-details {
	display: flex;
	align-items: center;
}

.events-and-training-page .event-photo-item .event-date {
	background-color: var(--ct-primary-soft);
	color: var(--ct-primary-default);
	text-align: center;
	font-weight: bold;
	padding: 18px 8px;
	line-height: normal;
}

.events-and-training-page .event-photo-item .event-info {
	padding-left: 10px;
	font-size: 15px;
	line-height: normal;
}

.events-and-training-page .event-video-item {
	background-color: #ffffff;
	box-shadow: var(--bs-box-shadow-sm);
	border-radius: 8px;
	box-shadow: 0 3px 7px rgba(26, 26, 24, 0.08);
}

.events-and-training-page .event-video-item .video-block {
	position: relative;
	line-height: 0;
}

.events-and-training-page .event-video-item .video-info {
	text-align: center;
	padding: 13px 8px;
	height: 75px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: normal;
}

.events-and-training-page .event-video-item .overlay {
	background-color: rgba(26, 26, 24, 0.30);
	border-radius: 8px 8px 0 0;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.events-and-training-page .event-video-item .playBtn {
	border: 0;
	background-color: #ffffff;
	width: 54px;
	height: 54px;
	border-radius: 100%;
	font-size: 34px;
	color: var(--ct-primary-default);
}


/* daily-margin-page
----------------------------------------------------------------------*/
.daily-margin-page .theme-table th {
	width: 150px;
	vertical-align: middle;
}
.daily-margin-page .theme-table th .sort-icon {
	display: inline-block;
	font-size: 12px;
}



@media (max-width: 768px) {}




/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

	.container-fluid {
		padding-left: 15px;
		padding-right: 15px;
	}

	.navbar-brand img {
		width: 110px;
	}

	#header .navbar {
		--bs-navbar-padding-y: 5px;
	}

	#header .navbar-nav .nav-link {
		padding-top: 0.75rem;
		padding-bottom: 0.75rem;
		position: relative;
	}

	#header .navbar-nav .dropdown-toggle::before {
		content: "\F282";
		font-family: "bootstrap-icons";
		font-size: 14px;
		position: absolute;
		top: 15px;
		right: 9px;
	}

	#insight-resources .card-title {
		font-size: 20px;
		margin-bottom: 12px;
	}

	.owl-carousel .owl-stage-outer {
		padding-left: 0;
		padding-right: 0;
	}

	.theme-tabs-primary #productsTab {
		flex-wrap: nowrap;
		width: 100%;
		overflow-x: auto;
		-ms-overflow-style: none;
		/*// IE 10+*/
		overflow: -moz-scrollbars-none;
		/*// Firefox*/
		overflow-y: hidden;
		display: -webkit-box;
		display: -moz-box;
		position: relative;
	}

	.theme-table {
		font-size: 14px;
	}

	.theme-table .col-first {
		width: 64px;
	}

	.theme-table .col-last {
		width: 68px;
	}

	.page-header {
		padding-top: 25px;
		padding-bottom: 25px;
		margin-bottom: 5px;
	}

	.accordionTheme .accordion-body .responsive-border {
		border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
		border-right: 0;
	}

	.theme-pagination {
		flex-direction: column-reverse;
		align-items: end;
	}

	.products-page #productsTabContent .card {
		padding: 7px;
	}

	.products-page #productsTabContent .card-title {
		font-size: 15px;
		min-height: inherit;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 3px;
	}

	.settlement-holiday-page .theme-table th,
	.settlement-holiday-page .theme-table td {
		white-space: nowrap;
	}

	.table-nowrap {
		white-space: nowrap;
	}

	.contactus-page .contactInfo {
		padding-left: 0;
		padding-right: 0;
	}

	.testimonials-page .testimonial-photo-item {
		padding: 15px;
	}

}



/* `md` applies to small devices (landscape phones, less than 768px) */
@media (min-width: 576px) and (max-width: 767.98px) {

	.container-fluid {
		padding-left: 15px;
		padding-right: 15px;
	}

	.navbar-brand img {
		width: 110px;
	}

	#header .navbar {
		--bs-navbar-padding-y: 5px;
	}

	#header .navbar-nav .nav-link {
		padding-top: 0.75rem;
		padding-bottom: 0.75rem;
		position: relative;
	}

	#header .navbar-nav .dropdown-toggle::before {
		content: "\F282";
		font-family: "bootstrap-icons";
		font-size: 14px;
		position: absolute;
		top: 15px;
		right: 9px;
	}

	#insight-resources .quick-link-card .card-items {
		padding-top: 4px;
		padding-bottom: 4px;
	}

	#insight-resources .quick-link-card .list-group-item {
		font-size: 14px;
		padding-top: 7px;
		padding-bottom: 7px;
	}

	#insight-resources .card-title {
		font-size: 20px;
		margin-bottom: 12px;
	}

	.owl-carousel .owl-stage-outer {
		padding-left: 0;
		padding-right: 0;
	}

	.theme-tabs-primary #productsTab {
		flex-wrap: nowrap;
		width: 100%;
		overflow-x: auto;
		-ms-overflow-style: none;
		/*// IE 10+*/
		overflow: -moz-scrollbars-none;
		/*// Firefox*/
		overflow-y: hidden;
		display: -webkit-box;
		display: -moz-box;
		position: relative;
	}

	.page-header {
		padding-top: 25px;
		padding-bottom: 25px;
		margin-bottom: 5px;
	}

	.accordionTheme .accordion-body .responsive-border {
		border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
		border-right: 0;
	}

	.products-page #productsTabContent .card-title {
		font-size: 15px;
		min-height: inherit;
	}

	.contactus-page .contactInfo {
		padding-left: 0;
		padding-right: 0;
	}

}


/* `lg` applies to medium devices (tablets, less than 992px) */
@media (min-width: 768px) and (max-width: 991.98px) {

	.container-fluid {
		padding-left: 20px;
		padding-right: 20px;
	}

	#header .navbar {
		--bs-navbar-padding-y: 10px;
	}

	#header .navbar-nav .nav-link {
		padding-top: 0.75rem;
		padding-bottom: 0.75rem;
		position: relative;
	}

	#header .navbar-nav .dropdown-toggle::before {
		content: "\F282";
		font-family: "bootstrap-icons";
		font-size: 14px;
		position: absolute;
		top: 15px;
		right: 9px;
	}

	#insight-resources .quick-link-card .card-items {
		padding-top: 8px;
		padding-bottom: 8px;
	}

	#insight-resources .quick-link-card .list-group-item {
		padding-top: 8px;
		padding-bottom: 8px;
	}

	.owl-carousel .owl-stage-outer {
		padding-left: 0;
		padding-right: 0;
	}

	.theme-tabs-primary #productsTab {
		flex-wrap: nowrap;
		width: 100%;
		overflow-x: auto;
		-ms-overflow-style: none;
		/*// IE 10+*/
		overflow: -moz-scrollbars-none;
		/*// Firefox*/
		overflow-y: hidden;
		display: -webkit-box;
		display: -moz-box;
		position: relative;
	}

	.page-header {
		padding-top: 30px;
		padding-bottom: 30px;
		margin-bottom: 20px;
	}

	.contactus-page .contactInfo {
		padding-left: 0;
		padding-right: 0;
	}

}

/* `xl` applies to large devices (desktops, less than 1200px) */
@media (min-width: 992px) and (max-width: 1199.98px) {

	.container-fluid {
		padding-left: 20px;
		padding-right: 20px;
	}

	#header .navbar {
		--bs-navbar-padding-y: 10px;
	}

	#header .navbar-nav .nav-link {
		padding-top: 0.75rem;
		padding-bottom: 0.75rem;
		position: relative;
	}

	#header .navbar-nav .dropdown-toggle::before {
		content: "\F282";
		font-family: "bootstrap-icons";
		font-size: 14px;
		position: absolute;
		top: 15px;
		right: 9px;
	}

	#insight-resources .card-title {
		font-size: 18px;
	}

	#insight-resources .quick-link-card .card-items {
		padding-top: 1px;
		padding-bottom: 1px;
	}

	#insight-resources .quick-link-card .list-group-item {
		font-size: 14px;
		padding-top: 8px;
		padding-bottom: 8px;
	}

	.page-header {
		padding-top: 35px;
		padding-bottom: 35px;
	}

}


/* `xxl` applies to x-large devices (large desktops, less than 1400px) / 15" Notebook (1366x768) */
@media (min-width: 1200px) and (max-width: 1366.98px) {

	.container-fluid {
		padding-left: 20px;
		padding-right: 20px;
	}

	#header .navbar-nav .nav-link {
		font-size: 14px;
	}

	#header .navbar-nav .nav-link {
		padding-top: 0.75rem;
		padding-bottom: 0.75rem;
		position: relative;
	}

	#header .navbar-nav .dropdown-toggle::before {
		content: "\F282";
		font-family: "bootstrap-icons";
		font-size: 14px;
		position: absolute;
		top: 15px;
		right: 9px;
	}



}


/* 19" Desktop (1400x900) */
@media (min-width: 1367px) and (max-width: 1439.98px) {

	.container-fluid {
		padding-left: 20px;
		padding-right: 20px;
	}

	#header .navbar-nav .nav-link {
		font-size: 14px;
	}

	#header .navbar-nav .nav-link {
		padding-top: 0.75rem;
		padding-bottom: 0.75rem;
		position: relative;
	}

}


/* 22" Desktop (1680x1050) / 20" Desktop (1600x900) */
@media (min-width: 1440px) and (max-width: 1680px) {

	.container-fluid {
		padding-left: 30px;
		padding-right: 30px;
	}

	#header .navbar-nav .nav-link {
		font-size: 15px;
	}

}


/* 24" Desktop (1920x1200) / 23" Desktop (1920x1080) */
@media (min-width: 1681px) and (max-width: 1920px) {

	.container-fluid {
		padding-left: 50px;
		padding-right: 50px;
	}

}