:root {
	--black-color: #000;
	--white-color: #ffffff;
	--header-txt: #033243;
	--txt-color: #707070;
	--gray-color: #707070;
	--fix-menu-anchor: #06213B;
	--gray-600: #5D5757;
	--gray-500: #9E9E9E;

	--primary: #D61026;
	--secondary: #707070;
	--secondary-2: #8BB8E1;

	--success: #009F97;
	--danger: #F88F00;
	--warning: #FDC304;
	--info: #0f529e;
	--light-gray: #B5B2B2;
	--dark-gray: #000000;

	--header-top-bg: #F0F3F8;
	--card-bg: #F2F8FB;
	--accordion-bg: #EEF4F8;

	--body-bg: #E4E4E4;
}

.topMenu a {
	display: block;
	padding: 0.3125rem 0.25rem;
}

@font-face {
	font-family: 'Fira Sans';
	src: local('Fira Sans Light'), local('FiraSans-Light'),
		url('../Fonts/FiraSans-Light.woff2') format('woff2'),
		url('../Fonts/FiraSans-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Fira Sans';
	src: local('Fira Sans Regular'), local('FiraSans-Regular'),
		url('../Fonts/FiraSans-Regular.woff2') format('woff2'),
		url('../Fonts/FiraSans-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Fira Sans';
	src: local('Fira Sans Medium'), local('FiraSans-Medium'),
		url('../Fonts/FiraSans-Medium.woff2') format('woff2'),
		url('../Fonts/FiraSans-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Fira Sans';
	src: local('Fira Sans Bold'), local('FiraSans-Bold'),
		url('../Fonts/FiraSans-Bold.woff2') format('woff2'),
		url('../Fonts/FiraSans-Bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

:focus-visible {
	outline-color: var(--black-color) !important;
	outline-offset: 1px !important;
	outline-style: auto !important;
	box-shadow: none !important;
	outline: auto !important;
}

.btn:focus-visible,
.cc-btn:focus-visible {
	outline-color: var(--white-color) !important;
	outline-offset: 1px !important;
	outline-style: auto !important;
	outline: auto !important;
}

.frame a[class=""],
.frame a:not([class]) {
	color: var(--primary);
	font-weight: 300;
}

.frame a[class=""]:hover,
.frame a:not([class]):hover {
	color: var(--primary);
}

body {
	margin: 0px;
	padding: 0px;
	font-family: 'Fira Sans';
	font-weight: 400;
	line-height: 25px;
	font-size: 18px;
	color: var(--txt-color);
	background-color: var(--body-bg);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	font-family: 'Fira Sans';
}

h1 {
	font-size: 50px;
	line-height: 60px;
	font-weight: 500;
	margin-bottom: 20px;
	color: var(--secondary);
}


h2 {
	font-size: 35px;
	line-height: 45px;
	font-weight: 500;
	color: var(--secondary);
	margin-bottom: 20px;
	padding-left: 40px;
    position: relative;
}
h2::before {
	background: url('../Images/h2-before-icon.svg') no-repeat center center;
	background-size: 28px auto;
	height: 30px;
	width: 28px;
	position: absolute;
	left: 0;
	top: 5px;
	content: "";
	background-size: contain;
}

h3 {
	font-size: 25px;
	line-height: 32px;
	font-weight: 500;
	color: var(--primary);
	margin-bottom: 20px;
}

h4 {
	font-size: 20px;
	line-height: 27px;
	font-weight: 700;
	color: var(--primary);
	margin-bottom: 15px;
}

h5 {
	font-size: 15px;
	line-height: 20px;
	font-weight: 700;
	color: var(--primary);
	margin-bottom: 10px;
}

h6 {
	font-size: 12px;
	line-height: 16px;
	font-weight: 500;
	color: var(--primary);
	margin-bottom: 10px;
}


/* Heading CSS Start */

p {
	font-size: 20px;
	line-height: 27px;
	color: var(--dark-gray);
	font-weight: 300;
}

img {
	max-width: 100%;
	height: auto;
}

a {
	color: var(--secondary);
	font-weight: 300;
}

a:hover {
	color: var(--primary);
}

a,
a:hover,
a:visited,
a:focus,
img,
button,
input,
textarea {
	text-decoration: none !important;
}

hr {
	border-color: var(--light-gray);
	opacity: 1;
}

hr.primary {
	border-top: 3px solid var(--primary);
	opacity: 1;
	margin-bottom: 40px;
	margin-top: 0;
}

hr.secondary {
	border-top: 1px solid var(--gray-color);
	opacity: 1;
	margin-bottom: 40px;
	margin-top: 0;
}

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

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

/* Text Color CSS Start */
.text-primary {
	color: var(--primary) !important;
}

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

.text-success {
	color: var(--sucess) !important;
}

.text-danger {
	color: var(--danger) !important;
}

/* Text Color CSS Start */

/* Buttons CSS Start */
.btn {
	padding: 10px 38px;
	font-size: 20px;
	line-height: normal;
	border-radius: 30px;
	font-weight: 500;
	margin-right: 20px;
}

.btn-primary {
	background-color: var(--primary);
	border-color: var(--primary);
}


.btn-secondary {
	background-color: var(--secondary);
	border-color: var(--secondary);
}

.btn-outline-secondary {
	border: 2px solid var(--secondary);
	color: var(--secondary);
}

.btn-success {
	background-color: var(--success);
	border-color: var(--success);
}

.btn-outline-success {
	border: 2px solid var(--success);
	color: var(--success);
}

.btn-danger {
	background-color: var(--danger);
	border-color: var(--danger);
}

.btn-outline-danger {
	border: 2px solid var(--danger);
	color: var(--danger);
}

.btn-warning {
	background-color: var(--warning);
	border-color: var(--warning);
	color: var(--white-color);
}

.btn-outline-warning {
	border: 2px solid var(--warning);
	color: var(--warning);
}

.btn-info {
	background-color: var(--info);
	border-color: var(--info);
	color: var(--white-color);
}

.btn-outline-info {
	border: 2px solid var(--info);
	color: var(--info);
}


.btn-light-gray {
	background-color: var(--light-gray);
	border-color: var(--light-gray);
	color: var(--white-color);
}

.btn-outline-light-gray {
	border: 2px solid var(--light-gray);
	color: var(--light-gray);
}

.btn-dark-gray {
	background-color: var(--dark-gray);
	border-color: var(--dark-gray);
	color: var(--white-color);
}

.btn-outline-dark-gray {
	border: 2px solid var(--dark-gray);
	color: var(--dark-gray);
}

/* Buttons CSS End */

.theme-btn {
	min-width: 192px;
	display: inline-block;
	text-align: center;
	padding: 9px 45px 9px 45px;
	border-radius: 30px;
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	-ms-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	background-color: var(--primary);
	color: var(--white-color);
	font-size: 19px;
}

.theme-btn:hover {
	background-color: var(--secondary);
	color: var(--white-color);
}

.header-btns .theme-btn:focus-visible {
	box-shadow: 0px 0px 12px 0px #000 !important;
}

.theme-btn.theme-btn-border {
	background-color: transparent;
	border: 2px solid var(--primary);
	color: var(--primary);
}

.theme-btn.theme-btn-border:hover {
	background-color: var(--primary);
	border: 2px solid var(--primary);
	color: var(--white-color);
}

.theme-btn.theme-btn-white {
	border-color: var(--white-color);
	color: var(--white-color);
}

.theme-btn.theme-btn-white:hover {
	border-color: var(--header-txt);
	background: var(--header-txt);
}

.header-part {
	position: relative;
	z-index: 999;
	width: 100%;
	left: 0px;
	top: 0px;
}

.header-part.sticky.sticky-fixed {
	position: fixed;
}

.header-top {
	display: none;
	padding: 0;
	position: relative;
	background-color: var(--header-top-bg);
}

.header-top a {
	color: var(--dark-gray);
	font-size: 12px;
	line-height: 1.5;
}

.header-part ul,
.header-part ul li {
	list-style: none;
	padding: 0px;
	margin: 0px;
	background: transparent;
}

[data-bs-theme=dark] .header-part ul,
[data-bs-theme=dark] .header-part ul li {
	background: transparent;
}

.header-top-right ul {
	display: flex;
	width: auto;
	flex-wrap: wrap;
	margin-right: 35px;
}

.header-top-right ul li {
	margin-right: 35px;
}

.header-top-right ul li:last-child {
	margin-right: 0;
}


.header-top-inner {
	display: flex;
	align-items: center;
	width: 100%;
	flex-wrap: wrap;
	height: auto;
	justify-content: space-between;
	padding: 3px 0;
}

.header-top-left {
	font-size: 16px;
}

@media(min-width:992px) {
	.header-top {
		display: block;
	}

}

.header-top-left p {
	font-size: 12px;
	margin-bottom: 0;
	line-height: 1.5;
	font-weight: 500;
}

.header-top-right {
	display: flex;
	align-items: center;
	width: auto;
	flex-wrap: wrap;
	justify-content: center;
}


.font-large {
	margin-right: 35px;
}

.header-top-right div:last-child {
	margin-right: 0;
}

.kontrast-blog img,
.font-large img {
	margin-left: 5px;
}

.font-large {
	position: relative;
}

.font-large-pop {
	position: absolute;
	top: 100%;
	background: var(--white-color);
	padding: 15px;
	left: 0px;
	width: 100%;
	min-width: 200px;
	margin-top: 11px !important;
	display: none;
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.10);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.10);
}

.font-large.open .font-large-pop {
	display: block;
}

.font-large-pop,
.font-large-pop li {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.font-large-pop li {
	border-bottom: 1px solid var(--header-top);
	display: block;
	position: relative;
}

.font-large-pop li:last-child {
	border-bottom: none;
}

.font-large-pop li a {
	display: block;
	position: relative;
	color: var(--header-top);
	padding: 10px;
	font-weight: 500;
}

.font-large-pop li:hover a {
	color: var(--light-sky);
}

.font-large-pop li a img {
	max-width: 42px;
	position: absolute;
	top: 11px;
	right: 10px;
}

.font-large img {
	position: relative;
	width: 30px;
}

.language-menu {
	display: flex;
	width: auto;
	flex-wrap: wrap;
}

.language-menu-left {
	margin-right: 12px;
}

.language-menu-right {
	position: relative;
}

.language-menu-right img {
	max-width: 24px;
}

.language-menu .language-drop {
	position: absolute;
	top: 100%;
	left: -10px;
	background: var(--light-sky);
	padding: 7px 10px;
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.10);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.10);
	display: none;
	min-width: 78px;
	text-transform: uppercase;
}

.language-menu .language-drop li {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid rgb(187 187 187 / 50%);
}

.language-menu .language-drop li:last-child {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

.language-menu .language-drop .text-muted {
	color: rgba(255, 255, 255, .7) !important;
}

.click-language {
	position: relative;
	padding-right: 18px;
}

.click-language:after {
	background: url('../Images/down-arrow.png') no-repeat center center;
	background-size: 12px auto;
	height: 12px;
	width: 12px;
	position: absolute;
	right: 0px;
	top: 8px;
	content: "";
}

.header-bottom {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding: 20px 8px;
	min-height: 150px;
	background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.00) 100%);
	position: fixed;
	top: 0;
}

@media(min-width:992px) {
	.header-bottom {
		padding: 22px 0;
		min-height: 150px;
	}
}

.header-part.sticky.sticky-fixed .header-bottom {
	background: var(--white-color);
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	min-height: auto;
}

.header-bottom-inner {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: flex-end;
}

.header-bottom-inner .header-btns {
	display: none;
}


.header-bottom-inner .header-btns .theme-btn {
	padding: 0px 26px;
	font-size: 16px;
	line-height: 1;
	margin-right: 20px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	min-width: auto;
}

.header-bottom-inner .header-btns .theme-btn.theme-btn-border svg {
	margin-right: 8px;
}

[data-bs-theme=dark] .header-bottom-inner .header-btns .theme-btn.theme-btn-border svg path {
	fill: var(--black-color);
	stroke: var(--black-color);
}

.header-bottom-inner .header-btns .theme-btn:last-child {
	margin-right: 0;
}

.header-bottom-inner .header-btns .btn-primary {
	background-color: var(--secondary);
	color: var(--white-color);
}

.header-bottom-inner .header-btns .theme-btn.theme-btn-border:hover {
	background-color: var(--primary);
	color: var(--white-color);
}

.header-bottom-inner .header-btns .theme-btn.theme-btn-border:hover svg path {
	fill: var(--white-color);
	stroke: var(--white-color);
}

@media(min-width:992px) {
	.header-bottom-inner .header-btns {
		display: flex;
		flex-wrap: wrap;
	}

}

[data-bs-theme=dark] .header-bottom-inner .header-btns .theme-btn {
	background: var(--black-color);
	color: var(--white-color);
}


.logo {
	margin-right: auto;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

@media(max-width:767px) {
	.logo {
		max-width: 250px;
	}
}

.logo .logo-simple .navbar-brand .navbar-brand-logo-normal,
.logo .logo-sticky .navbar-brand .navbar-brand-logo-normal {
	display: block;
}

.logo .logo-simple .navbar-brand .navbar-brand-logo-normal.dark-logo,
.logo .logo-sticky .navbar-brand .navbar-brand-logo-normal.dark-logo {
	display: none;
}

[data-bs-theme=dark] .logo .logo-simple .navbar-brand .navbar-brand-logo-normal,
[data-bs-theme=dark] .logo .logo-sticky .navbar-brand .navbar-brand-logo-normal {
	display: none;
}

[data-bs-theme=dark] .logo .logo-simple .navbar-brand .navbar-brand-logo-normal.dark-logo,
[data-bs-theme=dark] .logo .logo-sticky .navbar-brand .navbar-brand-logo-normal.dark-logo {
	display: block;
}


.submenu-menu li {
	display: block;
}
@media(max-width:1200px) {
	.main-menu>ul>li .submenu-menu li{
		margin-bottom: 20px;
	}
	.main-menu>ul>li .submenu-menu li.active >a, .main-menu>ul>li .submenu-menu li.open >a{
		font-weight: 500;
	}
}
.main-menu>ul>li .submenu-menu li a {
	padding: 3px 13px 3px 0;
}

.main-menu>ul>li .sub-submenu-show li a {
	font-weight: 300;
	padding-left: 31px;
	margin-top: 20px;
}

.main-menu>ul>li .sub-submenu-show li:hover >a,
.main-menu>ul>li .sub-submenu-show li.active >a {
	font-weight: 500;
}

.main-menu>ul>li .sub-submenu-show li::before {
	content: "";
	background: url('../Images/left-arrow-menu.svg');
	width: 21px;
	height: 21px;
	position: absolute;
	left: 0;
	top: 3px;
	background-position: center center;
	background-size: 100%;
	background-repeat: no-repeat;
	pointer-events: none;
}

@media(min-width:1201px) {
	.main-menu>ul>li .submenu-menu li a {
		padding: 0 30px 10px 16px;
	}

	.main-menu>ul>li .sub-submenu-show li a {
		padding: 3px 20px 13px 16px;
		margin-top: 0;
	}

	.main-menu>ul>li .sub-submenu-show li {
		position: relative;
	}

	.main-menu>ul>li .sub-submenu-show li::before {
		content: "";
		background: url('../Images/left-arrow-menu.svg');
		width: 11px;
		height: 11px;
		top: 6px;
		background-position: center center;
		background-size: 100%;
		background-repeat: no-repeat;
	}
}

.submenu-menu li a {
	font-size: 18px;
	display: block;
	color: var(--white-color);
	padding: 0;
	font-weight: 300;
	line-height: 1.4;
}

.sub-submenu-show li a {
	font-size: 16px;
}

@media(min-width:992px) {
	.submenu-menu li a {
		font-size: 15px;
	}
	.submenu-menu li:hover a{
		font-weight: 500;
	}

	.sub-submenu-show li a {
		font-size: 13px;
	}
}

.submenu-menu li:hover a {
	color: var(--white-color);
}

.social-media {
	display: block;
	padding: 30px 40px;
	position: sticky;
	bottom: 0;
	background: var(--white-color);
	z-index: 3;
}

.social-media ul,
.social-media li {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.social-media ul {
	display: flex;
	width: auto;
}

.social-media ul li {
	margin-right: 28px;
	width: 23px;
	height: 23px;
}

.social-media ul li a {
	display: block;
	width: 23px;
	height: 23px;
}

.social-media ul li:last-child {
	margin-right: 0px;
}

.social-media ul .social-insta a {
	background: url('../Images/insta.svg') no-repeat center center;
}

.social-media ul .social-twitter a {
	background: url('../Images/twitter.svg') no-repeat center center;
}

.social-media ul .social-facebook a {
	background: url('../Images/facebook.svg') no-repeat center center;
}

.social-media ul .social-linked a {
	background: url('../Images/linked.svg') no-repeat center center;
}



.logo-simple {
	display: block;
}

@media (min-width:768px) {
	.logo-simple {
		width: auto;
	}
}

.logo-sticky {
	display: none;
}

.header-part.sticky.sticky-fixed .logo-simple {
	display: none;
}

.header-part.sticky.sticky-fixed .logo-sticky {
	display: block;
}


.header-part.sticky.sticky-fixed .header-bottom .header-btns {
	display: none;
}


.header-part.sticky.sticky-fixed .header-top {
	margin-top: -48px;
}

.main-part {
	min-height: 800px;
}

.footer-top-part,
.footer-top-part a {
	color: var(--white-color);
}

.footer-top-part {
	background: var(--header-txt);
	padding: 50px 0 90px 0;
}

.footer-part {
	font-size: 20px;
	line-height: 26px;
}

.footer-part a:hover {
	opacity: 0.75;
}

.footer-part h5 {
	margin: 0 0 29px 0;
	font-size: 26px;
	color: var(--white-color);
	text-transform: uppercase;
}

.footer-left-logo {
	max-width: 259px;
	margin-bottom: 27px;
}

.footer-part ul,
.footer-part li {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.footer-part li a {
	display: flex;
	width: 100%;
	align-items: center;
}

.footer-part li a img {
	min-width: 20px;
	margin-right: 12px;
}

.footer-top-links ul li {
	margin-bottom: 8px;
	background: transparent;
}

.footer-top-links ul li:last-child {
	margin-bottom: 0px;
}

.footer-top-links ul li a {
	display: flex;
	width: 100%;
	align-items: center;
}

.footer-top-links ul li a img {
	max-width: 20px;
	min-width: 20px;
	margin-right: 20px;
	position: relative;
	top: 1px;
}

.footer-left-info p strong {
	display: block;
}

.footer-top-links {
	margin-right: 25px;
}

.footer-top-links:last-child {
	margin-right: 0px;
}

.footer-top-right {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-between;
}

.footer-bottom-inner {
	display: flex;
	width: 100%;
	justify-content: center;
	position: relative;
	top: -78px;
	z-index: 1;
}

.logo-footer {
	width: 175px;
	height: 160px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--white-color);
	padding: 20px;
	-webkit-box-shadow: 0 0 30px 0 #0000004D;
	-moz-box-shadow: 0 0 30px 0 #0000004D;
	box-shadow: 0 0 30px 0 #0000004D;
	margin-right: 25px;
}

.logo-footer:last-child {
	margin-right: 0px;
}

.footer-top-left {
	max-width: 400px;
}


.bp-page-footer {
	background: url('../Images/footer-bg-mobile.svg') no-repeat;
	min-height: auto;
	display: flex;
	flex-direction: column;
	/* justify-content: start; */
	padding-bottom: 35px;
	padding-top: 125px;
	background-position: top center;
	background-size: cover;
}

@media (min-width:768px) {
	.bp-page-footer {
		background: url('../Images/footer-bg-mobile.svg') no-repeat;
		min-height: 740px;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		padding-bottom: 35px;
		background-position: top center;
		background-size: cover;
	}
}

@media (min-width:992px) {
	.bp-page-footer {
		background: url('../Images/footer-bg.svg') no-repeat;
		background-position: center;
		background-size: cover;
		min-height: 680px;
	}
}

.footer-section,
.footer-section p,
.footer-section a {
	font-size: 17px;
	font-weight: 300;
	color: var(--dark-gray);
}
.footer-section p{
	margin-bottom: 5px;
}

.footer-section p strong {
	font-weight: 700;
}

.footer-address a {
	color: var(--primary);
}

.footer-title,
.submenu-footer {
	font-size: 17px;
	font-weight: 300;
	color: var(--dark-gray);
	padding-bottom: 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}

@media(min-width:992px) {

	.footer-title,
	.submenu-footer {
		padding-bottom: 5px;
	}
}

.submenu-footer p,
.footer-address p {
	margin-bottom: 0;
}

.footer-links li {
	background: none;
	padding: 0;
}

.footer-links li a {
	background: url('../Images/red-arrow.svg') no-repeat 0 1px;
	padding-left: 24px;
}

.footer-section .submenu-footer::after {
	content: "";
	background: url('../Images/footer-arrow.svg') no-repeat;
	position: absolute;
	/* left: 0; */
	top: 8px;
	right: 0;
	background-size: contain;
	background-position: center;
	display: block;
	width: 28px;
	height: 28px;
	/* margin-left: 20px; */
	transform: rotate(0deg);
}


.footer-section .submenu-footer.active::after {
	transform: rotate(90deg);
}

@media (max-width: 767px) {
	.footer-section .footer-links {
		display: none;
	}
}

@media (min-width: 768px) {
	.footer-section .footer-links {
		display: block !important;
	}

	.footer-section .submenu-footer::after {
		content: none;
	}
}

/*MOBILE HUMBERGER */

.humbarger-menu {
	display: flex;
	width: auto;
	position: relative;
	z-index: 99;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	display: none;
}

.humbarger-menu a {
	display: inline-block;
	width: 40px;
	height: 35px;
}

.burger {
	height: 3em;
	width: 34px;
	position: relative;
	font-size: 12px;
	cursor: pointer;
	transition: all .2s;
	-webkit-tap-highlight-color: transparent;
}

.burger::after {
	content: "";
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

.burger.burger-squeeze .burger-lines::after,
.burger.burger-squeeze .burger-lines::before {
	width: 2em;
}

.burger .burger-lines::after {
	left: 0;
	top: -0.8em;
}

.burger .burger-lines::before {
	left: 0em;
	top: 0.8em;
}

.burger.burger-squeeze .burger-lines,
.burger.burger-squeeze .burger-lines::after,
.burger.burger-squeeze .burger-lines::before {
	transition: top .2s .2s, left .1s, transform .2s, background-color .4s .2s;
}

.burger .burger-lines,
.burger .burger-lines::after,
.burger .burger-lines::before {
	pointer-events: none;
	display: block;
	content: "";
	width: 100%;
	border-radius: .25em;
	background-color: var(--black-color);
	height: .25em;
	position: absolute;
	-webkit-transform: rotate(0);
	transform: rotate(0);
}

.burger.open .burger-lines,
.burger.open .burger-lines::after,
.burger.open .burger-lines::before {
	background-color: var(--white-color);
}

.humbarger-menu-on.active .burger .burger-lines,
.humbarger-menu-on.active .burger .burger-lines::after,
.humbarger-menu-on.active .burger .burger-lines::before {
	background: rgba(255, 255, 255, 0.3);
}

.humbarger-menu.humbarger-menu-on.active {
	position: relative;
	margin-left: 15px;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.close-humb .burger .burger-lines,
.close-humb .burger .burger-lines::after,
.close-humb .burger .burger-lines::before {
	background: var(--white-color);
}

.burger .burger-lines {
	top: 50%;
	margin-top: -.125em;
	width: 34px;
}

.burger.burger-squeeze .burger-lines::after,
.burger.burger-squeeze .burger-lines::before {
	width: 34px;
	left: 0;
}

.burger.burger-squeeze.open .burger-lines::after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.burger.burger-squeeze.open .burger-lines::after,
.burger.burger-squeeze.open .burger-lines::before {
	left: 0;
	top: 0;
}

.burger.burger-squeeze.open .burger-lines,
.burger.burger-squeeze.open .burger-lines::after,
.burger.burger-squeeze.open .burger-lines::before {
	transition: background-color .2s, top .2s, left .2s, transform .2s .15s;
}

.burger.burger-squeeze.open .burger-lines::before {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.burger.burger-squeeze.open .burger-lines {
	background-color: initial !important;
}

.humbarger-menu.humbarger-menu-on>span {
	color: var(--primary);
	font-size: 16px;
	font-weight: 300;
	margin-right: 8px;
}

.close-txt {
	display: none;
}

.menu-txt {
	display: none;
}

.main-menu ul>li.has-child.open .submenu-click {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
}

.submenu-click {
	display: none;
}

.submenu-click {
	position: absolute;
	left: auto;
	right: 0;
	top: 2px;
	margin: 0;
	z-index: 1;
	text-align: center;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.main-menu .has-has-child .submenu-click {
	left: auto;
	top: 4px;
	right: 0;
}

.main-menu .has-has-child {
	padding-bottom: 0;
}

/* .main-menu .submenu-menu> li {
	padding-bottom: 10px;
} */
@media(min-width:1201px){
	.main-menu .submenu-menu> li {
		padding-bottom: 0;
	}
}

.main-menu .has-has-child:last-child {
	padding-bottom: 0;
}

.has-has-child:hover .lvl-2,
.has-has-child.active .lvl-2 {
	transform: rotate(0);
}
@media(min-width:1201px){
	.has-has-child:hover .lvl-2,
	.has-has-child.active .lvl-2 {
		transform: rotate(-90deg);
	}
	.main-menu ul.submenu-menu>li.has-has-child .sub-submenu-show{
		padding-right: 0;
	}
}

.main-menu ul.submenu-menu>li.has-has-child .submenu-click {
	width: auto;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.main-menu ul.submenu-menu>li.has-has-child.open .submenu-click {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
}

.main-menu .submenu-menu ul.sub-submenu-show>li.has-has-has-child .submenu-click {
	width: auto;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.main-menu .submenu-menu ul.sub-submenu-show>li.has-has-has-child.open .submenu-click {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
}
@media(max-width:1200px){
.main-menu .submenu-menu ul.sub-submenu-show>li.has-has-has-child ul{
	padding-left: 10px;
}

}
/* .main-menu ul li ul ul li.has-has-has-child ul{
	left: calc(100% + 15px);
} */

.main-menu .has-has-child .submenu-click svg {
	width: 15px;
	height: 15px;
}

.main-menu ul>li svg {
	width: 15px;
	height: 15px;
}

.main-menu .active.has-has-child>a {
	font-weight: 500;
}

@media (min-width:1201px) {
	.main-menu ul>li svg {
		width: 11px;
		height: 10px;
	}

}


@media (min-width:1201px) {
	.main-menu .has-has-child .submenu-click svg {
		width: 12px;
		height: 12px;
	}

	.main-menu .has-has-child .submenu-click {
		display: none;
	}
}

.main-menu ul li ul>li.open .submenu-click,
.main-menu ul li ul>li.active .submenu-click {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
}

.submenu-click svg path {
	stroke: var(--white-color);
}




.header-part.sticky.sticky-fixed .humbarger-menu.humbarger-menu-on>span {
	color: var(--white-color);
}

.header-part.sticky.sticky-fixed .close-humb .burger .burger-lines,
.header-part.sticky.sticky-fixed .close-humb .burger .burger-lines::after,
.header-part.sticky.sticky-fixed .close-humb .burger .burger-lines::before {
	background: var(--white-color);
}

.header-part.sticky.sticky-fixed .burger .burger-lines,
.header-part.sticky.sticky-fixed .burger .burger-lines::after,
.header-part.sticky.sticky-fixed .burger .burger-lines::before {
	background: var(--black-color);
}

.body-hide {
	overflow: hidden;
}

.body-hide .logo {
	display: none;
}

.language-menu-right.active .language-drop {
	display: block;
}

.list-icon,
.list-icon li,
ul li {
	font-size: 20px;
	line-height: 27px;
	font-weight: 300;
	color: var(--dark-gray);
	padding: 0px;
	margin: 0px;

}

.list-icon,
ul {
	margin-bottom: 25px;
	padding-left: 0;
}

.list-icon li,
ul li {
	display: block;
	position: relative;
	padding-left: 18px;
	background: url('../Images/icon1.svg') no-repeat 0 8px;
}

[data-bs-theme=dark] .list-icon li,
[data-bs-theme=dark] ul li {
	display: block;
	position: relative;
	background: url('../Images/Icon1-dark.svg') no-repeat 0 4px;
}

.list-ordered,
.list-ordered li{
	list-style: none;
	padding: 0px;
	margin: 0px;
	font-size: 20px;
	line-height: 27px;
	font-weight: 300;
	color: var(--dark-gray);
}

.list-ordered, ol {
	margin-bottom: 25px;
	padding-left: 25px;
	position: relative;
}

/* .list-ordered li:before,
ol li:before {
	counter-increment: listitem;
	content: counters(listitem, '.') '.';
	color: var(--primary);
	margin-right: 5px;
	position: absolute;
	left: 0;
	font-weight: 500;
} */

ol li::marker, .list-ordered li::marker{
	color: var(--primary);
    font-weight: 500;
}

table {
	width: 100%;
	margin-bottom: 25px;
}

table tr th {
	color: var(--primary) !important;
	padding: 10px;
	border-bottom: 1px solid var(--txt-color);
	font-weight: 700 !important;
}

table tr td {
	padding: 8px;
	border-bottom: 1px solid var(--txt-color);
	color: var(--dark-gray);
}

.scroll-top {
	background-color: var(--primary);
}

.scroll-top:active,
.scroll-top:focus,
.scroll-top:hover {
	background-color: var(--secondary);
}

.file-link,
.page-link-show,
.external-link,
.telefon-link,
.email-link {
	font-weight: 300;
	color: var(--primary);
	position: relative;
	font-size: 20px;
}

.file-link:hover,
.page-link-show:hover,
.external-link:hover,
.telefon-link:hover,
.email-link:hover {
	color: var(--primary);
	opacity: 0.80;
}

.file-link:after {
	content: "";
	background: url('../Images/file.svg') no-repeat center center;
	width: 16px;
	height: 16px;
	display: inline-block;
	background-size: 14px auto;
	margin-left: 5px;
	vertical-align: middle;
	position: relative;
	top: -1px;
}

[data-bs-theme=dark] .file-link:after {
	content: "";
	background: url('../Images/file-dark.svg') no-repeat center center;
}

.page-link-show:before {
	content: "";
	background: url('../Images/arrow-link.svg') no-repeat center center;
	width: 8px;
	height: 11px;
	display: inline-block;
	margin-right: 3px;
	background-size: 8px auto;
	vertical-align: middle;
}

[data-bs-theme=dark] .page-link-show:before {
	content: "";
	background: url('../Images/arrow-link-dark.svg') no-repeat center center;
}

.external-link:after {
	content: "";
	background: url('../Images/external-link.svg') no-repeat center center;
	width: 13px;
	height: 18px;
	display: inline-block;
	background-size: 13px auto;
	margin-left: 5px;
	vertical-align: middle;
	position: relative;
	top: -1px;
}

[data-bs-theme=dark] .external-link:after {
	content: "";
	background: url('../Images/external-link-dark.svg') no-repeat center center;
}

.telefon-link:before {
	content: "";
	background: url('../Images/phone.svg') no-repeat center center;
	width: 13px;
	height: 18px;
	display: inline-block;
	margin-right: 6px;
	background-size: 13px auto;
	vertical-align: middle;
}

[data-bs-theme=dark] .telefon-link:before {
	content: "";
	background: url('../Images/phone-dark.svg') no-repeat center center;
}

.email-link:before {
	content: "";
	background: url('../Images/email-icon.svg') no-repeat center center;
	width: 13px;
	height: 18px;
	display: inline-block;
	margin-right: 6px;
	background-size: 13px auto;
	vertical-align: middle;
	position: relative;
	top: -1px;
}

[data-bs-theme=dark] .email-link:before {
	content: "";
	background: url('../Images/email-icon-dark.svg') no-repeat center center;
}

.img-wrapper img {
	width: 100%;
}

.info-wrapper p:last-child {
	margin-bottom: 0px;
}

.spacer-remover {
	margin-bottom: 25px;
}

/* COMMON STYLE FOR TYPO3 */

.frame-space-before-extra-large {
	margin-top: 200px;
}

.frame-space-after-extra-large {
	margin: 200px;
}

.frame-space-before-large {
	margin-top: 120px;
}

.frame-space-after-large {
	margin-bottom: 120px;
}

.frame-space-before-medium {
	margin-top: 100px;
}

.frame-space-after-medium {
	margin-bottom: 100px;
}

.frame-space-before-small {
	margin-top: 50px;
}

.frame-space-after-small {
	margin-bottom: 50px;
}

.frame-space-before-extra-small {
	margin-top: 30px;
}

.frame-space-after-extra-small {
	margin-bottom: 30px;
}

.ce-center.ce-above,
.ce-center.ce-below {
	text-align: center;
}

.ce-center.ce-above .ce-bodytext,
.ce-center.ce-below .ce-bodytext {
	text-align: left;
}

.ce-right.ce-above,
.ce-right.ce-below {
	text-align: right;
}

.ce-right.ce-above .ce-bodytext,
.ce-right.ce-below .ce-bodytext {
	text-align: left;
}

.ce-left.ce-above,
.ce-left.ce-below {
	text-align: left;
}

.ce-left.ce-above .ce-bodytext,
.ce-left.ce-below .ce-bodytext {
	text-align: left;
}

.ce-right.ce-intext .ce-gallery {
	float: right;
	margin: 0 0 0px 20px;
}

.ce-right.ce-intext.ce-nowrap .ce-gallery {
	width: 25%;
}

.ce-right.ce-intext .ce-bodytext {
	text-align: left;
}

.ce-right.ce-intext.ce-nowrap .ce-bodytext {
	padding-right: 30%;
}

.ce-left.ce-intext .ce-gallery {
	float: left;
	margin: 0 20px 0px 0;
}

.ce-left.ce-intext.ce-nowrap .ce-gallery {
	width: 25%;
}

.ce-left.ce-intext .ce-bodytext {
	text-align: left;
}

.ce-left.ce-intext.ce-nowrap .ce-bodytext {
	padding-left: 30%;
}



.boxer-row {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	padding: 0 28px;
	border: 1px solid #B5B5B5;
	margin-bottom: 12px;
	font-weight: 500;
}

.boxer-col-head,
.boxer-col-info {
	flex: 0 0 25%;
	max-width: 25%;
	padding: 13px 50px 13px 0;
	color: var(--pink-color);
}

.boxer-col-info {
	color: #0A0A12;
}

.boxer-row-body .boxer-col-head {
	display: none;
}


.home-slider .owl-theme .owl-dots .owl-dot span {
	width: 6px;
	height: 6px;
	background: var(--black-color);
	margin: 5px 6px;
}

.home-slider .owl-theme .owl-nav.disabled+.owl-dots {
	margin-top: 0;
}

.home-slider .owl-theme .owl-dots .owl-dot.active span,
.home-slider .owl-theme .owl-dots .owl-dot:hover span {
	background: var(--primary);
}

.home-slider .owl-carousel .owl-dots.disabled {
	display: block;
}

.home-slider-box-inner .full-left-curve,
.home-slider-box-inner .full-right-curve {
	display: none;
}


.click-arrow {
	display: none;
	position: absolute;
	bottom: 55px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 50px;
	height: 50px;
	z-index: 11;
}


.breadcrumb-section {
	padding: 20px 0;
	background: transparent;
}

.breadcrumb-section ol,
.breadcrumb-section ol li {
	margin: 0;
}

.breadcrumb-section ol li:before {
	display: none;
}

.breadcrumb-section ol li a.breadcrumb-link {
	color: var(--secondary);
	font-weight: 300;
	font-size: 14px;
}

.breadcrumb-section ol li.active .breadcrumb-link-title {
	color: var(--black-color);
	font-weight: 700;
	font-size: 14px;
}

.breadcrumb-item+.breadcrumb-item::before {
	content: "/";
	position: relative;
	left: 0;
	display: block;
	top: 3px;
	font-size: 14px;
	font-weight: 300;
}

.search-title {
	color: var(--fix-menu-anchor);
	font-size: 50px;
	line-height: 65px;
	font-weight: 500;
	margin-bottom: 55px;
}


.card-search {
	border: 0;
	border-bottom: 1px solid #B5B2B2;
	border-radius: 0;
	padding: 0 0 30px 0;
	margin: 70px 0 40px 0;
	background-color: transparent;
}

.card-search .card-body {
	padding: 0;
}

.card-search .card-body h4 {
	margin-bottom: 15px;
	font-weight: 500;
}

.card-search .card-body h4,
.card-search .card-body h4 * {
	color: var(--primary) !important;
}

.card-search .path-link,
.card-search .path-link a {
	font-size: 20px;
	color: var(--primary) !important;
	font-weight: 300 !important;
	line-height: 1.2;
	margin-top: 50px;
}

.card-search .card-body h3 {
	margin-bottom: 10px;
}

.card-search .card-body h3 a {
	font-weight: 500 !important;
}



.media .media-body .media-heading {
	font-size: 35px;
	color: var(--fix-menu-anchor);
	font-weight: 500;
	margin-bottom: 15px;
}

.media .media-body .media-heading a {
	color: var(--fix-menu-anchor);
}

.media .media-body p {
	margin-bottom: 15px;
}


.searchforword {
	margin: 60px 0 80px 0;
	font-size: 45px;
	line-height: 55px;
	text-transform: uppercase;
	color: var(--fix-menu-anchor);
	font-weight: 500;
}

@media (min-width: 1400px) {

	.container,
	.frame-container-default {
		max-width: 1580px;
	}
}

.searchforword p {
	margin: 0;
}

.textpic.textpic-right h1,
.textpic.textpic-right h2,
.textpic.textpic-right h3,
.textpic.textpic-right h4,
.textpic.textpic-right h5,
.textpic.textpic-right h6 {
	margin-top: 0;
}

.textpic.textpic-left h1,
.textpic.textpic-left h2,
.textpic.textpic-left h3,
.textpic.textpic-left h4,
.textpic.textpic-left h5,
.textpic.textpic-left h6 {
	margin-top: 0;
}

.card-group-element-item .card {
	-webkit-box-shadow: 0px 3px 30px #00000029;
	-moz-box-shadow: 0px 3px 30px #00000029;
	box-shadow: 0px 3px 30px #00000029;
	border: none;
	position: relative;
}
.card-group-element-item .card .card-body {
	background: none;
	background-color: var(--card-bg);
}
.card-group-element-item a.card .card-body {
	padding: 24px 26px 45px 26px;
	background: url(../Images/card-bottom-arrow.svg) no-repeat right 26px bottom 23px;
	background-color: var(--card-bg);
}

.card-group-element-item .card-body .card-sub-title {
	font-size: 16px;
	line-height: 23px;
	margin-bottom: 10px;
}

.card-group-element-item .card-body .card-title {
	font-size: 21px;
	font-weight: normal;
	margin-top: 0;
	line-height: 1.1;
	margin-bottom: 20px;
	color: var(--primary);
}

[data-bs-theme=dark] .card-group-element-item .card-body {
	background: url(../Images/green-arrow-right-white.svg) no-repeat right 26px bottom 23px;
	background-color: var(--card-bg);
}

[data-bs-theme=dark] .card-group-element-item .card-body .card-sub-title,
[data-bs-theme=dark] .card-group-element-item .card-body .card-title,
[data-bs-theme=dark] .card-group-element-item .card-body p {
	color: var(--white-color);
}

.card-group-element-item .card-img-top {
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 210px;
    height: auto;
    border-radius: 6px;
}

.card-group-element-item .card-img-top img {
    aspect-ratio: 3/4;
    object-fit: cover;
	object-position: center;
}

.card-footer{
	position: absolute;
    right: 26px;
    bottom: 23px;
    padding: 0;
    margin: 0;
}
.card-footer a{
	margin: 0;
}
.card-footer a .btn-text {
	display: none;
}

.card-footer a{
	padding: 20px;
	background: url(../Images/card-bottom-arrow.svg) no-repeat center;
	background-color: var(--card-bg);
}
.row.textpic-intext-left {
	display: block;
}

.row.textpic-intext-right {
	display: block;
}


.card-panel-primary a.theme-btn.theme-btn-border,
.card-panel-primary a.theme-btn:hover {
	background: var(--white-color);
	color: var(--primary);
	border-color: var(--primary);
}


.card-panel-secondary a.theme-btn.theme-btn-border,
.card-panel-secondary a.theme-btn:hover {
	background: var(--white-color);
	color: var(--secondary);
	border-color: var(--secondary);
}


.card-panel-success,
.card-panel-success a.theme-btn.theme-btn-border,
.card-panel-success a.theme-btn:hover {
	background: var(--white-color);
	color: var(--success);
}

.card-panel-success a.theme-btn.theme-btn-border,
.card-panel-success a.theme-btn {
	border-color: var(--success);
}

.card-panel-danger,
.card-panel-danger a.theme-btn.theme-btn-border,
.card-panel-danger a.theme-btn:hover {
	background: var(--white-color);
	color: var(--danger);
}

.card-panel-danger a.theme-btn.theme-btn-border,
.card-panel-danger a.theme-btn {
	border-color: var(--danger);
}

.card-panel-warning,
.card-panel-warning a.theme-btn.theme-btn-border,
.card-panel-warning a.theme-btn:hover {
	background: var(--white-color);
	color: var(--warning);
}

.card-panel-warning a.theme-btn.theme-btn-border,
.card-panel-warning a.theme-btn {
	border-color: var(--warning);
}

.card-panel-info,
.card-panel-info a.theme-btn.theme-btn-border,
.card-panel-info a.theme-btn:hover {
	background: var(--white-color);
	color: var(--info);
}

.card-panel-info a.theme-btn.theme-btn-border,
.card-panel-info a.theme-btn {
	border-color: var(--info);
}

.card-panel-light,
.card-panel-light a.theme-btn.theme-btn-border,
.card-panel-light a.theme-btn:hover {
	background: var(--white-color);
	color: var(--gray-500);
}

.card-panel-light a.theme-btn.theme-btn-border,
.card-panel-light a.theme-btn {
	border-color: var(--gray-500);
}

.card-panel-dark,
.card-panel-dark a.theme-btn.theme-btn-border,
.card-panel-dark a.theme-btn:hover {
	background: var(--white-color);
	color: var(--dark-gray);
}

.card-panel-dark a.theme-btn.theme-btn-border,
.card-panel-dark a.theme-btn {
	border-color: var(--dark-gray);
}

.frame-background-primary {
	background: var(--primary);
	color: #ffffff;
}

.frame-background-secondary {
	background: var(--secondary);
	color: #ffffff;
}

.frame-background-primary .tab-navigation,
.frame-background-secondary .tab-navigation {
	margin: 0;
}

.frame-background-primary .nav-tabs,
.frame-background-secondary .nav-tabs {
	border: none;
}

.frame-background-primary .nav-tabs .nav-link,
.frame-background-primary .nav-tabs .nav-link.active,
.frame-background-secondary .nav-tabs .nav-link,
.frame-background-secondary .nav-tabs .nav-link.active {
	border: none;
	background: transparent;
	border: none;
	color: var(--white-color);
}

.frame-background-primary p,
.frame-background-secondary p {
	color: var(--white-color);
}

.accordion-header {
	margin: 0px;
}

.accordion-button:focus {
	box-shadow: none !important;
}

.accordion-item .accordion-header .accordion-button:not(.collapsed) {
	background: var(--accordion-bg);
	border: none;
	color: var(--primary) !important;
}

.accordion-item .accordion-header .accordion-button {
	font-size: 24px;
	line-height: 1.2;
	font-weight: 400;
	padding: 20px;
	border-radius: 0px !important;
	background: var(--accordion-bg);
	color: var(--primary) !important;
}

@media(min-width:768px) {
	.accordion-item .accordion-header .accordion-button {
		font-size: 24px;
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 25px;
		padding-right: 25px;
	}
}

.accordion-item .accordion-header .accordion-button:after {
	background: url('../Images/accordion-icon-down.svg') no-repeat center center;
}

.accordion-item .accordion-header .accordion-button:not(.collapsed):after {
	background: url('../Images/accordion-icon-down-active.svg') no-repeat center center;
	transform: unset !important;
}

.accordion-item {
	border: none;
	margin-bottom: 16px;
}

.accordion-item .accordion-body {
	padding-top: 58px;
	padding-bottom: 48px;
	border: 1px solid #DDE3E3;
}

.accordion-content-text h4 {
	font-size: 25px;
	line-height: 1.3;
	margin-bottom: 20px;
	color: var(--primary);
}

.accordion-item:first-of-type {
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
}

.accordion-item:last-of-type {
	border-bottom-right-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

.nav-tabs .nav-link {
	font-size: 22px;
	color: var(--primary);
	font-weight: 500;
	border-radius: 0px !important;
}

.tab-navigation {
	margin: 0;
}

.carousel-item-layout-secondary {
	background: var(--header-txt);
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	color: var(--gray-500);
}

.tab-content>.tab-pane {
	padding: 16px;
}

@media(min-width:992px) {
	.tab-content>.tab-pane {
		padding: 40px 20px;
	}
}

.tab-content h2 {
	font-size: 25px;
	line-height: 1.2;
	margin-bottom: 20px;
}

.timeline-item .timeline-item-inner {
	-webkit-box-shadow: 0px 3px 30px #0000004D;
	-moz-box-shadow: 0px 3px 30px #0000004D;
	box-shadow: 0px 3px 30px #0000004D;
	border: none;
}

.timeline-item .timeline-item-header-headline {
	font-size: 28px;
	color: var(--blue-color1);
	margin: 13px 0 20px 0;
	font-weight: 500;
}

.timeline-item .timeline-item-date,
.timeline-item .timeline-item-text {
	color: var(--txt-color);
}

.carousel .carousel-control-icon::before {
	transform: rotate(45deg);
	content: "";
	width: 0.5em;
	height: 0.5em;
	display: block;
	border-top: 1px solid var(--light-perrot);
	border-right: 1px solid var(--light-perrot);
}

.timeline-item-marker::after,
.timeline-item-marker::before,
.timeline-item-marker span,
.timeline-item-icon::after,
.timeline-item-icon::before,
.timeline-item-icon span {
	border-color: var(--header-txt);
}

.timeline-item-date {
	font-size: unset;
}

.carousel:hover .carousel-control-next .carousel-control-icon {
	right: -1px;
}

.carousel-text-inner {
	text-align: center;
}

.video-title h4 {
	margin-top: 0px;
	margin-bottom: 15px;
}

.textpic.textpic-above .textpic-item.textpic-gallery {
	max-width: 1120px;
	margin: 0 auto;
}

.textpic.textpic-above-right .textpic-item.textpic-gallery {
	max-width: 1120px;
	margin-left: auto;
	margin-right: 0px;
}

.textpic.textpic-above-left .textpic-item.textpic-gallery {
	max-width: 1120px;
	margin-right: auto;
	margin-left: 0
}

.textpic.textpic-below .textpic-item.textpic-gallery {
	max-width: 1120px;
	margin: 0 auto;
}

.textpic.textpic-below-right .textpic-item.textpic-gallery {
	max-width: 1120px;
	margin-left: auto;
	margin-right: 0;
}

.textpic.textpic-below-left .textpic-item.textpic-gallery {
	max-width: 1120px;
	margin-right: auto;
	margin-left: 0px;
}

.textpic.textpic-below.textpic-below-left .textpic-item.textpic-text {
	text-align: left;
}


.card-panel-primary a.theme-btn,
.card-panel-primary a.theme-btn.theme-btn-border:hover {
	background: var(--primary);
	color: var(--white-color);
	border: 2px solid var(--primary);
}

.card-panel-secondary a.theme-btn,
.card-panel-secondary a.theme-btn.theme-btn-border:hover {
	background: var(--secondary);
	color: var(--white-color);
	border: 2px solid var(--secondary);
}

.card-panel-success a.theme-btn,
.card-panel-success a.theme-btn.theme-btn-border:hover {
	background: var(--success);
	color: var(--white-color);
	border: 2px solid var(--success);
}

.card-panel-danger a.theme-btn,
.card-panel-danger a.theme-btn.theme-btn-border:hover {
	background: var(--danger);
	color: var(--white-color);
	border: 2px solid var(--danger);
}

.card-panel-warning a.theme-btn,
.card-panel-warning a.theme-btn.theme-btn-border:hover {
	background: var(--warning);
	color: var(--white-color);
	border: 2px solid var(--warning);
}

.card-panel-info a.theme-btn,
.card-panel-info a.theme-btn.theme-btn-border:hover {
	background: var(--info);
	color: var(--white-color);
	border: 2px solid var(--info);
}

.card-panel-light a.theme-btn,
.card-panel-light a.theme-btn.theme-btn-border:hover {
	background: var(--gray-500);
	color: var(--white-color);
	border: 2px solid var(--gray-500);
}

.card-panel-dark a.theme-btn,
.card-panel-dark a.theme-btn.theme-btn-border:hover {
	background: var(--dark-gray);
	color: var(--white-color);
	border: 2px solid var(--dark-gray);
}

/***************************
 History Section Section Start
 **************************/
.history-section {
	background: var(--blue-color);
	padding: 80px 0 100px 0;
}

.history-section h3 {
	color: var(--white-color);
	margin: 0 0 50px 0;
	padding: 0;
}

.history-section .owl-stage {
	display: flex;
}

.history-section .owl-item,
.history-section .item {
	height: 100%;
}

.history-section .projects-timeline {
	display: flex;
}

.history-section .projects-timeline .project {
	display: flex;
	flex-direction: column;
}

.history-section .projects-timeline .project .year {
	height: 38px;
	text-align: center;
	font-size: 25px;
	line-height: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 16px;
	position: relative;
	clip-path: polygon(95% 0, 100% 50%, 95% 100%, 0% 100%, 5% 48%, 0% 0%);
}

.history-section .projects-timeline .project.finish .year {
	background-color: var(--white-color);
	color: var(--blue-color1);
	z-index: 2;
}

.history-section .projects-timeline .project.in-progress .year {
	background-color: var(--perrot-color);
	color: var(--white-color);
	z-index: 2;
}

.history-section .projects-timeline .project.open .year {
	background-color: #4f6881;
	color: var(--white-color);
	height: 36px;
	z-index: 1;
}

.history-section .projects-timeline .project .project-head {
	height: 100%;
	min-height: 92px;
	display: flex;
}

.history-section .projects-timeline .project .project-body {
	margin-top: auto;
}

.history-section .projects-timeline .project .heading-box {
	border-left: 2px solid var(--perrot-color);
	margin-left: 40px;
	margin-bottom: 10px;
	padding-left: 5px;
}

.history-section .projects-timeline .project .heading-box p {
	font-size: 18px;
	color: var(--perrot-color);
	margin: 0;
	padding: 0 0 8px 0;
}

.history-section .projects-timeline .project .subheading-box {
	font-size: 18px;
	color: var(--white-color);
	line-height: 1.2;
	text-align: center;
	margin: 0;
	padding: 0;
}

@media(max-width: 767px) {
	.history-section .projects-timeline .project .heading-box p {
		font-size: 16px;
	}

	.history-section .projects-timeline .project .heading-box {
		margin-left: 20px;
	}
}

/***************************
 history-section Section End
 **************************/

/***************************
Top Head Start
 **************************/

.font-large .toggle-text-btn {
	font-size: 12px;
	color: var(--dark-gray);
	border: 0;
	border-radius: 0;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.font-large .toggle-text-btn.active {
	font-weight: 600;
}

@media(min-width: 992px) {
	.font-large .toggle-text-btn {
		width: auto;
	}

	[data-bs-theme=dark] .font-large .toggle-text-btn {
		color: var(--white-color);
	}
}


@media(min-width: 992px) {

	[data-bs-theme=dark] .font-large.dark-mode,
	[data-bs-theme=dark] .kontrast-blog.dark-mode {
		display: block;
	}
}

.kontrast-blog .btn {
	font-size: 12px;
	color: var(--dark-gray);
	border: 0;
	border-radius: 0;
	line-height: 1;
	margin: 0;
	padding: 0;
	display: inline-flex;
	align-items: center;
	width: 100%;
	justify-content: space-between;
}

@media(min-width: 992px) {
	[data-bs-theme=dark] .kontrast-blog .btn {
		color: var(--white-color);
	}
}

/***************************
Top Head End
 **************************/


/***************************
 Blog Page CSS Start
 ***************************/

.category-list ul {
	display: inline-block;
	margin: 0;
	padding: 0;
}

.category-list ul li {
	display: inline-block;
	background: transparent;
	border-left: 2px solid var(--blue-bg);
	padding: 0 24px;
	position: relative;
	margin: 5px 0;
}

.category-list ul li:last-child {
	padding-right: 0;
}

.category-list ul li img {
	margin-left: 10px;
	width: 26px;
	position: relative;
	top: -2px;
}

.category-list ul li a {
	color: var(--txt-color);
}

.category-list ul li a:hover {
	color: var(--perrot-color);
}

.card-thumb {
	height: 149px;
	background-color: var(--card-bg);
}



.news-thumb img,
.card-thumb img {
	object-fit: cover;
	width: 100%;
	height: 100%;

}



.news-details .btn-back {
	min-width: inherit;
	padding-left: 40px;
	position: relative;
	font-size: 19px;
	line-height: 1.5;
	color: var(--secondary);
	margin-bottom: 80px;
}

.news-details .btn-back::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background: url('../Images/card-bottom-arrow.svg') no-repeat;
	background-size: cover;
	width: 25px;
	height: 25px;
	transform: rotate(180deg);
}

.news-details .title {
	margin-top: 80px;
	font-size: 50px;
	line-height: 1.5;
	font-weight: 500;
	margin-bottom: 15px;
	color: var(--secondary);
}

.news-details .sub-title {
	font-size: 20px;
	line-height: 1.4;
	margin-bottom: 28px;
	color: var(--secondary);
	font-weight: 700;
}

.news-details h2 {
	font-size: 25px;
	line-height: 1.4;
	margin-bottom: 25px;
	margin-top: 15px;
	color: var(--primary);
}

.news-details img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	aspect-ratio: 4 / 3;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0px 30px 30px #00000029;
	margin-bottom: 18px;
}


.news-details p {
	margin-bottom: 50px;
}

.news-details .news-img-caption {
	font-size: 16px;
	color: var(--secondary);
	line-height: 1.2;
	margin-bottom: 0;
	font-style: italic;
}

.news-details figure figcaption {
	font-size: 16px;
	word-wrap: break-word;
	color: var(--gray-color);
	line-height: 1.3;
	margin: 20px 0;
	opacity: 1;
	padding: 0;
}

.news-details figure figcaption .copyright {
	font-style: italic;
	font-weight: 300;
}

.news-details .gallery-item picture {
	position: relative;
	border-radius: 10px;
}

figure img,
figure picture {
	border-radius: 10px;
}

.gallery-item img,
.gallery-item picture {
	border-radius: 10px;
}

.copyright_on_image {
	display: none;
}

.news-details .gallery-item .copyright_on_image {
	position: absolute;
	color: #FFF;
	font-size: 1rem;
	left: 20px;
	bottom: 13px;
	display: block;
}


.news-details .frame-container-default {
	max-width: inherit;
}

.pagination li {
	background: transparent;
	padding: 0 3px;
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
	border-radius: 30px;
}

.pagination .page-link {
	min-width: 49px;
	height: 49px;
	text-align: center;
	font-size: 19px;
	font-weight: 300;
	color: var(--secondary);
	border-color: var(--secondary);
	padding: 10px 15px;
	background-color: transparent;
	border-radius: 30px;
}

.active>.page-link,
.page-link.active {
	border-width: 2px;
	border-color: var(--primary);
	color: var(--primary);
	font-weight: 500;
}

/***************************
 Blog Page CSS End
 ***************************/


/***************************
Project Details CSS Start
 **************************/
.project-details .project-sub-title .strong {
	color: var(--perrot-color);
}

.project-details .sidebar-box {
	background-color: #FFF;
	box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.16);
	padding: 35px;
}

.project-details .sidebar-box .link {
	color: inherit;
}

.project-details .sidebar-box .link:hover {
	opacity: 0.8;
}

.project-details .title-box {
	display: flex;
	align-items: center;
	border-bottom: 4px solid #163D64;
	padding-bottom: 15px;
}

.project-details .title-box .icon-box {
	width: 48px;
	height: 48px;
	line-height: 45px;
	background: var(--red-color);
	border-radius: 100px;
	color: var(--white-color);
	text-align: center;
	font-size: 30px;
	margin-right: 20px;
}


.outer {
	width: 100%;
}

#big .item .imgbox {
	margin-bottom: 10px;
}

#big .item .imgbox img {
	object-fit: cover;
	height: 700px;
}

#big .item p {
	font-size: 16px;
	color: var(--gray-500);
	margin: 0;
	padding: 0;
}

#thumbs .item {
	cursor: pointer;
}

#thumbs .item img {
	object-fit: cover;
	height: 110px;
	border: 2px solid transparent;
}

#thumbs .current .item img {
	border-color: var(--perrot-color);
}

#big.owl-theme {
	position: relative;
}

#big.owl-theme .owl-next,
#big.owl-theme .owl-prev {
	background: #333;
	width: 22px;
	line-height: 40px;
	height: 40px;
	margin-top: -20px;
	position: absolute;
	text-align: center;
	top: 50%;
}

