/* INDEX
----------------------------------------------------------------------------------------
01. Global Variables
02. General css
03. Sign In css
04. Theme Settings css
05. Main sections css
-------------------------------------------------------------------------------------- */

/************************************/
/****    01. Global Variables    ****/
/************************************/

:root {
	--primary-color			: #163300;
	--secondary-color		: #EFF1ED;
	--text-color			: #888888;
	--white-color			: #ffffff;
	--accent-color			: #89EA5F;
	--background-color		: #72c54f;
	--overlay-color			: rgba(22, 51, 0, 0.65);
	--error-color			: rgb(230, 87, 87);
	--accent-font			: 'Rajdhani', sans-serif;
	--default-font			: 'Rubik', sans-serif;
}

:root {
    --vz-vertical-menu-bg: #fff;
    --vz-vertical-menu-item-color: #6d7080;
    --vz-vertical-menu-item-hover-color: #468940;
    --vz-vertical-menu-item-active-color: #408940;
    --vz-vertical-menu-sub-item-color: #7c7f90;
    --vz-vertical-menu-sub-item-hover-color: #408942;
    --vz-vertical-menu-sub-item-active-color: #448940;
    --vz-vertical-menu-title-color: #919da9;
    --vz-vertical-menu-bg-dark: #fff;
    --vz-vertical-menu-item-color-dark: var(--primary-color);
    --vz-vertical-menu-item-hover-color-dark: #448940;
    --vz-vertical-menu-item-active-color-dark: #448940;
    --vz-vertical-menu-sub-item-color-dark: #var(--primary-color);
    --vz-vertical-menu-sub-item-hover-color-dark: #448940;
    --vz-vertical-menu-sub-item-active-color-dark: #448940;
    --vz-vertical-menu-title-color-dark: #102410;
    --vz-header-bg: #fff;
    --vz-header-item-color: #e9ecef;
    --vz-header-bg-dark: #ffffff;
    --vz-header-item-color-dark: #b0c4d9;
    --vz-topbar-search-bg: #f3f3f9;
    --vz-topbar-user-bg: #f3f3f9;
    --vz-topbar-user-bg-dark: #52639c;
    --vz-footer-bg: #fff;
    --vz-footer-color: #98a6ad;
    --vz-topnav-bg: #fff;
    --vz-topnav-item-color: #6d7080;
    --vz-topnav-item-color-active: #405189;
    --vz-twocolumn-menu-iconview-bg: #fff;
    --vz-twocolumn-menu-bg: #fff;
    --vz-twocolumn-menu-iconview-bg-dark: var(--vz-vertical-menu-bg-dark);
    --vz-twocolumn-menu-bg-dark: #435590;
    --vz-twocolumn-menu-item-color-dark: var(--vz-vertical-menu-item-color-dark);
    --vz-twocolumn-menu-item-active-color-dark: #fff;
    --vz-twocolumn-menu-item-active-bg-dark: rgba(255, 255, 255, .15);
    --vz-boxed-body-bg: #e5e5f2;
    --vz-heading-color: #495057;
    --vz-link-color: #405189;
    --vz-link-hover-color: #405189;
    --vz-border-color: #e9ebec;
    --vz-card-bg-custom: #fff;
    --vz-card-logo-dark: block;
    --vz-card-logo-light: none;
    --vz-list-group-hover-bg: #f3f6f9;
    --vz-input-bg: #fff;
    --vz-input-border: #ced4da;
    --vz-input-focus-border: #a0a8c4;
    --vz-input-disabled-bg: #eff2f7;
    --vz-input-group-addon-bg: #eff2f7;
    --vz-input-check-border: var(--vz-input-border);
}

[data-layout-mode=dark] {
    --vz-gray-100: #1b211a;
    --vz-gray-200: #232921;
    --vz-gray-300: #2b342a;
    --vz-gray-400: #878a99;
    --vz-gray-500: #adb5bd;
    --vz-gray-600: #bfc8e2;
    --vz-gray-700: #ced4da;
    --vz-gray-800: #eff2f7;
    --vz-gray-900: #f3f6f9;
    --vz-body-bg: #1b211a;
    --vz-body-bg-rgb: 26, 29, 33;
    --vz-body-color: #ced4da;
    --vz-body-color-rgb: 206, 212, 218;
    --vz-vertical-menu-bg: #fff;
    --vz-vertical-menu-item-color: #5f6270;
    --vz-vertical-menu-item-hover-color: #405189;
    --vz-vertical-menu-item-active-color: #405189;
    --vz-vertical-menu-sub-item-color: #686b7b;
    --vz-vertical-menu-sub-item-hover-color: #405189;
    --vz-vertical-menu-sub-item-active-color: #405189;
    --vz-vertical-menu-title-color: #879987;
    --vz-vertical-menu-bg-dark: #232921;
    --vz-vertical-menu-item-color-dark: #879987;
    --vz-vertical-menu-item-hover-color-dark: #fff;
    --vz-vertical-menu-item-active-color-dark: #fff;
    --vz-vertical-menu-sub-item-color-dark: #7d907c;
    --vz-vertical-menu-sub-item-hover-color-dark: #fff;
    --vz-vertical-menu-sub-item-active-color-dark: #fff;
    --vz-vertical-menu-title-color-dark: #60705f;
    --vz-header-bg: #293229;
    --vz-header-item-color: #e9ecef;
    --vz-header-bg-dark: #405189;
    --vz-header-item-color-dark: #b0c4d9;
    --vz-topbar-search-bg: #202328;
    --vz-topbar-user-bg: #323c31;
    --vz-topbar-user-bg-dark: #52639c;
    --vz-footer-bg: #232921;
    --vz-footer-color: #878a99;
    --vz-topnav-bg: #283027;
    --vz-topnav-item-color: #878a99;
    --vz-topnav-item-color-active: #fff;
    --vz-twocolumn-menu-iconview-bg: #fff;
    --vz-twocolumn-menu-bg: #fff;
    --vz-twocolumn-menu-iconview-bg-dark: var(--vz-vertical-menu-bg-dark);
    --vz-twocolumn-menu-bg-dark: #313a30;
    --vz-twocolumn-menu-item-color-dark: var(--vz-vertical-menu-item-color-dark);
    --vz-twocolumn-menu-item-active-color-dark: #fff;
    --vz-twocolumn-menu-item-active-bg-dark: rgba(255, 255, 255, 0.15);
    --vz-boxed-body-bg: #111316;
    --vz-heading-color: #ced4da;
    --vz-light: #2b342a;
    --vz-light-rgb: 42, 47, 52;
    --vz-dark: #eff2f7;
    --vz-dark-rgb: 239, 242, 247;
    --vz-link-color: #ced4da;
    --vz-link-hover-color: #ced4da;
    --vz-border-color: #333e32;
    --vz-card-bg-custom: #232921;
    --vz-card-logo-dark: none;
    --vz-card-logo-light: block;
    --vz-list-group-hover-bg: #283027;
    --vz-input-bg: #272f26;
    --vz-input-border: #2b342a;
    --vz-input-focus-border: #343f33;
    --vz-input-disabled-bg: #232921;
    --vz-input-group-addon-bg: #2b342a;
    --vz-input-check-border: #343f33;
}

