/* global colors */

:root {
	--primary: #fe7a05;
	--darkgray: #505050;
	--lightgray: #909090;
	--black: #000000;
	--white: #ffffff;
	--bglight: #f7f7f7;
	--border: #d5d5d5;
	--borderlight: #e3e3e3;
	--boxshadow: 0px 3px 16px #00000029;
	--error: #ff0000;
	--success: #04b34f;
	--border-focus: #ff000029;
}

/* font family */

@font-face {
	font-family: "Neue Montreal";
	src: url("../fonts/NeueMontreal-Italic.eot");
	src:
		url("../fonts/NeueMontreal-Italic.eot?#iefix") format("embedded-opentype"),
		url("../fonts/NeueMontreal-Italic.woff2") format("woff2"),
		url("../fonts/NeueMontreal-Italic.woff") format("woff"),
		url("../fonts/NeueMontreal-Italic.ttf") format("truetype"),
		url("../fonts/NeueMontreal-Italic.svg#NeueMontreal-Italic") format("svg");
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "Neue Montreal";
	src: url("../fonts/NeueMontreal-Bold.eot");
	src:
		url("../fonts/NeueMontreal-Bold.eot?#iefix") format("embedded-opentype"),
		url("../fonts/NeueMontreal-Bold.woff2") format("woff2"),
		url("../fonts/NeueMontreal-Bold.woff") format("woff"),
		url("../fonts/NeueMontreal-Bold.ttf") format("truetype"),
		url("../fonts/NeueMontreal-Bold.svg#NeueMontreal-Bold") format("svg");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Neue Montreal";
	src: url("../fonts/NeueMontreal-Medium.eot");
	src:
		url("../fonts/NeueMontreal-Medium.eot?#iefix") format("embedded-opentype"),
		url("../fonts/NeueMontreal-Medium.woff2") format("woff2"),
		url("../fonts/NeueMontreal-Medium.woff") format("woff"),
		url("../fonts/NeueMontreal-Medium.ttf") format("truetype"),
		url("../fonts/NeueMontreal-Medium.svg#NeueMontreal-Medium") format("svg");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Neue Montreal";
	src: url("../fonts/NeueMontreal-Regular.eot");
	src:
		url("../fonts/NeueMontreal-Regular.eot?#iefix") format("embedded-opentype"),
		url("../fonts/NeueMontreal-Regular.woff2") format("woff2"),
		url("../fonts/NeueMontreal-Regular.woff") format("woff"),
		url("../fonts/NeueMontreal-Regular.ttf") format("truetype"),
		url("../fonts/NeueMontreal-Regular.svg#NeueMontreal-Regular") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Segoe UI";
	src: url("../fonts/SegoeUI-Bold.eot");
	src:
		url("../fonts/SegoeUI-Bold.eot?#iefix") format("embedded-opentype"),
		url("../fonts/SegoeUI-Bold.woff2") format("woff2"),
		url("../fonts/SegoeUI-Bold.woff") format("woff"),
		url("../fonts/SegoeUI-Bold.ttf") format("truetype"),
		url("../fonts/SegoeUI-Bold.svg#SegoeUI-Bold") format("svg");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

/* font family */

/* global font size */

h1,
h2,
h3,
h4,
h4,
h5,
h6,
p {
	text-decoration: none;
	text-transform: inherit;
	letter-spacing: 0px;
}
h1 {
	font-family: "Neue Montreal";
	font-size: 60px;
	line-height: 70px;
	font-weight: 400;
}
h2 {
	font-family: "Neue Montreal";
	font-size: 50px;
	line-height: 60px;
	font-weight: 400;
}
h3 {
	font-family: "Neue Montreal";
	font-size: 25px;
	line-height: 35px;
	font-weight: bold;
}
h4 {
	font-family: "Neue Montreal";
	font-size: 20px;
	line-height: 25px;
	font-weight: 400;
}
h5 {
	font-family: "Neue Montreal";
	font-size: 20px;
	line-height: 30px;
	font-weight: 400;
}
h6 {
	font-family: "Neue Montreal";
	font-size: 18px;
	line-height: 30px;
	font-weight: 400;
}

ul,
ol {
	margin: 0px;
	padding: 0px;
}
li,
p,
a {
	font-family: "Neue Montreal";
	font-size: 18px;
	line-height: 26px;
	font-weight: 400;
}
a {
	text-decoration: none;
	transition: all 0.3s ease-in-out;
}

/* global font size */

/* global css start */

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
	scroll-margin-top: 60px;
}

body {
	font-family: "Neue Montreal";
	font-size: 18px;
	line-height: 30px;
	font-weight: 400;
	background-color: var(--white);
}

::-webkit-scrollbar {
	width: 2px;
	height: 2px;
}
::-webkit-scrollbar-thumb {
	background: var(--primary);
}
::-webkit-scrollbar-track {
	background: var(--white);
}
::-moz-selection {
	background: var(--primary);
	color: var(--white);
}
::selection {
	background: var(--primary);
	color: var(--white);
}

.container {
	width: 100%;
	max-width: 100%;
	padding: 0 90px;
}

input,
select,
textarea {
	font-family: "Neue Montreal";
	display: inline-block;
	width: 100%;
	height: 55px;
	padding: 15px 24px;
	font-size: 16px;
	font-weight: 400;
	color: var(--black);
	background-color: var(--bglight);
	border: 1px solid var(--bglight);
	border-radius: 28px;
}

select {
	color: var(--lightgray);
	appearance: none;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13.605" height="8.387" viewBox="0 0 13.605 8.387"><path id="Path_12730" data-name="Path 12730" d="M0,12.171,6.255,6.086,0,0" transform="translate(12.888 0.697) rotate(90)" fill="none" stroke="%23000" stroke-width="2"/></svg>');
	background-size: 12px;
	background-position: 96% center;
	background-repeat: no-repeat;
	cursor: pointer;
}

select.selected-option{
	color: var(--black);
}

input:focus,
select:focus,
textarea:focus {
	outline: none;
	border-color: var(--border-focus);
}

input::placeholder,
select::placeholder,
textarea::placeholder {
	font-family: "Neue Montreal";
	color: var(--lightgray);
	opacity: 1;
	font-size: 16px;
	font-weight: 400;
}

textarea {
	height: 148px;
	appearance: none;
	resize: none;
}

.wpcf7-not-valid-tip,
#nc-lostpw-message span,
.field-wrap .error {
	font-size: 15px;
	line-height: 15px;
	color: var(--error);
	margin-top: 10px;
}
.no-result{
	font-size: 18px;
	line-height: 18px;
	color: var(--error);
}

.required {
	position: relative;
	top: 2px;
	left: -6px;
	font-size: 14px;
	color: var(--error);
}

form .wpcf7-response-output {
	border: none !important;
	margin: 13px 0 0 !important;
	padding: 0px !important;
	font-size: 15px;
	line-height: 20px;
}