#big.owl-theme .owl-prev {
	left: 10px;
}

#big.owl-theme .owl-next {
	right: 10px;
}

#thumbs.owl-theme .owl-next,
#thumbs.owl-theme .owl-prev {
	background: #333;
}


@media (max-width: 1200px) {
	#big .item .imgbox img {
		height: 400px;
	}
}

@media (max-width: 767px) {
	#thumbs .item img {
		height: 70px;
	}
}

/***************************
Project Details CSS Start
 **************************/


/***************************
Dark Theme CSS Start
 **************************/

/*Global CSS*/
[data-bs-theme=dark] body {
	color: var(--black-color);
}

[data-bs-theme=dark] .file-link,
[data-bs-theme=dark] .page-link-show,
[data-bs-theme=dark] .external-link,
[data-bs-theme=dark] .telefon-link,
[data-bs-theme=dark] .email-link {
	color: var(--black-color);
	font-weight: 600;
}


/*Headings*/
[data-bs-theme=dark] h1,
[data-bs-theme=dark] h2,
[data-bs-theme=dark] h3,
[data-bs-theme=dark] h4,
[data-bs-theme=dark] h5,
[data-bs-theme=dark] h6 {
	color: var(--black-color);
}


/*Buttons*/
[data-bs-theme=dark] .theme-btn {
	border: 2px solid var(--black-color) !important;
	background: var(--black-color) !important;
}