/************************************/
/**** 	   02. General css		 ****/
/************************************/

/* Cars */
[data-layout-mode=dark] .card {
    --vz-card-bg: #212921;
    --vz-card-cap-bg: #212921;
}
[data-layout-mode=dark] .dropdown-menu {
    --vz-dropdown-bg: #2a3329;
    --vz-dropdown-link-color: #afbdad;
    --vz-dropdown-link-hover-color: #bac4b9;
    --vz-dropdown-link-hover-bg: #313a2f;
    --vz-dropdown-border-width: 1px;
    --vz-dropdown-link-active-color: #aebdad;
    --vz-dropdown-link-active-bg: #313a2f;
}
[data-layout-mode=dark] .ck.ck-toolbar {
    --vz-choices-bg: #2a3329;
    --vz-choices-link-color: #adb5bd;
    --vz-choices-link-hover-bg: #2f3a2f;
    --vz-choices-link-active-color: #dbdde0;
	background: rgb(43 52 42 / 75%) !important;

}

/* Buttons */
.btn-success, .btn-primary{
    background: var(--background-color);
    border: var(--background-color);
}
.btn-ghost-secondary {
    --vz-btn-color: #72c54f;
    --vz-btn-bg: transparent;
    --vz-btn-border-color: transparent;
    --vz-btn-hover-color: #72c54f;
    --vz-btn-hover-bg: rgb(53 241 76 / 10%);
    --vz-btn-hover-border-color: transparent;
    --vz-btn-focus-shadow-rgb: 53, 119, 241;
    --vz-btn-active-color: #72c54f;
    --vz-btn-active-bg: rgba(53, 119, 241, .1);
    --vz-btn-active-border-color: transparent;
}
.btn-info {
    --vz-btn-color: #fff;
    --vz-btn-bg: #72c54f;
    --vz-btn-border-color: #72c54f;
    --vz-btn-hover-color: #fff;
    --vz-btn-hover-bg: #5c9d41;
    --vz-btn-hover-border-color: #5c9d41;
    --vz-btn-focus-shadow-rgb: 73, 171, 224;
    --vz-btn-active-color: #fff;
    --vz-btn-active-bg: #72c54f;
    --vz-btn-active-border-color: #72c54f;
    --vz-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --vz-btn-disabled-color: #fff;
    --vz-btn-disabled-bg: #72c54f;
    --vz-btn-disabled-border-color: #72c54f;
}

/* Text */
.text-primary {
    color: rgb(71 137 64) !important;
}

:is([data-layout=vertical],[data-layout=semibox])[data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-item:hover>a.menu-link {
    color: #72c54f;
}

/************************************/
/**** 	   03. Sign In css		 ****/
/************************************/

.auth-one-bg {
    background-image: url(/build/images/sign-in-bg-2.jpg);
}

/************************************/
/**** 	 04. Theme Settings css	 ****/
/************************************/

.bg-primary {
    background-color: var(--background-color) !important;
}
.card-radio .form-check-input:checked+.form-check-label {
    border-color: var(--background-color) !important;
}
.card-radio .form-check-input:checked+.form-check-label:before {
    color: #72c54f;
}

[data-layout-mode=dark] :is(.offcanvas,.offcanvas-lg,.offcanvas-md,.offcanvas-sm,.offcanvas-xl,.offcanvas-xxl) {
    --vz-offcanvas-bg: #212922;
}

/************************************/
/**** 	 05. Main sections css   ****/
/************************************/
figure{
	display: block;
	margin: 0;
	width: 100%;
}
.about-us{
	padding: 100px 0;
}
.about-image{
	position: relative;
	padding-bottom: 100px;
	margin-right: 20px;
}
.about-img-1{
	display: inline-block;
	width: 75%;
	border-radius: 30px;
	overflow: hidden;
	line-height: 0;
}
.about-img-2{
	width: 50%;
	border-radius: 30px;
	overflow: hidden;
	line-height: 0;
	position: absolute;
	right: 0;
	bottom: 0;
	background: var(--white-color);
	border: 6px solid var(--white-color);
}