form.invalid .wpcf7-response-output {
	color: var(--error);
}

form.sent .wpcf7-response-output,
form.custom-mail-sent_ok .wpcf7-response-output,
.email-notification form .notification-message .success  {
	color: var(--success);
}

.wpcf7-spinner {
	position: absolute;
	bottom: -32px;
	right: 11px;
	margin: 0px;
}
.btn,
.nc-logout-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	font-family: "Segoe UI";
	font-weight: bold;
	font-size: 15px;
	line-height: 16px;
	color: var(--white);
	padding: 19px 28px 19px 36px;
	border-radius: 28px;
	background-color: var(--primary);
	border: 1px solid var(--primary);
	transition: all 0.3s ease-in-out;
	cursor: pointer;
	position: relative;
}
.btn:hover,
.nc-logout-btn:hover {
	color: var(--black);
	background-color: var(--white);
}
.profile-form form .change-password button:after,
.registration-form .btn:after,
.nc-login-form .btn:after,
.nc-lost-password-form .btn:after,
#notification-form .btn:after,
.nc-logout-btn:after{
	content: "";
	position: relative;
	top: 2px;
	display: inline-block;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="11.318" height="10.371" viewBox="0 0 11.318 10.371"><g id="Group_12528" data-name="Group 12528" transform="translate(-705.592 -1907.695)"><path id="Path_12728" data-name="Path 12728" d="M-1605.2,751.073l4.593,4.469-4.593,4.469" transform="translate(2316.08 1157.339)" fill="none" stroke="%23fff" stroke-width="2"/><path id="Path_12729" data-name="Path 12729" d="M-1605.2,751.073l4.593,4.469-4.593,4.469" transform="translate(2311.486 1157.339)" fill="none" stroke="%23fff" stroke-width="2"/></g></svg>');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 9px;
	width: 10px;
	height: 10px;
	transition: all 0.3s ease-in-out;
}
.registration-form .btn,
.nc-login-form .btn{
	width: 100%;
}
.profile-form form .change-password button:hover:after,
.registration-form .btn:hover:after,
.nc-login-form .btn:hover:after,
.nc-lost-password-form .btn:hover:after,
#notification-form .btn:hover:after,
.nc-logout-btn:hover:after{
	filter: invert(1);
}
.btn svg path {
	transition: all 0.3s ease-in-out;
}
.btn:hover svg path {
	stroke: var(--black);
}

/* global css end */

header {
	position: fixed;
	width: 100%;
	height: auto;
	z-index: 99;
}

/* login header css start*/

header#login-header {
	padding: 50px 0px;
}

header .header-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

header .header-wrap .logo {
	display: inline-flex;
	max-width: 268px;
}

header .header-wrap .logo img {
	width: 100%;
	height: auto;
}

header .header-wrap .profile-link {
	font-size: 15px;
	font-weight: 400;
	color: var(--black);
	display: inline-flex;
	align-items: center;
	gap: 6px;
}
header#login-header .header-wrap .profile-link .auth-toggle-text {
	text-decoration: underline;
}
header .header-wrap .profile-link:hover,
header#main-header .header-wrap .profile-dropdown-wrap:has(.active-profile) .profile-link {
	color: var(--primary);
}
.mobile-toggle {
	display: none;
}

/* login header css end*/

/* login page */

.login-banner-wrap {
	display: flex;
	flex-direction: row;
	min-height: 100svh;
}

.login-banner-wrap .login-banner-content {
	width: 52%;
	display: flex;
	align-items: end;
	position: relative;
	padding: 90px 90px 85px;
	z-index: 3;
	overflow: hidden;
}

.login-banner-wrap .login-banner-content::before{
	content: "";
	width: 413px;
	height: 413px;
	position: absolute;
	bottom: 252px;
	left: 90px;
	background: url(../images/special.svg) center/410px no-repeat;
	z-index: 2;
}

.login-banner-wrap .login-banner-content .login-banner-img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

.login-banner-wrap .login-banner-content .login-banner-img::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background: transparent linear-gradient(188deg, #00000075 0%, #0000006e 15%, #000000c2 100%);
	opacity: 0.3;
	z-index: 2;
}

.login-banner-wrap .login-banner-content img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: grayscale(1);
}

.login-banner-wrap .login-banner-content .login-banner-heading {
	display: inline-flex;
	flex-direction: column;
	gap: 4px;
	width: 100%;
	max-width: 700px;
	color: var(--white);
	position: relative;
	z-index: 3;
}

.login-banner-wrap .login-banner-content .login-banner-heading p {
	font-size: 22px;
	line-height: 26px;
	color: var(--primary);
}

.login-banner-wrap .login-form-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 40px 90px;
	width: 48%;
	background: url(../images/logobg.svg) center/cover no-repeat;
}

.login-banner-wrap .login-form-wrap .form-content {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 19px;
	text-align: center;
	max-width: 576px;
	margin: 0 auto;
}

.login-form-wrap .login-text-block {
	display: inline-flex;
	flex-direction: column;
	gap: 15px;
}

.login-banner-wrap .login-form-wrap .form-content .form-content-logo {
	width: 70px;
	height: 70px;
}

.login-banner-wrap .login-form-wrap .form-content .form-content-logo img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	mix-blend-mode: luminosity;
}

.login-banner-wrap .login-form-wrap .form-content h3 {
	font-size: 24px;
	font-weight: 500;
	color: var(--primary);
}

.login-banner-wrap .login-form-wrap .form-content p {
	color: var(--darkgray);
}

.login-banner-wrap .login-form-wrap .nc-auth-wrapper {
	width: 100%;
	max-width: 689px;
	margin-top: 24px;
}


.login-banner-wrap .login-form-wrap .nc-auth-wrapper .nc-logged-in {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 15px;
}

.login-banner-wrap .login-form-wrap .nc-auth-wrapper .nc-logged-in p {
	font-size: 24px;
	font-weight: 500;
	color: var(--primary);
}


/* login form */

.login-form-wrap .nc-auth-wrapper .nc-lost-password-form h4 {
	margin-bottom: 15px;
	text-align: center;
}