[data-bs-theme=dark] .theme-btn:hover {
	color: var(--black-color) !important;
	background: transparent !important;
}

[data-bs-theme=dark] .theme-btn.theme-btn-border {
	background: transparent !important;
	color: var(--black-color) !important;
}

[data-bs-theme=dark] .theme-btn.theme-btn-border:hover {
	background: var(--black-color) !important;
	color: var(--white-color) !important;
}


/*Header*/

[data-bs-theme=dark] .font-large .toggle-text-btn svg path {
	fill: var(--dark-gray);
}


[data-bs-theme=dark] [data-bs-theme-value=dark] {
	display: none;
}

[data-bs-theme=light] [data-bs-theme-value=light] {
	display: none;
}

[data-bs-theme=dark] .header-top {
	background: var(--black-color);
	color: var(--white-color);
}

[data-bs-theme=dark] .header-top a {
	color: var(--white-color);
}

[data-bs-theme=dark] .header-bottom {
	background: var(--white-color);
}

[data-bs-theme=dark] .main-menu>ul>li.active>a:after {
	background: var(--black-color);
}

[data-bs-theme=dark] .header-part.sticky.sticky-fixed .main-menu>ul>li>a {
	color: var(--black-color);
}

[data-bs-theme=dark] .header-part.sticky.sticky-fixed .main-menu>ul>li.active>a:after {
	background: var(--black-color);
}