.login-banner-wrap .login-form-wrap .nc-auth-wrapper form {
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.login-banner-wrap .login-form-wrap .nc-auth-wrapper form p label {
	font-size: 16px;
	font-weight: 500;
	display: block;
	width: 100%;
}

.login-banner-wrap .login-form-wrap .nc-auth-wrapper .nc-login-form form p label {
	margin-bottom: 10px;
}

.login-banner-wrap .login-form-wrap .nc-auth-wrapper form p {
	position: relative;
}

.login-banner-wrap .login-form-wrap .nc-auth-wrapper form .field-error {
	position: absolute;
	top: 7px;
	right: 0px;
	font-size: 15px;
	line-height: 15px;
	color: var(--error);
}

/* .login-banner-wrap .login-form-wrap .nc-auth-wrapper form .login-password input[type="password"] {
color: var(--error);
} */

.login-banner-wrap .login-form-wrap .nc-auth-wrapper form .login-password .nc-toggle-password {
	position: absolute;
	top: 69%;
	right: 20px;
	transform: translate(0px, -50%);
	font-size: 0px;
	width: 23px;
	height: 15px;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Group_12435" data-name="Group 12435" width="20.297" height="15.223" viewBox="0 0 20.297 15.223"><path id="Path_12726" data-name="Path 12726" d="M12.669,23.782l1.153-1.153a3.792,3.792,0,0,1-4.655,4.655l1.153-1.153a2.526,2.526,0,0,0,2.349-2.349Zm7.549-.479a13.285,13.285,0,0,0-3.347-3.722l-.923.923a12.694,12.694,0,0,1,2.97,3.108c-.752,1.145-3.7,5.073-8.768,5.073a9.321,9.321,0,0,1-2.131-.252L6.975,29.476a10.744,10.744,0,0,0,3.174.479c6.64,0,9.932-5.788,10.069-6.035a.634.634,0,0,0,0-.616Zm-2.643-6.221L3.62,31.037a.634.634,0,1,1-.9-.9L4.5,28.365A13.309,13.309,0,0,1,.08,23.919a.634.634,0,0,1,0-.616c.137-.246,3.429-6.035,10.069-6.035a10.681,10.681,0,0,1,4.475.971l2.054-2.053a.634.634,0,1,1,.9.9ZM5.444,27.419,7.05,25.813a3.8,3.8,0,0,1,5.3-5.3l1.3-1.3a9.34,9.34,0,0,0-3.5-.677c-5.067,0-8.016,3.929-8.768,5.073A12.454,12.454,0,0,0,5.444,27.419Zm2.527-2.527,3.458-3.458a2.509,2.509,0,0,0-1.281-.359,2.54,2.54,0,0,0-2.537,2.537A2.509,2.509,0,0,0,7.971,24.892Z" transform="translate(0 -16)"/></svg>');
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center;
	margin: 0px !important;
	z-index: 2;
}

.login-banner-wrap .login-form-wrap .nc-auth-wrapper form .login-password:has(input[type="text"]) .nc-toggle-password {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="14" viewBox="0 0 21 14" fill="none"><path d="M9.69492 4C8.99495 4 8.32366 4.26339 7.8287 4.73223C7.33375 5.20107 7.05569 5.83696 7.05569 6.5C7.05569 7.16304 7.33375 7.79893 7.8287 8.26777C8.32366 8.73661 8.99495 9 9.69492 9C10.3949 9 11.0662 8.73661 11.5611 8.26777C12.0561 7.79893 12.3342 7.16304 12.3342 6.5C12.3342 5.83696 12.0561 5.20107 11.5611 4.73223C11.0662 4.26339 10.3949 4 9.69492 4ZM6 6.5C6 5.57174 6.38929 4.6815 7.08222 4.02513C7.77515 3.36875 8.71497 3 9.69492 3C10.6749 3 11.6147 3.36875 12.3076 4.02513C13.0006 4.6815 13.3898 5.57174 13.3898 6.5C13.3898 7.42826 13.0006 8.3185 12.3076 8.97487C11.6147 9.63125 10.6749 10 9.69492 10C8.71497 10 7.77515 9.63125 7.08222 8.97487C6.38929 8.3185 6 7.42826 6 6.5Z" fill="black"/><path d="M20.3 6.61C20.3 6.61 16.4937 0 10.15 0C3.80625 0 0 6.61 0 6.61C0 6.61 3.80625 13.22 10.15 13.22C16.4937 13.22 20.3 6.61 20.3 6.61ZM1.48824 6.61C2.1017 5.72681 2.80729 4.90424 3.59437 4.15469C5.22725 2.60554 7.46025 1.20182 10.15 1.20182C12.8397 1.20182 15.0715 2.60554 16.7069 4.15469C17.494 4.90424 18.1996 5.72681 18.813 6.61C18.7394 6.71456 18.6582 6.82993 18.5656 6.95612C18.1406 7.533 17.5126 8.30216 16.7069 9.06532C15.0715 10.6145 12.8385 12.0182 10.15 12.0182C7.46025 12.0182 5.22852 10.6145 3.5931 9.06532C2.80603 8.31575 2.10171 7.49318 1.48824 6.61Z" fill="black"/></svg>');
}

.login-banner-wrap .login-form-wrap .nc-auth-wrapper form .login-submit {
	margin-top: 14px;
}

.login-banner-wrap .login-form-wrap .nc-auth-wrapper .nc-forgot-link {
	text-align: center;
	color: var(--darkgray);
	margin-top: 72px;
}

.login-banner-wrap .login-form-wrap .nc-auth-wrapper .nc-forgot-link a {
	font-size: 15px;
	font-weight: 400;
	text-transform: uppercase;
	margin-left: 5px;
	color: var(--primary);
	text-decoration: underline;
}
.login-banner-wrap .login-form-wrap .nc-auth-wrapper .nc-forgot-link a:hover {
	text-decoration: none;
}
/* login form end*/

/* registration-form */

.login-banner-wrap .login-form-wrap .nc-auth-wrapper form .registration-form br {
	display: none;
}

.login-form-wrap .nc-auth-wrapper form .registration-form {
	display: flex;
	gap: 14px;
	flex-direction: column;
}

.login-form-wrap .nc-auth-wrapper form .registration-form label {
	display: flex !important;
	flex-direction: column;
	gap: 6px;
}

/* login page */

/* main header css */
#main-header {
	padding: 32px 0px;
	background-color: var(--white);
	box-shadow: var(--boxshadow);
}

#main-header .header-wrap .logo {
	max-width: 50px;
}

#main-header .header-wrap .profile-link:after {
	content: "";
	width: 11px;
	height: 5px;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="11.979" height="7.551" viewBox="0 0 11.979 7.551"><path id="Path_12730" data-name="Path 12730" d="M0,10.545,5.42,5.273,0,0" transform="translate(11.262 0.697) rotate(90)" fill="none" stroke="%23000" stroke-width="2"/></svg>');
	background-size: 10px;
	background-repeat: no-repeat;
	background-position: center;
	transition: all 0.3s ease-in-out;
}

#main-header .header-wrap .profile-link.active:after {
	transform: rotate(180deg);
}

#main-header .header-wrap .profile-link:hover:after,
header#main-header .header-wrap .profile-dropdown-wrap:has(.active-profile) .profile-link:after {
	filter: brightness(0) saturate(100%) invert(56%) sepia(90%) saturate(2936%) hue-rotate(354deg) brightness(104%) contrast(109%);
}

#main-header .nav-links ul {
	display: flex;
	gap: 50px;
}

#main-header .nav-links ul li a {
	font-weight: 500;
	color: var(--black);
}

#main-header .nav-links ul li a:hover {
	color: var(--primary);
}

#main-header .nav-links ul li {
	list-style: none;
}

header#main-header .header-wrap .profile-dropdown-wrap {
	position: relative;
	line-height: normal;
	margin-top: 2px;
}

header#main-header .header-wrap .profile-dropdown-wrap .profile-dropdown {
	display: none;
	flex-direction: column;
	gap: 3px;
	background-color: var(--white);
	box-shadow: var(--boxshadow);
	padding: 15px 17px;
	border-radius: 8px;
	position: absolute;
	left: 0px;
	top: 40px;
}

header#main-header .header-wrap .profile-dropdown-wrap .profile-dropdown a {
	color: var(--black);
	font-size: 15px;
}

header#main-header .header-wrap .profile-dropdown-wrap .profile-dropdown a:hover,
header#main-header .header-wrap .profile-dropdown-wrap .profile-dropdown a.active-profile {
	color: var(--primary);
}

/* main dashboard css */

/* dashboard sidebar */

.dashboard-wrap {
	height: 100vh;
	display: flex;
}

.dashboard-sidebar {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 376px;
	padding: 172px 48px 38px 90px;
	background-color: var(--bglight);
}
.dashboard-sidebar .dashboard-btn {
	display: none;
}

.dashboard-wrap .dashboard-nav {
	display: flex;
	flex-direction: column;
	gap: 15px;
	list-style: none;
}

.dashboard-wrap .dashboard-nav-links {
	font-size: 15px;
	font-weight: 500;
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 13px 31px 13px 23px;
	background-color: var(--white);
	color: var(--black);
	border-radius: 28px;
}
.dashboard-wrap .dashboard-nav-links.nav-active svg path,
.dashboard-wrap .dashboard-nav-links:hover svg path {
	fill: var(--white);
}

.dashboard-wrap .dashboard-nav-links:hover,
.dashboard-wrap .dashboard-nav-links.nav-active {
	background-color: var(--primary);
	color: var(--white);
}

/* dashboard sidebar */

/* dashboard content */

.dashboard-content {
	width: calc(100% - 376px);
	padding: 172px 90px 90px 64px;
	max-height: 100vh;
	overflow-y: auto;
}

/* dashboard search css */

.dashboard-content .dashboard-topbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}
.dashboard-content .dashboard-topbar .tobar-heading {
	width: calc(100% - 430px);
}
.dashboard-content .dashboard-topbar .topbar-search {
	position: relative;
	width: 414px;
}
.dashboard-content .dashboard-topbar .topbar-search input {
	padding: 18px 62px 18px 24px;
}
.dashboard-content .dashboard-topbar .topbar-search button {
	width: 46px;
	height: 46px;
	font-size: 0px;
	position: absolute;
	top: 50%;
	right: 7px;
	transform: translateY(-50%);
	background-color: var(--primary);
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 19 19" fill="none"><path d="M17.75 17.752L13.238 13.234M15.338 8.169C15.338 9.58685 14.9176 10.9729 14.1299 12.1518C13.3422 13.3307 12.2226 14.2496 10.9127 14.7922C9.60279 15.3348 8.16139 15.4769 6.77077 15.2003C5.38015 14.9238 4.10275 14.2411 3.10011 13.2386C2.09747 12.2361 1.41461 10.9588 1.13788 9.56822C0.861145 8.17763 1.00297 6.73622 1.54542 5.42624C2.08788 4.11625 3.00659 2.99654 4.18539 2.20868C5.3642 1.42082 6.75015 1.0002 8.168 1C9.10953 0.999869 10.0419 1.1852 10.9118 1.54542C11.7817 1.90564 12.5721 2.43368 13.2379 3.0994C13.9037 3.76511 14.4319 4.55546 14.7922 5.42531C15.1525 6.29516 15.338 7.22747 15.338 8.169Z" stroke="%23fff" stroke-width="2" stroke-linecap="round"/></svg>');
	background-size: 18px;
	background-position: center;
	background-repeat: no-repeat;
	border: none;
	border-radius: 50%;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}
.dashboard-content .dashboard-topbar .topbar-search button:hover{
	background-color: var(--black);
}

/* dashboard search css */

/* dashboard homepage css */

.dashboard-banner {
	padding-top: 30px;
}

.dashboard-banner .dashboard-main-img {
	display: flex;
	justify-content: start;
	align-items: end;
	min-height: 271px;
	padding: 32px 40px;
	position: relative;
}
.dashboard-banner .dashboard-main-img h2 {
	color: var(--white);
	position: relative;
	z-index: 2;
}
.dashboard-banner .dashboard-main-img .main-img-wrap {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	border-radius: 40px;
	z-index: 1;
	overflow: hidden;
}

.dashboard-banner .dashboard-main-img .main-img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.dashboard-banner .dashboard-main-video {
	margin-top: 27px;
	height: 510px;
	border-radius: 40px;
	position: relative;
	overflow: hidden;
}

.dashboard-banner .dashboard-main-video .video-control-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: transparent;
	border: none;
}

.dashboard-banner .dashboard-main-video video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.dashboard-banner .dashboard-main-video iframe.bg-video {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100vw;
	height: 56.25vw;
	min-height: 100vh;
	min-width: 177.77vh;
	transform: translate(-50%, -50%);
}

/* fancybox css */

.fancybox__container .fancybox__content {
	padding: 0px;
	background: transparent;
	display: flex;
	flex-direction: column;
}

.fancybox__container .fancybox__content iframe {
	height: 400px;
	width: 99vw;
	max-width: 750px;
	padding: 0 20px;
}

/* fancybox css */

.dashboard-list-view {
	padding-top: 88px;
}
.dashboard-list-view .list-view-wrap {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 23px;
	padding-top: 20px;
}
.dashboard-list-view .list-view-wrap .list-view-link {
	display: flex;
	flex-direction: column;
	padding: 7px;
	border: 1px solid #a8a8a833;
	border-radius: 30px;
	transition: all 0.3s ease-in-out;
}

.dashboard-list-view .list-view-wrap .list-view-link:hover {
	border-color: var(--primary);
}