[data-bs-theme=dark] .language-menu .language-drop {
	background: var(--white-color);
}

[data-bs-theme=dark] .click-language:after {
	background: url(../Images/down-arrow-dark.png) no-repeat center center;
	background-size: 12px auto;
}

[data-bs-theme=dark] .language-menu .language-drop .text-muted {
	color: var(--gray-color) !important;
}


/*Table*/
[data-bs-theme=dark] table tr th,
[data-bs-theme=dark] table tr td {
	color: var(--primary);
}


/*Teaser*/
[data-bs-theme=dark] .teaser-info-box {
	background: var(--black-color);
}

[data-bs-theme=dark] .teaser-info-box .theme-btn {
	border-color: var(--white-color) !important;
	background: var(--white-color) !important;
}

[data-bs-theme=dark] .teaser-info-box h2 {
	color: var(--white-color);
}

/*Cards*/


[data-bs-theme=dark] .frame-background-primary,
[data-bs-theme=dark] .frame-background-secondary {
	background: var(--black-color);
	color: var(--white-color);
}

/*Footer*/
[data-bs-theme=dark] .footer-top-part {
	background: var(--black-color);
}

[data-bs-theme=dark] .footer-part h5 {
	color: var(--white-color);
}


/*Home Slider*/
[data-bs-theme=dark] .home-slider-box-inner h2 {
	color: inherit;
}