.dashboard-list-view .list-view-wrap .list-view-link .list-view-img {
	height: 261px;
	border-radius: 30px;
	overflow: hidden;
}
.dashboard-list-view .list-view-wrap .list-view-link .list-view-img img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	transition: all 0.3s ease-in-out;
}
.dashboard-list-view .list-view-wrap .list-view-link:hover .list-view-img img {
	transform: scale(1.1);
}
.dashboard-list-view .list-view-wrap .list-view-link .list-content {
	display: inline-flex;
	flex-direction: column;
	gap: 5px;
	padding: 29px 22px 30px;
}
.dashboard-list-view .list-view-wrap .list-view-link .list-content h4 {
	color: var(--black);
}
.dashboard-list-view .list-view-wrap .list-view-link .list-content span {
	display: block;
	font-size: 18px;
	line-height: 25px;
	font-weight: 400;
	color: var(--primary);
}
.new-doc {
	display: grid;
	grid-template-columns: 1fr 0.324fr;
	align-items: center;
	gap: 20px;
	margin-top: 60px;
	padding: 10px 66px;
	background: #fe7a050d;
	border-radius: 30px;
	position: relative;
}
.new-doc::before{
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 152px;
	height: 152px;
	background-image: url(../images/specialsmalllogo.svg);
	background-size: 152px;
	background-position: center;
	background-repeat: no-repeat;
	z-index: -1;
}
.new-doc .new-doc-content {
	display: flex;
	flex-direction: column;
	align-items: start;
	padding: 30px 0;
}

.new-doc .new-doc-content .newdoc-tag {
	display: inline-block;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 14px;
	color: var(--white);
	background: var(--primary);
	padding: 8px 10px;
	border-radius: 15px;
}
.new-doc .new-doc-content p {
	font-size: 20px;
	line-height: 30px;
	margin-top: 4px;
}
.new-doc .new-doc-content .newdoc-date {
	display: inline-block;
	font-size: 14px;
	line-height: 14px;
	margin-top: 22px;
}

.new-doc .new-doc-content .btn {
	margin-top: 34px;
}
.new-doc .new-doc-img img {
	width: 100%;
	mix-blend-mode: darken;
}
/* dashboard homepage css */

/* dashboard document page css */

.document-list .document-filter {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 22px;
	padding-top: 22px;
	border-top: 1px solid var(--borderlight);
}

.document-list .document-filter .btn input {
	position: absolute;
	width: 100%;
	height: 100%;
	border: none;
	appearance: none;
	background: transparent;
	cursor: pointer;
}

.document-list .document-filter .btn {
	font-family: "Neue Montreal";
	font-weight: 500;
	color: var(--black);
	padding: 19px 22px 19px 22px;
	background-color: transparent;
	border-color: #a8a8a8d4;
}

.document-list .document-filter .btn:hover,
.document-list .document-filter .btn:has(input:checked) {
	background-color: var(--primary);
	color: var(--white);
	border-color: var(--primary);
}


.document-category-list {
	margin-top: 31px;
}

.document-category-list .category-list-wrap {
	margin-top: 22px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 44px;
}

.document-category-list .category-list {
	padding-bottom: 29px;
	margin-bottom: 29px;
	border-bottom: 1px solid var(--borderlight);
}
.document-category-list .category-list:last-child {
	padding-bottom: 0px;
	margin-bottom: 0px;
	border-bottom: 0px;
}

.document-category-list .category-list-wrap .category-link {
	display: inline-flex;
	flex-direction: column;
}

.document-category-list .category-list-wrap .category-link .category-img {
	height: 261px;
	border-radius: 30px;
	overflow: hidden;
}

.document-category-list .category-list-wrap .category-link .category-img img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	transition: all 0.3s ease-in-out;
}

.document-category-list .category-list-wrap .category-link:hover .category-img img {
	transform: scale(1.1);
}

.document-category-list .category-list-wrap .category-link .category-content h4 {
	color: var(--black);
	padding-top: 15px;
	transition: all 0.3s ease-in-out;
}
.document-category-list .category-list-wrap .category-link:hover h4{
	color: var(--primary);
}

/* dashboard document page css */

/*document single page css */

.document-single .breadcrumbs {
	display: inline-flex;
	gap: 6px;
	color: var(--black);
	margin-top: 14px;
}

.document-single .breadcrumbs a {
	color: var(--primary);
}

.document-single .document-single-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
	margin-top: 30px;
}
.document-single .document-single-wrap .document-single-img {
	width: 57%;
	height: 542px;
	border-radius: 30px;
	overflow: hidden;
}
.document-single .document-single-wrap .document-single-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.document-single .document-single-wrap .document-single-content {
	width: 37%;
	display: flex;
	flex-direction: column;
}

.document-single-wrap .document-single-content h3 {
	font-size: 28px;
	line-height: 30px;
}

.document-single-content .document-single-summary {
	margin-top: 20px;
}

.document-single-content .document-single-summary p {
	font-size: 16px;
	line-height: 26px;
	color: var(--lightgray);
}

.document-single-content .document-extra-data {
	display: flex;
	flex-direction: column;
	list-style: none;
	margin: 31px 0 35px;
}

.document-single-content .document-extra-data li {
	padding: 19px 0;
	display: inline-flex;
	gap: 27px;
	align-items: center;
	border-bottom: 1px solid var(--borderlight);
}

.document-single-content .document-extra-data li span {
	display: inline-flex;
	align-items: center;
	font-size: 16px;
	min-width: 145px;
}

.document-single-content .document-extra-data li span.extra-data-name {
	gap: 10px;
	color: var(--lightgray);
}

.document-single-content .document-extra-data li span.extra-data {
	color: var(--primary);
}

.document-single-content .document-extra-data li:first-child {
	border-top: 1px solid var(--borderlight);
}

.document-single .document-single-wrap .document-single-content .btn {
	justify-content: center;
}

.related-documents {
	margin-top: 54px;
	padding-top: 33px;
	border-top: 1px solid var(--borderlight);
}

.related-documents-wrap {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 27px;
	margin-top: 19px;
}

.related-documents-wrap .related-documents-links {
	display: inline-flex;
	align-items: center;
	padding: 24px;
	gap: 19px;
	color: var(--black);
	border: 1px solid var(--border);
	border-radius: 15px;
	transition: all 0.3s ease-in-out;
}

.related-documents-wrap .related-documents-links:hover {
	border-color: var(--primary);
}

.related-documents-wrap .related-documents-links span.related-documents-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #f2f2f2;
	width: 67px;
	height: 69px;
	min-width: 67px;
	min-height: 69px;
	padding: 16px;
	border-radius: 6px;
}
.related-documents-wrap .related-documents-links .related-documents-content {
	display: inline-flex;
	flex-direction: column;
	gap: 5px;
}
.related-documents-wrap .related-documents-links .related-documents-content span {
	font-size: 16px;
	color: var(--primary);
}

/*document single page css */

/* video listing page */


.video-listing {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid var(--borderlight);
}

.video-group-list {
	margin-top: 31px;
}