[data-bs-theme=dark] .home-slider-box-inner .theme-btn.theme-btn-border {
	border-color: var(--white-color) !important;
	color: inherit !important;
}

[data-bs-theme=dark] .home-slider-box-inner .theme-btn.theme-btn-border:hover {
	background: inherit !important;
	color: inherit !important;
}


/*Breadcrumb*/
[data-bs-theme=dark] .breadcrumb-section ol li a.breadcrumb-link,
[data-bs-theme=dark] .breadcrumb-section ol li.active .breadcrumb-link-title {
	color: var(--black-color);
}

/*Tabs*/
[data-bs-theme=dark] .frame-background-primary .nav-tabs .nav-link,
[data-bs-theme=dark] .frame-background-secondary .nav-tabs .nav-link {
	color: var(--white-color);
}

[data-bs-theme=dark] .nav-tabs .nav-link {
	color: var(--black-color);
}

/* [data-bs-theme=dark] .nav-tabs .nav-item.show .nav-link,
[data-bs-theme=dark] .nav-tabs .nav-link.active {
	color: var(--black-color);
} */


/*Accordion*/
[data-bs-theme=dark] .accordion-item .accordion-header .accordion-button {
	color: var(--black-color) !important;
	font-weight: 600;
}

[data-bs-theme=dark] .accordion-item .accordion-header .accordion-button:not(.collapsed) {
	background: var(--black-color);
	border-color: var(--black-color);
	color: var(--white-color) !important;
	font-weight: 600;
}

[data-bs-theme=dark] .accordion-item .accordion-header .accordion-button:not(.collapsed):after {
	background: url('../Images/accordion-icon-down-active-light.svg') no-repeat center center;
}

[data-bs-theme=dark] .accordion-item .accordion-header .accordion-button:after {
	background: url('../Images/accordion-icon-down-dark.svg') no-repeat center center;
}


/*Link*/
[data-bs-theme=dark] .frame a[class=""],
[data-bs-theme=dark] .frame a:not([class]) {
	color: inherit;
	font-weight: 600;
}


/*history-section*/
[data-bs-theme=dark] .history-section {
	background: var(--black-color);
}

[data-bs-theme=dark] .history-section .projects-timeline .project .heading-box p {
	color: var(--white-color);
}

[data-bs-theme=dark] .history-section .projects-timeline .project .heading-box {
	border-color: var(--white-color);
}

[data-bs-theme=dark] .history-section .projects-timeline .project.open .year {
	background-color: #555b60;
}


[data-bs-theme=dark] .header-top-left p {
	color: var(--white-color);
}


/***************************
Dark Theme CSS End
 **************************/

/***************************
Map Page CSS Start
 **************************/
.map-section h1 {
	margin-top: 42px;
	margin-bottom: 42px;

}

.map-section .map-box {
	box-shadow: 0px 3px 30px #00000029;
}

.share-print {
	padding: 20px 0;
	margin-top: 0;
	text-align: right;
}

.share-print .seit {
	gap: 20px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.share-print .seit a {
	color: var(--light-gray);
	display: inline-flex;
	align-items: center;
	gap: 10px;
}

.share-print .seit a i {
	line-height: 0;
}

[data-bs-theme=dark] .share-print .seit a {
	color: var(--black-color);
}

@media(min-width:768px) {
	.share-print .share-print {
		padding: 20px 0;
		margin-top: -66px;
	}

	.share-print .seit {
		justify-content: flex-end;
	}
}


/* Project-info CSS Start*/

.map-section .project-info {
	margin-top: 140px;
	margin-bottom: 100px;
}

.map-section .project-info .common-inner {
	position: relative;
	padding-left: 0;
	margin-bottom: 30px;
}

@media(min-width:992px) {
	.map-section .project-info .common-inner {
		position: relative;
		padding-left: 88px;
	}
}

@media(min-width:1200px) {
	.map-section .project-info .common-inner {
		position: relative;
		padding-left: 118px;
	}
}

.map-section .project-info .common-inner h2 {
	font-size: 35px;
	line-height: 1.2;
	margin-top: 15px;
	margin-bottom: 15px;
}


.map-section .project-info .common-inner .badge {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 10px;
	top: 10px;
	padding: 0;
}

@media(min-width:992px) {
	.map-section .project-info .common-inner .badge {
		left: 0;
		top: 0;
	}
}

.map-section .project-info .common-inner .project-thumb {
	margin-left: 0;
	width: auto;
	height: 265px;
}

.map-section .project-info .common-inner .project-thumb img {
	margin-left: 0;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.map-section .project-info .common-inner .sub-heading {
	font-size: 22px;
	line-height: 1.2;
	padding-top: 15px;
}

@media(min-width:768px) {
	.map-section .project-info .common-inner .sub-heading {
		padding-top: 0;
	}
}

/* Project-info CSS End*/
.map-section .project-info .badge img {
	width: 66px;
	height: 61px;
}

.map-section .project-info .badge svg {
	display: none;
}

.map-section .project-info .holdings .badge svg path {
	fill: var(--perrot-color);
}

.map-section .project-info .neighborhood-manager .badge svg path {
	fill: var(--orange-color);
}

.map-section .project-info .construction-areas .badge svg path {
	fill: var(--blue-color2);
}


/* Badge Colors End */


/* Filter CSS Start */
.map-section .filter {
	padding-bottom: 68px;
}

.map-section .filter .form-select {
	width: 194px;
	max-width: 100%;
	padding: 10px 15px;
	border-radius: 0;
	border: 1px solid var(--gray-500);
	font-size: 18px;
	font-weight: 600;
	line-height: 1.2;
	color: var(--gray-600);
}

.map-section .filter .select-lbl {
	color: var(--txt-color);
	line-height: 2.5;
	white-space: nowrap;
}

.map-section .filter .form-check {
	display: inline-flex;
	align-items: center;
	padding-left: 0;

}

.map-section .filter .form-check-input {
	width: 32px;
	height: 32px;
	border: 2px solid var(--fix-menu-anchor);
	margin: 0;
	border-radius: 0 !important;
	cursor: pointer;
}

.map-section .filter .form-check-label {
	padding: 10px 15px 10px 26px;
	font-size: 18px;
	line-height: 1.2;
	margin-left: 15px;
	color: var(--white-color);
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.map-section .filter .form-check-label i {
	margin-left: 15px;
	height: 33px;
	position: relative;
	margin-top: -10px;
	overflow: hidden;
}

.map-section .filter .form-check-label i img {
	width: 44px;
	height: 40px;
	object-fit: cover;
	margin-top: 5px;
}

.map-section .filter .form-check-input:checked {
	background-color: var(--white-color);
	border-color: var(--fix-menu-anchor);
	border-radius: 0;
	color: var(--black-color);
}

.map-section .filter .form-check-input:checked[type=checkbox] {
	background-image: url(../Images/check-lg.svg);
	background-size: 15px;
}

/* Filter CSS End */


/* BG Colors Start */
.map-section .bg-red {
	background-color: var(--red-color);

}

.map-section .bg-green {
	background-color: var(--perrot-color);
}

.map-section .bg-orange {
	background-color: var(--orange-color);
}

.map-section .bg-blue {
	background-color: var(--blue-color2);
}

/* BG Colors End */


/***************************
Map Page CSS Start
 **************************/


/***************************
Print CSS Start
 **************************/
@media print {
	body {
		font-size: 12pt;
		margin: 0cm;
		color: black;
		background: white;
	}

	.container {
		width: 100%;
	}

	.break-before {
		page-break-before: always;
	}

	.no-break-inside {
		page-break-inside: avoid;
	}

	header,
	footer,
	.breadcrumb-section,
	.share-print {
		display: none;
	}

	a::after {
		content: " (" attr(href) ")";
		/* Add href value as content */
		font-size: 80%;
		/* Adjust the font size as desired */
		color: #888;
		/* Adjust the color as desired */
	}
}


/***************************
Print CSS End
 **************************/



/******************************
Mob Nav CSS for more links and SM Start
 *******************************/
.more-links-wrapper {
	display: none;

}

.more-links-wrapper ul {
	border-top: 1px solid #fff;
	margin-top: 34px;
	width: 100%;
}

@media (max-width: 991.9px) {
	.more-links-wrapper {
		display: block;
		width: 100%;
		padding: 0 40px 40px;
	}
}

.more-links-wrapper ul li {
	margin-bottom: 26px;
}

.more-links-wrapper ul li:last-child {
	margin-bottom: 0;
}

.more-links-wrapper ul li a {
	font-size: 20px;
	line-height: 1.2;
	font-weight: 600;
	color: var(--secondary);
	display: block;
}


.social-media {
	margin-top: auto;
	width: 100%;
}

@media(min-width:992px) {
	.social-media {
		margin-top: 0;
		width: auto;
	}
}


/******************************
Mob Nav CSS for more links and SM End
 *******************************/



.news .article {
	padding-bottom: 58px;
}


.owl-item .article {
	border: none;
}




/********************************
Headline CSS Start
 ********************************/
.headline {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-top: 34px;
	align-items: flex-start;
	padding-bottom: 34px;
	border-top: 2px solid var(--primary);
}

.headline h3 {
	margin: 0;
	font-size: 35px;
	line-height: 49px;
	color: var(--primary);
}

.headline img {
	max-width: 220px;
	height: auto;
}

/********************************
Headline CSS End
 ********************************/


/********************************
Faqs CSS Start
 ********************************/
.faqs-container h2 {
	margin-bottom: 15px;
	margin-top: 0;
}

.faqs-container ul {
	list-style: none;
	padding-left: 0;
}

.faqs-container ul li {
	font-size: 18px;
	line-height: 1.5;
	color: var(--dark-gray);
	font-weight: 600;
	padding-top: 24px;
	padding-bottom: 24px;
	display: block;
	position: relative;
	padding-left: 40px;
	background: url('../Images/faq-arrow-right-icon.svg') no-repeat 0 24px;
	border-top: 1px solid var(--dark-gray);
}

.faqs-container ul li:last-child {
	border-bottom: 1px solid var(--txt-color);
}

[data-bs-theme=dark] .faqs-container ul li {
	background: url('../Images/faq-arrow-right-icon-dark.svg') no-repeat 0 24px;
}

.faqs-container ul li a {
	color: var(--dark-gray);
	text-decoration: none;
	font-weight: 600;
}

.faqs-container ul li a:hover {
	color: var(--primary);
}



/********************************
Faqs CSS End
 ********************************/

/********************************
Footer CSS Start
 ********************************/
.footer-section hr {
	border-top: 3px solid var(--primary);
	opacity: 1;
	margin-bottom: 40px;
	margin-top: 0;
}

.footer-section .company-name {
	color: var(--primary);
}

.footer-section .company-contactinfo {
	color: var(--dark-gray);
}

.footer-section .company-contactinfo p {
	font-size: 16px;
}

.footer-section .links-with-arrow li {
	margin-bottom: 10px;
}

.footer-section .footer-links li {
	padding: 0;
	background: none;
	margin-bottom: 8px;
}

@media(min-width:992px) {
	.footer-section .footer-links li {
		margin-bottom: 2px;
	}
}

.footer-section .footer-links li a {
	color: var(--dark-gray);
}

.footer-section .footer-links li a:hover {
	color: var(--secondary);
}

[data-bs-theme=dark] .links-with-arrow li {
	background: url(../Images/Icon1-dark.svg) no-repeat 0 4px;
}


/********************************
Footer CSS End
 ********************************/

/********************************
Other Links CSS Start
 ********************************/


.other-links {
	display: block;
	background-color: #EFF3F7;
	position: relative;
	width: 100%;
	padding: 20px;
}

.other-links .kontrast-blog,
.other-links .font-large {
	margin: 0;
}

.other-links p {
	margin-bottom: 0;
	color: var(--dark-gray);
}

.other-links ul li a,
.other-links p,
.other-links .btn {
	font-size: 15px;
	font-weight: 500;
	line-height: normal;
	color: var(--dark-gray);
}

.other-links ul li,
.other-links p,
.other-links .kontrast-blog,
.other-links .font-large {
	margin-bottom: 14px;
}

.social-media {
	display: block;
}

@media(min-width:992px) {

	.other-links,
	.social-media {
		display: none;
	}
}

/********************************
Other Links CSS End
 ********************************/

/********************************
Table CSS Start
 ********************************/
.filelink-list .filelink-heading {
	margin: 0;
}

.table>:not(caption)>*>* {
	padding: 10px 10px;
}

.table tr td:first-child {
	vertical-align: middle;
}

.table tr th,
.table tr td {
	border-right: 1px solid var(--txt-color);
	border-top: 1px solid var(--txt-color);
	font-size: 20px;
	font-weight: 300;
}

.table tr th:last-child,
.table tr td:last-child {
	border-right: none;
}

.table strong {
	font-weight: 500;
}

.table .extra-bold {
	font-weight: 700;
}

/********************************
Table CSS End
 ********************************/

figure .caption {
	line-height: 1.3;
	font-size: 16px;
	font-style: italic;
	color: var(--secondary);
	opacity: 1;
}

.body-bg {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

#page-footer {
	margin-top: auto;
}

.additional-link {
	display: flex;
	font-size: 18px;
	font-weight: 700;
	color: var(--white-color);
	padding: 14px 28px 14px 60px;
	max-width: 519px;
	margin-bottom: 8px;
	box-sizing: border-box;
}

.link-wir-planen {
	background-color: var(--primary);
	background-image: url('../Images/additional1.svg');
	background-repeat: no-repeat;
	background-position: 14px 10px;
	display: flex;
	font-size: 18px;
	font-weight: 700;
	color: var(--white-color);
	padding: 14px 28px 14px 60px;
	max-width: 519px;
	margin-bottom: 8px;
	box-sizing: border-box;

}

.link-wir-finanzieren {
	background-color: var(--primary);
	background-image: url('../Images/additional2.svg');
	background-repeat: no-repeat;
	background-position: 14px 10px;
	display: flex;
	font-size: 18px;
	font-weight: 700;
	color: var(--white-color);
	padding: 14px 28px 14px 60px;
	max-width: 519px;
	margin-bottom: 8px;
	box-sizing: border-box;
}

.link-wir-senieren {
	background-color: var(--primary);
	background-image: url('../Images/additional3.svg');
	background-repeat: no-repeat;
	background-position: 14px 10px;
	display: flex;
	font-size: 18px;
	font-weight: 700;
	color: var(--white-color);
	padding: 14px 28px 14px 60px;
	max-width: 519px;
	margin-bottom: 8px;
	box-sizing: border-box;
}

.link-wir-planen:hover,
.link-wir-senieren:hover,
.link-wir-finanzieren:hover {
	color: var(--white-color);
}

.additional-link img {
	width: 32px;
	margin-right: 20px;
}

.pswp__bg {
	background-color: var(--primary) !important;
	opacity: 0.7 !important;
}


/********************************
Main Menu DropDown CSS Start
 ********************************/
.main-menu {
	display: flex;
	align-items: center;
	padding: 100px 20px 0 20px;
	background-color: var(--primary);
	width: 100%;
}

.main-menu .btn-search {
	display: none;
	padding: 0;
	width: 26px;
	height: 26px;
	background-color: var(--primary);
	color: var(--white-color);
	margin-right: 0;
	margin-bottom: 0;
	margin-top: -5px;
}
@media(min-width:768px){
	.main-menu {
		padding: 100px 120px 0 120px;
	}
}

@media(min-width:1201px) {
	.main-menu {
		padding: 0;
		background-color: transparent;
		justify-content: end;
	}

	.main-menu .btn-search {
		display: block;
		display: flex;
		align-items: center;
		justify-content: center;
	}
}


.main-menu .btn-search:hover {
	background-color: var(--secondary);
	color: var(--white-color);
}

.main-menu .btn-search svg {
	width: 14px;
	height: 14px;
	color: var(--white-color);
}

.main-menu .btn-search svg path {
	fill: var(--white-color);
}

.main-menu li:hover>ul {
	display: block;

}

.main-menu ul li ul ul {
	position: static;
	left: 0;
	top: 100%;
	background: var(--primary);
	padding: 0;
	display: none;
	min-width: auto;
}
@media(min-width:1201px) {
	.main-menu ul li ul ul {
		position: absolute;
		left: 100%;
		top: 0;
		width: 210px;
	}
	.main-menu ul li ul ul.adjust-right {
		left: auto;
    	right: 100%;
	}
}
.main-menu ul li ul ul li a {
	padding: 10px 12px;
}

@media(min-width:1201px) {
	.main-menu ul li ul ul {
		padding: 0 17px;
		padding-top: 10px;
	}
}

@media (max-width:1200px) {
	.main-menu .submenu-menu li a {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.main-menu li:hover>ul {
		display: none;
	}

	.main-menu li.has-child,
	.main-menu li.has-has-child,
	.main-menu li.has-has-has-child {
		padding-left: 0;
		display: block !important;
	}

	.main-menu li.has-child .open>ul,
	.main-menu li.has-has-child .open>ul,
	.main-menu li.has-has-has-child .open>ul {
		display: block;
	}

	.main-menu>ul>li .submenu-menu {
		padding-left: 0 !important;
	}



}



.main-menu-outer {
	gap: 0;
}

@media(max-width: 1200px) {
	.main-menu-outer {
		position: fixed;
		left: 0px;
		top: 0;
		width: 100%;
		height: 100%;
		/* background: url('../Images/mobile-menu-bg.svg') no-repeat center center;
		background-size: cover; */
		background-color: var(--primary);
		align-items: flex-start;
		display: block;
		/* padding: 100px 38px 50px 38px; */
		font-size: 22px;
		line-height: 26px;
		overflow-x: hidden;
		overflow-y: auto;
		display: none;
	}

}

.main-menu-outer.active {
	display: flex;
	flex-direction: column;
	width: 100%;
	flex-wrap: nowrap;
}

@media(min-width:1201px) {
	.main-menu-outer {
		display: flex;
		width: auto;
		flex-wrap: wrap;
		align-items: flex-end;
		flex-direction: column;
		align-content: flex-end;
		gap: 14px;
	}
}

@media(min-width:1367px) {
	.main-menu-outer {
		margin-left: auto;
	}
}

.main-menu ul,
.main-menu li {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.main-menu>ul {
	display: flex;
	align-items: center;
	width: auto;
	justify-content: flex-end;
	flex-wrap: wrap;
	column-gap: 18px;
}

@media(min-width:1201px) {
	.main-menu>ul {
		column-gap: 18px;
	}
}
@media(min-width:1400px) {
	.main-menu>ul {
		column-gap: 28px;
	}
}

.main-menu>ul>li {
	position: relative;
	display: inline-flex;
	align-items: center;
}

.main-menu>ul>li:last-child {
	margin-right: 0;
}

@media(min-width:1201px) {
	.main-menu>ul>li .submenu-click {
		display: none;
	}

}

.main-menu>ul>li .submenu-menu {
	position: absolute;
	min-width: auto;
	max-width: 170px;
	top: 100%;
	left: 0;
	background: var(--primary);
	padding: 17px 0;
	display: none;
	z-index: 1;
	max-width: 100%;
}

@media(min-width:1201px) {
	.main-menu>ul>li .submenu-menu {
		left: 50%;
		transform: translateX(-50%);
		min-width: 240px;
	}
}

.main-menu>ul>li:hover>.submenu-menu,
.main-menu>ul>li:focus-within>.submenu-menu {
	display: block;
}


.main-menu>ul>li>a {
	color: var(--white-color);
	display: block;
	padding: 18px 0;
	position: relative;
	font-weight: 500;
	font-size: 17px;
	line-height: normal;
}

@media(min-width:1201px) {
	.main-menu>ul>li>a {
		color: var(--black-color);
	}
}

.main-menu>ul>li>a:hover {
	color: var(--secondary);
}

.main-menu>ul>li>a:before {
	font-weight: 500;
	display: block;
	content: attr(title);
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

.main-menu>ul>li:hover>a,
.main-menu>ul>li.active>a {

	color: var(--white-color)
}

@media(min-width:1201px) {

	.main-menu>ul>li:hover>a,
	.main-menu>ul>li.active>a {
		font-weight: 500;
		color: var(--primary)
	}
}

.main-menu>ul>li>a i {
	display: none;
}

@media(min-width:1201px) {
	.main-menu>ul>li>a i {
		margin-left: 4px;
		display: inline-block;
	}
}

.main-menu>ul>li:hover>a i svg path,
.main-menu>ul>li.active>a i svg path {
	stroke: var(--primary);
}

/********************************
Main Menu DropDown CSS End
 ********************************/

@media(max-width: 1200px) {


	.main-menu>ul {
		display: block;
		width: 100%;

	}

	.main-menu>ul>li>a:before,
	.main-menu>ul>li>a:after {
		display: none !important;
	}

	.main-menu>ul>li>a {
		font-size: 18px;
		line-height: 1.5;
		font-weight: 500;
		padding: 0;
		border: none;
		padding-right: 34px;
	}

	.main-menu>ul>li {
		margin-bottom: 24px;
	}

	.main-menu>ul>li .submenu-menu {
		position: relative;
		top: 0;
		left: 0;
		background: var(--primary);
		padding: 0;
		display: none;
		margin-top: 20px;
	}

	.main-menu>ul>li .submenu-menu:before {
		position: absolute;
		left: -100%;
		width: 100%;
		height: 100%;
		content: "";
		background: var(--primary);
		top: 0px;
	}

	.main-menu>ul>li .submenu-menu:after {
		position: absolute;
		right: -100%;
		width: 100%;
		height: 100%;
		content: "";
		background: var(--primary);
		top: 0px;
	}

	.main-menu>ul>li:hover>.submenu-menu {
		display: none;
	}

	.main-menu li.has-child {
		display: flex;
		flex-wrap: wrap;
	}

	.main-menu>ul>li {
		margin-right: 0;
	}

	.main-menu ul li.open .submenu-menu {
		display: block;
		width: 100%;
	}
}

[data-bs-theme=dark] .main-menu>ul>li>a {
	color: var(--primary);
}

@media(min-width:1201px) {
	[data-bs-theme=dark] .main-menu>ul>li>a {
		color: var(--black-color);
	}
}

[data-bs-theme=dark] .main-menu>ul>li:hover>a,
[data-bs-theme=dark] .main-menu>ul>li.active>a {
	border-color: var(--black-color);
}

.navi_with_child .lvl-2 {
	display: none;
	transform: rotate(-90deg);
}

.navi_with_child .lvl-2 svg path {
	stroke: var(--white-color);
}

@media(min-width:1201px) {
	.navi_with_child .lvl-2 {
		position: absolute;
		right: 10px;
		display: inline-block;
	}

	.submenu-menu .has-has-child .submenu-click {
		display: none;
	}
}

/********************************
Tiles CSS Start
 ********************************/

.tiles-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 16px;
	margin-bottom: 35px;
	margin-left: -8px;
	margin-right: -8px;
}

@media(min-width:768px) {
	.tiles-container {
		margin-bottom: 45px;
	}
}

.tiles-container .tile-card {
	padding: 16px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	text-align: center;
	box-shadow: 0px 12px 28px rgba(0, 0, 0, 0.33);
	width: calc(50% - 16px);
}

@media(min-width:768px) {
	.tiles-container .tile-card {
		width: calc(33.33% - 16px);
		box-shadow: 0px 22px 28px rgba(0, 0, 0, 0.33);
	}
}

@media(min-width:992px) {
	.tiles-container .tile-card {
		width: calc(25% - 16px);
	}
}

@media(min-width:1200px) {
	.tiles-container .tile-card {
		width: calc(16.66% - 16px);
	}
}

.tiles-container .tiles-heading {
	font-size: 15px;
	font-weight: 500;
	line-height: 1;
	width: 100%;
	max-width: 200px;
	margin: 0 auto;
	hyphens: auto;
	margin-top: 10px;
}

.tiles-container .tile .tiles-icon img,
.tiles-container .tile .tiles-icon svg {
	width: auto;
	height: 30px;
}

@media(min-width:992px) {

	.tiles-container .tile .tiles-icon img,
	.tiles-container .tile .tiles-icon svg {
		height: 40px;
	}
}

@media(min-width:768px) {
	.tiles-container .tiles-heading {
		font-size: 20px;
	}
}

@media(min-width:1200px) {
	.tiles-container .tiles-heading {
		font-size: 25px;
	}
}


/********************************
Tiles CSS End
 ********************************/



/********************************
Teaser Grid CSS Start
 ********************************/

.teaser-video-box,
.teaser-img-box,
.teaser-info-box {
	height: 514px !important;
	min-height: 100% !important;
	overflow: hidden;
	position: relative;
	border-radius: 10px;
}

.teaser-info-box {
	text-align: center;
}

.teaser-video-box video {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center;
}


.teaser-img-box img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center;
	transition: all 0.2s ease-in-out;
}

.teaser-inner a:hover .teaser-img-box img {
	transform: scale(1.1);
}

.teaser-inner .row .col-xs-12 {
	margin-bottom: 24px;
}

.teaser-info-box {
	background: var(--light-perrot);
	padding: 35px 23px 35px 35px;
	font-size: 18px;
	line-height: 25px;
	display: flex;
	align-items: center;
	min-height: 300px;
}

.teaser-info-box .teaser-info-box-content {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.teaser-info-box,
.teaser-info-box h2,
.teaser-info-box h3,
.teaser-info-box h4,
.teaser-info-box h5,
.teaser-info-box h6 {
	color: var(--white-color) !important;
}

.teaser-info-box p {
	margin: 0 0 35px 0;
	color: var(--white-color);
}

.teaser-info-box-content {
	width: 100%;
}

.teaser-img-box .teaser-info-box-content {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0.29%, rgba(0, 0, 0, 0.0) 69.4%);
	bottom: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 35px;
}

.teaser-info-box-content * {
	color: var(--white-color);
	font-size: 18px;
	font-weight: 300;
	line-height: 1.4;
}

.teaser-info-box-content h1,
.teaser-info-box-content h2,
.teaser-info-box-content h3,
.teaser-info-box-content h4,
.teaser-info-box-content h5 {
	color: var(--primary);
	font-size: 18px !important;
	font-weight: 500 !important;
	line-height: 1.4 !important;
	margin-bottom: 15px !important;
}

@media(min-width:992px) {
	.teaser-info-box-content * {
		font-size: 25px;
	}

	.teaser-info-box-content h1,
	.teaser-info-box-content h2,
	.teaser-info-box-content h3,
	.teaser-info-box-content h4,
	.teaser-info-box-content h5 {
		color: var(--primary);
		font-size: 25px !important;
	}
}

.teaser-info-box a {
	font-size: 17px;
	font-weight: 500;
}

.teaser-info-box a:hover {
	color: var(--primary) !important;
}

.theme-btn-white-border {
	border: 2px solid var(--white-color);
	color: var(--white-color);
	background-color: transparent;
	font-weight: 500;
	font-size: 17px;
}

.theme-btn-white-border:hover {
	background-color: var(--white-color);
	color: var(--primary);
}

/********************************
Teaser Grid CSS End
 ********************************/

/********************************
Accessible badges CSS Start
 ********************************/
.body-hide .badges-wrapper {
	display: none;
}

.badges-wrapper {
    position: fixed;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: row;
    z-index: 1000;
    margin-bottom: 0;
    width: 100%;
    justify-content: center;
    gap: 26px;
	transition: all 0.2s ease-in-out;
}

@media(min-width:992px) {
	.badges-wrapper {
		top: 260px;
		right: 0;
		left: auto;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		z-index: 1000;
		gap: 0;
		width: auto;
	}
}

.badges-wrapper li {
	padding: 0;
}

.badges-wrapper>.badge {
	margin-bottom: 0;
	border-radius: 0;
}
@media(min-width:992px) {
	.badges-wrapper>.badge {
		margin-bottom: 10px;
		border-radius: 0;
	}
}

.badges-wrapper>.badge>a {
	width: 59px;
	height: 59px;
	padding: 10px;
	border-radius: 0;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 10;
}

.badges-wrapper>.badge>a svg {
	width: 25px;
	height: 25px;
}

.badges-wrapper .badge-contrast,
.badges-wrapper .badge-contrast a {
	background: none;
	background-color: var(--secondary);
}


.badges-wrapper .badge-contrast .badge-body {
	background-color: var(--secondary);
	width: 100%;
}

@media(min-width:992px) {
	.badges-wrapper .badge-contrast .badge-body {
		width: 390px;
	}
}

.badges-wrapper .badge-search,
.badges-wrapper .badge-search a {
	background: none;
	background-color: var(--dark-gray);
}

.badges-wrapper .badge-search .badge-body {
	background-color: var(--dark-gray);
}

.badges-wrapper .badge-call,
.badges-wrapper .badge-call a {
	background: none;
	background-color: #B21022;
}

.badges-wrapper .badge-call .badge-body {
	background-color: #B21022;
}

.badges-wrapper .badge-email,
.badges-wrapper .badge-email a {
	background: none;
	background-color: #009F97;
}

.badges-wrapper .badge-email .badge-body {
	background-color: #009F97;
}
.badge-body {
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    height: 68px;
    display: flex;
    justify-content: center;
    align-items: center;
	display: none;
	padding-left: 15px;
	padding-right: 15px;
}

@media(min-width:992px) {
	.badge-body {
		height: 100%;
		left: 100%;
		right: auto;
		transform: translateX(100%);
		position: absolute;
		top: 0;
		bottom: 0;
		display: inline-flex;
		align-items: center;
		justify-content: space-around;
		transition: all 0.3s ease-in-out;
		z-index: 9;
		width: auto;
	}
}

.badge-contrast .badge-info {
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: center
}

.badge-contrast .badge-info div>* {
	margin: 0;
}


.badges-wrapper .badge .badge-body .kontrast-blog,
.badges-wrapper .badge .badge-body .font-large {
	margin-left: 70px;
	margin-right: 70px;
}
@media(max-width:767px) {
	.badges-wrapper .badge .badge-body .kontrast-blog .btn,
	.badges-wrapper .badge .badge-body .font-large .btn{
		padding: 0;
	}
}

@media(min-width:992px) {
	.badges-wrapper .badge .badge-body .kontrast-blog,
	.badges-wrapper .badge .badge-body .font-large {
		justify-content: space-around;
		margin-left: 26px;
		margin-right: 120px;
	}
}

/* .badges-wrapper .badge .badge-body button img,
.badges-wrapper .badge .badge-body button svg {
	margin: 0;
	height: 20px;
} */
@media(min-width:992px) {
	.badges-wrapper .badge:hover .badge-body,
	.badges-wrapper .badge:focus-within>.badge-body {
		transform: translateX(0);
		right: 100%;
		left: auto;
		opacity: 1;
	}
}

[data-bs-theme=dark] .badges-wrapper .badge-contrast,
[data-bs-theme=dark] .badges-wrapper .badge-contrast .badge-body {
	background-color: var(--secondary);
}

.badge-search .badge-info {
	padding: 0;
	font-size: 16px;
	line-height: 1;
	font-weight: 500;
	color: var(--white-color);
	width: 100%;
}

@media(min-width:992px) {
	.badge-search .badge-info {
		padding: 7px 7px 7px 32px;
		font-size: 19px;
		width: auto;
	}
}

.badge-search .badge-info input {
	width: 230px;
	max-width: 100%;
	height: 35px;
	border-radius: 35px;
	background-color: var(--black-color);
	border: 2px solid var(--white-color);
	color: var(--white-color);
}

@media(min-width:992px) {
	.badge-search .badge-info input {
		width: 292px;
	}
}

.badge-body a {
	padding: 12px;
	font-size: 16px;
	line-height: 1;
	font-weight: 500;
	color: var(--white-color);
	display: block;
}

@media(min-width:992px) {
	.badge-body a {
		padding: 16px 16px 16px 32px;
		font-size: 19px;
	}
}

@media(max-width:991px){
	.badges-wrapper.active{
		bottom: 68px;
	}
	.badge.active .badge-body{
		display: flex;

	}
}
/********************************
Accessible badges CSS End
 ********************************/


/********************************
News Widget Slider CSS Start
********************************/



.news-widget .card {
	border: none;
	box-shadow: 0px 20px 15px #00000029;
	border-radius: 10px;
	overflow: hidden;
}

.news-widget .card .card-thumb {
	height: 329px;
	border-radius: 10px;
	overflow: hidden;
}

.news-widget .card .card-body {
	padding: 25px;
	background: url(../Images/card-bottom-arrow.svg) no-repeat right 10px bottom 26px;
	background-color: var(--white-color);
	display: flex;
	flex-direction: column;
}


[data-bs-theme=dark] .news-widget .card .card-body {
	background: url(../Images/card-bottom-arrow.svg) no-repeat right 20px bottom 26px;
	background-color: var(--white-color);
}

.news-widget .card .card-body .card-sub-title {
	font-size: 16px;
	line-height: 1.2;
	font-weight: 700;
	color: var(--secondary);
	margin-top: auto;
}

.news-widget .card .card-body .card-title {
	font-size: 25px;
	font-weight: 500;
	margin-top: 0;
	line-height: 1.1;
	margin-bottom: 16px;
	color: var(--primary);
}

.news-widget .card .card-body p {
	font-size: 20px;
	line-height: 1.5;
}

.news-widget .card {
	color: inherit;
}

.news-widget .card:hover {
	color: inherit;
}

[data-bs-theme=dark] .news-widget .card .card-body {
	background-color: var(--black-color);
	color: var(--white-color);
}

[data-bs-theme=dark] .news-widget .card .card-body .card-sub-title,
[data-bs-theme=dark] .news-widget .card .card-body .card-title,
[data-bs-theme=dark] .news-widget .card .card-body p {
	color: var(--white-color);
}

.news-widget-carousel {
	width: 95%;
	margin: 0 auto;
}

@media(max-width:992px) {
	.news-widget-carousel {
		width: 100%;
	}
}

.news-widget-carousel .owl-stage-outer {
	padding: 24px 0 30px 0;
}

.news-widget-carousel .owl-stage {
	display: flex;
	flex-direction: row;
}

.news-widget-carousel .owl-stage .item {
	height: 100%;
	padding: 0 8px;
}

.news-widget-carousel .news-list-item {
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
	height: 100%;

}

.news-widget-carousel .news-list-item.no-image {
	height: inherit;
}

.news-widget-carousel .owl-item {
	display: flex;
	align-items: center;

}

.news-widget-carousel .owl-nav {
	position: absolute;
	top: 50%;
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: -16px;
}

@media(max-width:992px) {
	.news-widget-carousel .owl-nav {
		display: none;
	}
}

.news-widget-carousel .owl-nav .owl-prev,
.news-widget-carousel .owl-nav .owl-next {
	overflow: hidden;
	text-indent: 1000px;
	width: 34px;
	height: 34px;
	margin: 0;
	padding: 0;
	border-radius: 0;
	cursor: pointer;
}

.news-widget-carousel .owl-nav [class*='owl-']:hover,
.news-widget-carousel .owl-nav [class*='owl-'] {
	background-color: transparent;
}

.news-widget-carousel .owl-nav .owl-prev {
	background-image: url(../Images/slider-arrow-left.svg) !important;
	background-repeat: no-repeat !important;
	position: relative;
	left: -50px;
}

.news-widget-carousel .owl-nav .owl-next {
	background-image: url(../Images/slider-arrow-right.svg) !important;
	background-repeat: no-repeat !important;
	position: relative;
	right: -50px;
}

.news-widget .owl-theme .owl-dots .owl-dot span {
	width: 6px;
	height: 6px;
	background: var(--black-color);
	margin: 5px 6px;
}

.news-widget .owl-theme .owl-nav.disabled+.owl-dots {
	margin-top: 0;
}

.news-widget .owl-theme .owl-dots .owl-dot.active span,
.news-widget .owl-theme .owl-dots .owl-dot:hover span {
	background: var(--primary);
}

.news-widget h2,
.news-list h2 {
	padding-left: 40px;
	position: relative;
}

.news-widget h2::before,
.news-list h2::before {
	background: url('../Images/h2-before-icon.svg') no-repeat center center;
	background-size: 28px auto;
	height: 30px;
	width: 28px;
	position: absolute;
	left: 0;
	top: 5px;
	content: "";
	background-size: contain;
}

/********************************
News Widget Slider CSS Start
********************************/

/********************************
News List CSS Start
********************************/
.news-list-item {
	align-items: center;
}

.news-list .news-thumb {
	background-color: var(--primary);
	border-radius: 10px;
	box-shadow: 0px 30px 30px #00000029;
	overflow: hidden;
	aspect-ratio: 4 / 3;
}

/* @media(min-width:1200px){
	.news-list .news-thumb {
		height: 378px;
	}
} */
.news-list .news-thumb img {
	aspect-ratio: 4 / 3;
}

.news-list .sub-title {
	font-size: 16px;
	line-height: 1.2;
	font-weight: 700;
	color: var(--secondary);
	margin-top: auto;
	margin-bottom: 35px;
}

.news-list .title {
	font-size: 25px;
	font-weight: 500;
	margin-top: 0;
	line-height: 1.1;
	margin-bottom: 16px !important;
	color: var(--primary);
}
.news-list .title a{
	color: var(--primary);
}

.news-list .news-list-item {
	position: relative;
}

.news-list .news-list-item .readmore {
	background: url('../Images/card-bottom-arrow.svg') no-repeat;
	position: absolute;
	right: 20px;
	bottom: 20px;
	width: 25px;
	height: 25px;
}

/********************************
News List CSS End
********************************/

/********************************
Search Result Page CSS Start
********************************/
/* Search Field CSS Start */

#tx_indexedsearch .form-group .input-group {
	align-items: center;
}

#tx_indexedsearch .form-group .input-group label {
	margin: 0px;

}

#tx_indexedsearch #tx-indexedsearch-searchbox-sword {
	width: 336px;
	margin: 0;
	font-weight: 700;
	border: 1px solid #B5B2B2;
	height: 35px;
	padding: 0 20px;
	outline: none !important;
	box-shadow: none !important;
	border-radius: 100px;
	background-color: transparent;
}

@media(max-width:767px){
	#tx_indexedsearch #tx-indexedsearch-searchbox-sword {
		height: 35px;
		width: 220px !important;
	}
	#tx_indexedsearch label {
		font-size: 19px;
	}
}
#tx_indexedsearch .form-label {
	font-size: 20px;
	font-weight: 300;
	line-height: 1;
}