.video-listing-group {
	padding-bottom: 29px;
	margin-bottom: 29px;
	border-bottom: 1px solid var(--borderlight);
}
.video-listing-group:last-child {
    padding: 0px;
    margin: 0px;
    border: none;
}
.video-listing .video-listing-wrap {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 23px;
	padding-top: 22px;
}
.video-listing .video-listing-wrap .video-item {
	display: flex;
	flex-direction: column;
	padding: 7px;
	border: 1px solid #a8a8a833;
	border-radius: 30px;
	transition: all 0.3s ease-in-out;
}
.video-listing .video-listing-wrap .video-item:hover{
	border-color: var(--primary);
}
.video-listing .video-listing-wrap .video-item .video-link {
	height: 261px;
	border-radius: 30px;
	overflow: hidden;
	position: relative;
}
.video-listing .video-listing-wrap .video-item .video-link::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-color: var(--black);
	opacity: 0.3;
}
.video-listing .video-listing-wrap .video-item .video-link .video-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: transparent;
	border: none;
	cursor: pointer;
	z-index: 1;
}
.video-listing .video-listing-wrap .video-item .video-link video {
	height: 100%;
	width: 100%;
	object-fit: cover;
	transition: all 0.3s ease-in-out;
}
.video-listing .video-listing-wrap .video-item .video-link iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	min-height: 37vh;
	min-width: 83.77vh;
	transform: translate(-50%, -50%);
}
.video-listing .video-listing-wrap .video-item .video-content {
	display: inline-flex;
	flex-direction: column;
	gap: 9px;
	padding: 29px 22px 20px;
}
.video-listing .video-listing-wrap .video-item .video-content h4 {
	color: var(--primary);
}
.video-listing .video-listing-wrap .video-item .video-content span {
	display: block;
	font-size: 18px;
	line-height: 30px;
	font-weight: 400;
	color: var(--black);
}

/* video listing page */

.contact-page .contact-wrap {
	display: flex;
	justify-content: space-between;
	gap: 64px;
	margin-top: 22px;
	padding-top: 34px;
	border-top: 1px solid var(--borderlight);
}

.contact-page .contact-form .form-content h4,
.contact-page .contact-detail h4 {
	font-size: 24px;
	line-height: 28px;
	font-weight: 500;
	color: var(--primary);
}

.contact-page .contact-form .form-content p {
	font-size: 16px;
	line-height: 26px;
	color: var(--lightgray);
}

.contact-page .contact-form .form-content {
	display: flex;
	flex-direction: column;
	gap: 12px;
	max-width: 718px;
}
.contact-page .contact-form .form-wrap {
	margin-top: 40px;
}

.contact-page .contact-form {
	width: 60%;
}

.contact-page .contact-detail {
	width: 35%;
}

.contact-page .contact-detail .contact-detail-wrap {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 37px 32px;
	border: 1px solid var(--border);
	border-radius: 15px;
	background-color: #f6f6f6;
	margin-top: 26px;
}

.contact-page .contact-detail .contact-detail-wrap .contact-item {
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 33px 30px;
	background-color: var(--white);
	border-radius: 28px;
}

.contact-page .contact-detail .contact-detail-wrap .contact-item .contact-icon {
	width: 40px;
	height: 40px;
	min-width: 40px;
	min-height: 40px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background-color: var(--primary);
	border-radius: 50%;
}

.contact-page .contact-detail .contact-detail-wrap .contact-item p {
	font-size: 20px;
	line-height: 32px;
}

.contact-page .contact-detail .contact-detail-wrap .contact-item a {
	font-size: 20px;
	color: var(--black);
}
.contact-page .contact-detail .contact-detail-wrap .contact-item a:hover {
	color: var(--primary);
}
.contact-form .contact-form-wrap p br {
	display: none;
}
.contact-form .contact-form-wrap p {
	display: grid;
	gap: 12px 15px;
	grid-template-columns: 1fr 1fr;
}

.contact-form .contact-form-wrap p label:first-child,
.contact-form .contact-form-wrap p label:has(textarea) {
	grid-column: 1/-1;
}

.contact-form .contact-form-wrap p label:has(textarea) textarea {
	height: 160px;
}

.contact-form .contact-form-wrap p label {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
	font-size: 14px;
	font-weight: 500;
	line-height: 17px;
}
.contact-form .contact-form-wrap p label .wpcf7-form-control-wrap {
	width: 100%;
}
.inquiry-sumbit {
	position: relative;
	width: max-content;
}
.contact-form .contact-form-wrap .inquiry-sumbit p {
	display: block;
}
.contact-form .contact-form-wrap .btn {
	margin-top: 38px;
	width: max-content;
}
.contact-form .contact-form-wrap .btn:after {
	content: "";
	position: relative;
	display: inline-block;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="11.318" height="10.371" viewBox="0 0 11.318 10.371"><g id="Group_12528" data-name="Group 12528" transform="translate(-705.592 -1907.695)"><path id="Path_12728" data-name="Path 12728" d="M-1605.2,751.073l4.593,4.469-4.593,4.469" transform="translate(2316.08 1157.339)" fill="none" stroke="%23fff" stroke-width="2"/><path id="Path_12729" data-name="Path 12729" d="M-1605.2,751.073l4.593,4.469-4.593,4.469" transform="translate(2311.486 1157.339)" fill="none" stroke="%23fff" stroke-width="2"/></g></svg>');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 9px;
	width: 10px;
	height: 10px;
	transition: all 0.3s ease-in-out;
}
.contact-form .contact-form-wrap .btn:hover:after{
	filter: invert(1);
}
/* profile page */
.profile-page {
	margin-top: 29px;
	padding-top: 28px;
	border-top: 1px solid var(--borderlight);
}
.profile-page .profile-banner {
	display: flex;
	justify-content: start;
	align-items: end;
	min-height: 271px;
	padding: 32px 40px 31px;
	position: relative;
}
.profile-page .profile-banner h3 {
	font-size: 30px;
	line-height: 36px;
	font-weight: 400;
	color: var(--primary);
	position: relative;
	z-index: 2;
}
.profile-page .profile-banner .profile-main-img a {
	display: inline-block;
	margin-top: 5px;
	font-size: 16px;
	color: var(--white);
	position: relative;
	z-index: 2;
}
.profile-page .profile-banner .profile-main-img a:hover {
	color: var(--primary);
}
.profile-page .profile-banner .profile-img-wrap {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	border-radius: 40px;
	z-index: 1;
	overflow: hidden;
}

.profile-page .profile-banner .profile-img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.profile-form {
	margin-top: 43px;
	padding: 44px 50px 51px;
	border: 1px solid var(--border);
	background-color: #f6f6f6;
	border-radius: 15px;
}

.profile-form input {   
	height: 50px;
}

.profile-form form {
	display: flex;
	flex-direction: column;
	gap: 34px;
}

.profile-form form h3,
.email-notification h3 {
	font-size: 24px;
	grid-column: 1/-1;
	margin-bottom: 10px;
	color:var(--primary)
}

.profile-form form input {
	background: var(--white);
}

.profile-form form .field-wrap label {
	margin-bottom: 10px;
	display: inline-block;
	font-size: 14px;
	line-height: 17px;
	font-weight: 500;
	color: var(--black);
}