#tx_indexedsearch #tx-indexedsearch-searchbox-button-submit {
	height: 49px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	font-size: 18px;
	font-weight: 500;
	background: var(--fix-menu-anchor);
	color: var(--white-color);
	min-width: 138px;
	border: none;
	outline: none !important;
	box-shadow: none !important;
}

/* Search Field CSS End */


.search-keyword {
	padding-left: 40px;
	position: relative;
	margin-bottom: 30px;
}

.search-keyword::before {
	background: url('../Images/h2-before-icon.svg') no-repeat center center;
	background-size: 28px auto;
	height: 30px;
	width: 28px;
	position: absolute;
	left: 0;
	top: 5px;
	content: "";
	background-size: contain;
}


/*****************
Search page Pagination CSS start
******************/

.tx-indexedsearch-browsebox {
	text-align: center;
	margin-bottom: 50px;
	margin-top: 150px;
}

.tx-indexedsearch-browsebox li {
	background: transparent;
}

.tx-indexedsearch-browsebox li {
	display: inline-block;
	width: auto;
	margin-right: 6px;
	margin-bottom: 6px;
	padding: 0;
}

.tx-indexedsearch-browsebox li a {
	color: var(--secondary);
	display: block;
	font-size: 19px;
	min-width: 49px;
	min-height: 48px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 300;
	border-radius: 30px;
}

.tx-indexedsearch-page-selector {
	padding: 10px;
	border: 1px solid var(--secondary);
}

.tx-indexedsearch-page-selector:hover {
	background-color: transparent;
	border-color: var(--primary);
	color: var(--primary);
}

.tx-indexedsearch-browsebox .tx-indexedsearch-browselist-currentPage .tx-indexedsearch-page-selector {
	background-color: transparent;
	color: var(--primary);
	border-color: var(--primary);
	font-weight: 500;
	border-width: 2px;
}

.hiddenText {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	border: 0;
	padding: 0;
	white-space: nowrap;
	clip-path: inset(100%);
	clip: rect(0 0 0 0);
}

ul li, ol li{
	margin-bottom: 10px;
	line-height: 26px;
}

.footer-section .list-normal li{
	background: url('../Images/red-arrow.svg') no-repeat 0 5px;
	background-size: 17px 17px;
	padding-left: 24px;
	margin-bottom: 5px;
}
.footer-section .list-normal li a{
	font-size: 17px;
    font-weight: 300;
    color: var(--dark-gray);
}
.footer-section .submenu-footer::after {
	content: "";
	background: url('../Images/footer-arrow.svg') no-repeat;
	position: absolute;
	/* left: 0; */
	top: 8px;
	right: 0;
	background-size: contain;
	background-position: center;
	display: block;
	width: 28px;
	height: 28px;
	/* margin-left: 20px; */
	transform: rotate(0deg);
}

.footer-address p a{
	font-size: 17px;
    font-weight: 300 !important;
}

.carousel-small{
	margin-bottom: 24px !important;
}
.carousel-small .item, .carousel .item{
	height: auto !important;
	aspect-ratio: 4 / 3 !important;
}
.carousel-small  .carousel .carousel-content{
	height: calc(100% - 24px);
}
.carousel-small .carousel-item-type-image .carousel-image{
	height: 100%;
}

.carousel-small .carousel-item-type-image .carousel-image img{
    object-fit: cover;
    height: 100%;
}
.carousel-small .carousel-item{
	padding: 0;
}

.carousel-small .carousel-inner{
    border-radius: 10px;
}

#c821 .table{
	margin: 0 auto;
}

.news-widget-carousel .card .card-thumb {
	height: auto;
}

.news-widget-carousel .owl-item img {
	aspect-ratio: 4 / 3;
}

@media(max-width:767px){
	.frame-space-before-extra-small{
		margin-top: 15px;
	}
}