.profile-form form .change-password {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0px 15px;
}

.profile-form form .change-password .field-wrap {
	margin-bottom: 18px;
}

.profile-form form .change-password .field-wrap:nth-child(4) {
	grid-column: 1/-1;
}

.form-message {
	grid-column: 1 / -1;
	margin-top: 10px;
}

.profile-form form .change-password button,
.email-notification form .btn {
	width: max-content;
	font-size: 13px;
	margin-top: 15px;
	padding: 16px 26px 16px 26px;
}

.email-notification {
	margin-top: 27px;
}

.email-notification form {
	display: block;
	margin-top: 12px;
}

.email-notification form .content-updates{
	color: var(--black);
	font-size: 14px;
	line-height: normal;
	font-weight: 500;
}

.email-notification form .field-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 9px;
	position: relative;
}

.email-notification form .field-wrap label {
	margin: 0px;
	color: var(--lightgray);
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
}

.email-notification form .field-wrap .switch-wrap {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 25px;
	vertical-align: middle;
	cursor: pointer;
}

.email-notification form .field-wrap input {
	height: auto;
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}

.email-notification form .field-wrap .switch {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 25px;
	vertical-align: middle;
	position: absolute;
	cursor: pointer;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: var(--white);
	border: 1px solid var(--primary);
	transition: 0.4s;
	border-radius: 30px;
	right: 0px;
}

.email-notification form .field-wrap .switch:before {
	border-radius: 50%;
	position: absolute;
	content: "";
	height: 23px;
	width: 23px;
	left: 0px;
	background-color: var(--primary);
	transition: .4s;
}

.email-notification form .field-wrap .switch:has(input:checked):before {
	transform: translateX(15px);
}
.email-notification form .field-wrap .switch:has(input:checked) {
	background-color: #fe7a0547;
}
.email-notification form .btn {
	margin-top: 30px;
}
.email-notification form .notification-message {
	margin-top: 10px;
}


/* profile page */

/* commone media Media css start  */
@media (max-width: 1550px) {
	.related-documents-wrap .related-documents-links {
		padding: 16px;
		gap: 10px;
	}
	.related-documents-wrap .related-documents-links span.related-documents-icon {
		width: 55px;
		height: 55px;
		min-width: 55px;
		min-height: 55px;
		padding: 10px;
	}
	.related-documents-wrap .related-documents-links span.related-documents-icon svg {
		width: 20px;
	}
	.document-single .document-single-wrap {
		gap: 25px;
	}
	.document-single .document-single-wrap .document-single-img,
	.document-single .document-single-wrap .document-single-content {
		width: 50%;
	}
	.video-listing .video-listing-wrap {
		grid-template-columns: 1fr 1fr;
		gap: 20px;
	}
	.contact-page .contact-wrap {
		flex-direction: column;
		gap: 40px;
	}
	.contact-page .contact-form,
	.contact-page .contact-detail {
		width: 100%;
	}
}

@media (max-width: 1350px) {
	.dashboard-sidebar {
		width: 300px;
		padding: 172px 30px 60px;
	}
	.dashboard-content {
		width: calc(100% - 300px);
		padding: 172px 30px 60px;
	}
	.dashboard-list-view .list-view-wrap,
	.document-category-list .category-list-wrap {
		grid-template-columns: 1fr 1fr;
		gap: 20px;
	}
	.new-doc {
		grid-template-columns: 1fr 0.5fr;
		padding: 10px 30px;
	}
	.related-documents-wrap {
		grid-template-columns: 1fr 1fr;
		gap: 20px;
	}
}

@media (max-width: 1250px) {
	.container {
		padding: 0 50px;
	}
	.login-banner-wrap .login-form-wrap,
	.login-banner-wrap .login-banner-content {
		padding: 50px;
	}
	.login-banner-wrap .login-banner-content::before {
		width: 200px;
		height: 200px;
		bottom: 292px;
		left: 50px;
		background-size: 200px;
	}
	.dashboard-content .dashboard-topbar {
		flex-direction: column;
		align-items: start;
		gap: 15px;
	}
	.dashboard-content .dashboard-topbar .tobar-heading {
		width: 100%;
	}
	header#main-header .header-wrap .profile-dropdown-wrap .profile-dropdown {
		left: -27px;
	}
}

@media (max-width: 1024px) {
	h1 {
		font-size: 44px;
		line-height: 52px;
	}
	h2 {
		font-size: 36px;
		line-height: 44px;
	}
	.container {
		padding: 0 30px;
	}
	header#login-header {
		padding: 20px 0px;
	}
	header .header-wrap .logo {
		max-width: 160px;
	}
	header#main-header .header-wrap {
		display: grid;
		grid-template-columns: 1fr max-content max-content;
		gap: 20px;
	}
	.header-wrap .nav-links {
		position: fixed;
		top: 70px;
		left: -100%;
		width: 350px;
		height: 100%;
		padding: 50px 30px;
		z-index: 99;
		background-color: var(--white);
		transition: all 0.3s ease-in-out;
	}
	#main-header .header-wrap .nav-links ul {
		flex-direction: column;
		gap: 15px;
	}
	.header-wrap.active-menu .nav-links {
		left: 0;
	}
	.mobile-toggle {
		display: inline-flex;
		flex-direction: column;
		gap: 7px;
		width: 30px;
		height: 21px;
		min-width: 30px;
		border-bottom: 2px solid var(--black);
		position: relative;
	}
	.mobile-toggle:before,
	.mobile-toggle:after {
		content: "";
		position: relative;
		width: 30px;
		height: 2px;
		background-color: var(--black);
		transition: all 0.3s ease-in-out;
	}
	.header-wrap.active-menu .mobile-toggle {
		border: none;
	}
	.header-wrap.active-menu .mobile-toggle:before {
		transform: translate(0px, 10px) rotate(47deg);
	}
	.header-wrap.active-menu .mobile-toggle:after {
		transform: translate(0px, 1px) rotate(-46deg);
	}
	.login-banner-wrap .login-form-wrap,
	.login-banner-wrap .login-banner-content {
		padding: 30px;
	}
	.login-banner-wrap .login-banner-content::before {
		bottom: 216px;
		left: 30px;
	}
	#main-header {
		padding: 10px 0px;
	}
	.dashboard-sidebar .dashboard-btn {
		position: fixed;
		left: 0px;
		width: 45px;
		height: 45px;
		padding: 10px;
		display: flex;
		gap: 10px;
		justify-content: start;
		top: 250px;
		background-color: var(--primary);
		font-size: 0 !important;
		border-radius: 0px 5px 5px 0px;
		box-shadow: none;
		border: none;
		cursor: pointer;
		transition: all 0.3s ease-in-out;
	}
	.dashboard-sidebar {
		position: fixed;
		height: 100%;
		z-index: 9;
		left: -100%;
		top: 0;
		overflow-y: auto;
		width: 260px;
		transition: all 0.3s ease-in-out;
	}
	.dashboard-sidebar.dashboard-menu-open {
		left: 0;
	}
	.dashboard-sidebar.dashboard-menu-open .dashboard-btn {
		left: 260px;
	}
	.dashboard-content {
		width: 100%;
		padding: 115px 30px 60px;
	}
	.dashboard-list-view {
		padding-top: 50px;
	}
	.new-doc {
		margin-top: 50px;
	}
	.dashboard-banner .dashboard-main-img {
		min-height: 200px;
		padding: 25px;
	}
	.dashboard-banner .dashboard-main-video {
		margin-top: 25px;
		height: 300px;
	}
	.dashboard-banner .dashboard-main-video .video-control-btn svg {
		width: 40px;
		height: 40px;
	}
	.profile-page .profile-banner h3 {
		font-size: 24px;
		line-height: 30px;
	}
	.profile-page .profile-banner {
		padding: 30px;
	}
	.profile-form {
		margin-top: 30px;
		padding: 30px;
	}
	.profile-form form {
		gap: 25px;
	}
	.profile-form form h3,
	.email-notification h3 {
		font-size: 20px;
		line-height: 25px;
		margin-bottom: 7px;
	}
	.profile-form form .change-password .field-wrap {
		margin-bottom: 15px;
	}

}

@media (max-width: 767px) {
	h1 {
		font-size: 36px;
		line-height: 45px;
	}
	h2 {
		font-size: 28px;
		line-height: 37px;
	}
	li,
	p,
	a {
		font-size: 16px;
		line-height: 22px;
	}
	.container {
		padding: 0 20px;
	}
	.btn,
	.profile-form form .change-password button, 
	.email-notification form .btn {
		gap: 5px;
		font-size: 13px;
		line-height: 16px;
		padding: 12px 24px 12px 24px;
		height: auto;
	}
	.login-banner-wrap {
		flex-direction: column;
	}
	.login-banner-wrap .login-banner-content,
	.login-banner-wrap .login-form-wrap {
		width: 100%;
		height: 50%;
		min-height: 380px;
		padding: 30px 20px;
	}
	.login-banner-wrap .login-banner-content::before {
		bottom: 70px;
		left: 20px;
	}
	.login-banner-wrap .login-form-wrap .form-content {
		max-width: 100%;
		gap: 10px;
	}
	.login-banner-wrap .login-form-wrap .form-content h3 {
		font-size: 20px;
		line-height: 27px;
	}
	.login-banner-wrap .login-form-wrap .form-content .form-content-logo {
		width: 50px;
		height: 50px;
	}
	.login-form-wrap .login-text-block {
		display: inline-flex;
		flex-direction: column;
		gap: 7px;
	}
	#login-header .header-wrap .profile-link span {
		color: var(--white);
	}
	#login-header .header-wrap .profile-link svg path {
		fill: var(--white);
	}
	.login-banner-wrap .login-form-wrap .nc-auth-wrapper .nc-forgot-link {
		margin-top: 30px;
	}
	.header-wrap .nav-links {
		width: 100%;
		padding: 50px 20px;
	}
	.dashboard-content {
		width: 100%;
		padding: 115px 20px 50px;
	}
	.dashboard-content .dashboard-topbar .topbar-search {
		width: 100%;
	}
	.dashboard-content .dashboard-topbar .topbar-search input {
		height: 47px;
		padding: 8px 47px 8px 20px;
	}
	.dashboard-content .dashboard-topbar .topbar-search button {
		width: 36px;
		height: 36px;
		background-size: 14px;
	}
	.dashboard-list-view {
		padding-top: 40px;
	}
	.dashboard-list-view .list-view-wrap,
	.document-category-list .category-list-wrap {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	.dashboard-list-view .list-view-wrap .list-view-link .list-content {
		gap: 4px;
		padding: 16px 20px;
	}
	.dashboard-list-view .list-view-wrap .list-view-link .list-content span {
		font-size: 16px;
		line-height: 22px;
	}
	.dashboard-list-view .list-view-wrap .list-view-link .list-content h4 {
		font-size: 18px;
		line-height: 28px;
	}
	.new-doc .new-doc-content .newdoc-date {
		margin-top: 15px;
	}
	.new-doc .new-doc-content .btn {
		margin-top: 20px;
	}
	.document-single .breadcrumbs {
		margin-top: 0px;
	}
	.document-list .document-filter .btn {
		padding: 12px 24px 12px 24px;
	}
	.document-single .document-single-wrap {
		flex-direction: column;
		gap: 30px;
	}
	.document-single .document-single-wrap .document-single-img {
		height: 350px;
	}
	.document-single .document-single-wrap .document-single-img,
	.document-single .document-single-wrap .document-single-content {
		width: 100%;
	}
	.document-single-content .document-extra-data {
		margin: 24px 0 29px;
	}
	.document-single-content .document-single-summary {
		margin-top: 12px;
	}
	.related-documents {
		margin-top: 40px;
		padding-top: 25px;
	}
	.video-listing .video-listing-wrap {
		grid-template-columns: 1fr;
	}
	.video-listing .video-listing-wrap .video-item .video-content {
		padding: 20px;
	}
	.contact-page .contact-detail .contact-detail-wrap .contact-item {
		padding: 20px;
	}
	.contact-page .contact-detail .contact-detail-wrap .contact-item a {
		font-size: 18px;
	}
	.contact-page .contact-detail .contact-detail-wrap .contact-item p {
		font-size: 18px;
		line-height: 30px;
	}
	.profile-page .profile-banner,
	.profile-form {
		padding: 25px;
	}

}

@media (max-width: 600px) {
	.login-banner-wrap .login-form-wrap .nc-auth-wrapper .nc-forgot-link a {
		font-size: 12px;
	}
	.related-documents-wrap {
		grid-template-columns: 1fr;
	}
	.fancybox__container .fancybox__content iframe {
		height: 275px;
		padding: 0 10px;
	}
	.new-doc {
		display: flex;
		flex-direction: column-reverse;
		padding: 25px;
		margin-top: 40px;
		align-items: unset;
	}
	.new-doc .new-doc-content {
		padding: 0px 0;
	}
	.contact-form .contact-form-wrap p {
		grid-template-columns: 1fr;
	}
	.contact-form .contact-form-wrap .btn {
		margin-top: 15px;
	}
	.profile-form form .change-password {
		grid-template-columns: 1fr;
	}
	.profile-form form .change-password .field-wrap {
		margin-bottom: 10px;
	}
	.profile-form form .change-password button {
		margin-top: 15px;
	}
}

@media (max-width: 400px) {
	.fancybox__container .fancybox__content iframe {
		height: 356px;
	}
}

/* Media css end  */