/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


/* *****************************
* Common Customs
* - Fonts
* - Colours
* - Logo
* ******************************/

:root {
	--secondary-theme-color: #c46e34;
	--tertiary-theme-color: #fe9602;
	--theme-gradient: linear-gradient(to right, #273747, #F3904F) !important;
}
.fd-1 {
	font-size: calc( 2.725rem + 5.7vw );
}
a {
	color: var(--secondary-theme-color);
}
.color-secondary {
	color: var(--secondary-theme-color) !important;
}
.list-unstyled.iconlist > li > a {
	color: var(--theme-color);
	font-family: 'Privity';
	text-transform: none;
}
.styled-links a, a.styled-link {
    font-family: 'Lobster Two', cursive;
    text-transform: lowercase;
}

@font-face {
    font-family: 'Kousis';
    src: url('fonts/kousis/KousisRegular.eot');
    src: url('fonts/kousis/KousisRegular.eot?#iefix') format('embedded-opentype'),
        url('fonts/kousis/KousisRegular.woff2') format('woff2'),
        url('fonts/kousis/KousisRegular.woff') format('woff'),
        url('fonts/kousis/KousisRegular.svg#KousisRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Magna';
    src: url('fonts/magna/Magna.otf');
    src: url('fonts/magna/Magna.otf#iefix') format('opentype'),
        url('fonts/magna/Magna.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Baghotta';
    src: url('fonts/baghotta/TheBaghottaScript.otf');
    src: url('fonts/baghotta/TheBaghottaScript.otf#iefix') format('opentype'),
        url('fonts/baghotta/TheBaghottaScript.ttf') format('ttf'),
        url('fonts/baghotta/TheBaghottaScript.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Privity';
    src: url('fonts/privity/Privity-Regular.eot');
    src: local('Privity Regular'), local('Privity-Regular'),
        url('fonts/privity/Privity-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/privity/Privity-Regular.woff2') format('woff2'),
        url('fonts/privity/Privity-Regular.woff') format('woff'),
        url('fonts/privity/Privity-Regular.ttf') format('truetype'),
        url('fonts/privity/Privity-Regular.svg#Privity-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

body {
	font-family: 'Privity';
	letter-spacing: 0.7px;
}

.font-kousis {
    font-family: 'Kousis' !important;
    /* font-weight: normal; */
    font-style: normal;
}
.font-magna {
    font-family: 'Magna' !important;
    /* font-weight: normal; */
    font-style: normal;
}
.font-baghotta {
    font-family: 'Baghotta' !important;
    /* font-weight: normal; */
    font-style: normal;
}
.font-lobster {
    font-family: 'Lobster Two', cursive !important;
    /* font-weight: normal; */
    font-style: normal;
}
.font-playfair {
    font-family: 'Playfair Display', serif !important;
}
.font-privity {
    font-family: 'Privity' !important;
    font-style: normal;
}
.font-poppins {
    font-family: 'Poppins' !important;
}

#logo img {
	max-height: 70px !important;
	/* padding: 5px 0; */
	padding-bottom: 5px;
}
@media(max-width: 990px) {
	#logo img {
		max-height: 70px !important;
		padding: 5px 0;
		padding-bottom: 10px;
	}
}


/* ***************************
* Home Page Custom CSS
* ****************************/

.svg-bg {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 0;
}
@media (min-width: 10px) {
	.block-hero-custom-01 {
		background-image: radial-gradient(circle at top left, #27374715 0%, #27374715 15%, #fff 15%);
		/* background-image: radial-gradient(circle at bottom left, #53906f15 0%, #53906f15 15%, #fff 15%); */
	}
	.block-hero-custom-02 {
		background-image: radial-gradient(circle at right, #27374715 0%, #27374715 15%, #fff 15%);
		/* background-image: radial-gradient(circle at bottom left, #53906f15 0%, #53906f15 15%, #fff 15%); */
	}
	.block-footer-custom-01 {
		background-image: radial-gradient(circle at bottom right, #27374715 0%, #53906f15 17%, #f8f9fa 15%);
		/* background-image: radial-gradient(circle at bottom left, #53906f15 0%, #53906f15 15%, #fff 15%); */
	}
}
.block-hero-21 {
	--color: var(--themecolor);
	--color-secondary: 50,97,72;
	font-family: 'Roboto', sans-serif;
	background-image: radial-gradient(circle at left, #27374715 0%, #27374715 15%, #fff 15%);
}

.block-hero-21 .font-primary {
	font-family: 'Lobster Two', cursive;
}
.block-hero-21 .color {
	color: var(--color) !important;
}

.block-hero-21 .bg-color {
	background-color: var(--color) !important;
}

.block-hero-21 .fbox-icon i {
	background-color: #EEE5CF;
	color: var(--color);
}
@media (min-width: 992px) {
	.block-hero-22 .transform-margin { transform: translateY(50px) scale(0.93); }
}

/* ***********************************
* Steper Forms
* ************************************/
@media (min-width: 768px) {
	.feature-box-border-horizontal .feature-box { position: relative; }

	.feature-box-border-horizontal .feature-box:not(.noborder) .fbox-icon::before,
	.feature-box-border-horizontal.border-hover-animate .feature-box:not(.noborder) .fbox-icon::after {
		content: "";
		position: absolute;
		top: 31px;
		left: calc(50% + 32px);
		width: calc(100% - 64px);
		height: 2px;
		border: 1px solid #EEE;
		z-index: 0;
	}

	.feature-box-border-horizontal.border-dashed .feature-box:not(.noborder) .fbox-icon::before,
	.feature-box-border-horizontal.border-dashed.border-hover-animate .feature-box:not(.noborder) .fbox-icon::after {
		border-style: dashed;
	}

	.feature-box-border-horizontal.border-hover-animate .feature-box:not(.noborder) .fbox-icon::after {
		display: block;
		border-color: #222;
		width: 0;
		transform-origin: top left;
		transition: width .3s ease-in-out;
	}

	/* .feature-box-border-horizontal .feature-box:not(.noborder):nth-child(1) .fbox-icon::before { background-color: #222; } */

	.feature-box-border-horizontal.border-hover-animate .feature-box:not(.noborder):hover .fbox-icon::after {  width: calc(100% - 64px); }


	.feature-box-border-horizontal .fbox-icon i,
	.feature-box-border-horizontal .fbox-border.fbox-light .fbox-icon i {
		line-height: 60px;
		font-size: 24px;
		z-index: 1;
		text-align: center;
		box-shadow: 0 0 0px 10px #FFF;
	}

	.feature-box-border-horizontal .feature-box.flex-column:not(.noborder) .fbox-icon::before,
	.feature-box-border-horizontal.border-hover-animate .feature-box.flex-column:not(.noborder) .fbox-icon::after {
		left: calc(0% + 88px);
	}
}

.dark .feature-box-border-horizontal .feature-box:not(.noborder) .fbox-icon::before,
.dark .feature-box-border-horizontal.border-hover-animate .feature-box:not(.noborder) .fbox-icon::after {
	border-color: rgba(255,255,255,0.1);
}

.dark .feature-box-border-horizontal.border-hover-animate .feature-box:not(.noborder) .fbox-icon::after {
	border-color: rgba(255,255,255,0.6);
}

.dark .feature-box-border-horizontal .fbox-icon i,
.dark .feature-box-border-horizontal .fbox-border.fbox-light .fbox-icon i {
	box-shadow: 0 0 0px 8px #0E2A47;
	background-color: #0b1e31;
}

/* ************************************
* Signup Form
* ************************************/

/* .block-form-2,
.block-form-2 h1,
.block-form-2 h2,
.block-form-2 h3,
.block-form-2 h4,
.block-form-2 h5,
.block-form-2 h6,
.block-form-2 p,
.block-form-2 label,
.block-form-2 input {
	font-family: 'Poppins';
} */

.block-form-2 .form-control {
	padding: 15px 2px;
	background-color: transparent !important;
	border-top-width: 0;
	border-right-width: 0;
	border-left-width: 0;
	border-bottom-width: 1px;
	border-radius: 0;
	font-weight: 500;
	font-size: 18px;
}

.block-form-2 .form-control:not(.error) { border-color: #DDD; }

.block-form-2 .form-control::-moz-placeholder {
	color: #DDD;
	font-weight: 400;
	font-size: 15px;
}
.block-form-2 .form-control:-ms-input-placeholder {
	color: #DDD;
	font-weight: 400;
	font-size: 15px;
}
.block-form-2 .form-control::-webkit-input-placeholder {
	color: #DDD;
	font-weight: 400;
	font-size: 15px;
}

.block-form-2 textarea.form-control {
	resize: none;
	overflow: hidden;
	word-wrap: break-word;
}

.block-form-2 label:not(.custom-control-label):not(.error) {
	text-transform: none;
	letter-spacing: 0;
	font-weight: 500;
	color: #777;
	margin-bottom: 8px;
	font-size: 14px;
}

.block-form-2 .social-icon {
	background-color: rgba(0,0,0,0.1);
	font-size: 16px;
}

.nav-pills .nav-link {
	padding: 10px 17px;
	color: #FFF;
	background-color: var(--themecolor);
	border: 1px solid transparent;
}

.block-form-2 .nav-pills .nav-link.active,
.block-form-2 .nav-pills .show > .nav-link,
.block-form-2 .nav-pills .nav-link:not(.active) {
	background-color: var(--themecolor);
}

.block-form-2 .nav-pills .nav-link:not(.active) {
	opacity: .7;
}

.block-form-2 .nav-pills .nav-link.active ~ .nav-link {
	opacity: 1;
	color: #666;
	background-color: #F5F5F5;
	pointer-events: none;
}

.block-form-2 .flatpickr-input.form-control[readonly] {
	background-color: inherit;
}

label.error {
	display: block !important;
	color: #E42C3E;
	font-size: 12px !important;
	font-weight: 400 !important;
	opacity: 0.9;
	font-style: italic;
	letter-spacing: 0;
	text-transform: none;
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
	background: var(--themecolor);
	border-color: var(--themecolor);
}

.flatpickr-day.today {
	border-color: var(--themecolor);
}

.svg-image {
	position: absolute;
	top: auto;
	bottom: 2px;
	z-index: 0;
	right: 10px;
	width: 98%;
	opacity: .7;
}

/* ***********************************
* Login Form
* ************************************/

.block-hero-17.slider-element .owl-dots {
	position: relative;
}

.block-hero-17.slider-element .owl-dots .owl-dot.active,
.block-hero-17.slider-element .owl-dots .owl-dot:hover {
	background-color: var(--secondary-theme-color) !important;
}
.block-hero-17.slider-element .owl-dots button {
	border-color: var(--tertiary-theme-color);
}

/* ***********************************
* Custom Mega Menu
* ************************************/
@media (min-width: 992px) {
	.block-mega-menu-4 .mega-menu-content {
		--bg-light-2: #fbf9f1;
		background: #FFF;
		background: linear-gradient(to right, #FFF 66.666667%, var(--bg-light-2) 66.666667%, var(--bg-light-2) 100%);
	}

	.block-mega-menu-4 .bg-light-2 {
		background-color: var(--bg-light-2) !important;
	}

	.block-mega-menu-4 .mega-menu-column {
		max-height: calc(100vh - 101px);
		overflow: auto;
	}

	.block-mega-menu-4 .hover-opacity .feature-box {
		transition: opacity .2s ease;
		will-change: opacity;
	}

	.block-mega-menu-4 .hover-opacity:hover .feature-box:not(:hover) {
		opacity: .3;
	}

	.block-mega-menu-4 .mega-menu-column .feature-box::before {
		content: "";
		opacity: 0;
		position: absolute;
		background-color: #52ADA2;
		width: 100%;
		top: -20px;
		left: -20px;
		border-radius: 2px;
		height: calc(100% + 40px);
		width: calc(100% + 40px);
		transform: scale(.875);
		transition: transform .2s linear;
	}

	.block-mega-menu-4 .mega-menu-column .feature-box:hover::before {
		opacity: .06;
		transform: scale(0.95);
	}
}

.block-mega-menu-4 .mega-menu-column .feature-box .fbox-content { padding-right: 0; }

.block-mega-menu-4 .mega-menu-column .feature-box > i {
	line-height: 1.25;
	font-size: 18px;
}

.block-mega-menu-4 .mega-menu-column .feature-box h5 { transition: color .15s linear; }

/* Color Primary */
.block-mega-menu-4 .mega-menu-column .feature-box.card-primary > i,
.block-mega-menu-4 .mega-menu-column .feature-box.card-primary:hover h5 {
	color: var(--bs-primary);
}
.block-mega-menu-4 .mega-menu-column .feature-box.card-primary::before {
	background-color: var(--bs-primary);
}

/* Color Info */
.block-mega-menu-4 .mega-menu-column .feature-box.card-info > i,
.block-mega-menu-4 .mega-menu-column .feature-box.card-info:hover h5 {
	color: var(--bs-info);
}
.block-mega-menu-4 .mega-menu-column .feature-box.card-info::before {
	background-color: var(--bs-info);
}

/* Color warning */
.block-mega-menu-4 .mega-menu-column .feature-box.card-warning > i,
.block-mega-menu-4 .mega-menu-column .feature-box.card-warning:hover h5 {
	color: var(--bs-warning);
}
.block-mega-menu-4 .mega-menu-column .feature-box.card-warning::before {
	background-color: var(--bs-warning);
}

/* Color danger */
.block-mega-menu-4 .mega-menu-column .feature-box.card-danger > i,
.block-mega-menu-4 .mega-menu-column .feature-box.card-danger:hover h5 {
	color: var(--bs-danger);
}
.block-mega-menu-4 .mega-menu-column .feature-box.card-danger::before {
	background-color: var(--bs-danger);
}

/* Color success */
.block-mega-menu-4 .mega-menu-column .feature-box.card-success > i,
.block-mega-menu-4 .mega-menu-column .feature-box.card-success:hover h5 {
	color: var(--bs-success);
}
.block-mega-menu-4 .mega-menu-column .feature-box.card-success::before {
	background-color: var(--bs-success);
}

/* Color orange */
.block-mega-menu-4 .mega-menu-column .feature-box.card-orange > i,
.block-mega-menu-4 .mega-menu-column .feature-box.card-orange:hover h5 {
	color: var(--bs-orange);
}
.block-mega-menu-4 .mega-menu-column .feature-box.card-orange::before {
	background-color: var(--bs-orange);
}

/* Color pink */
.block-mega-menu-4 .mega-menu-column .feature-box.card-pink > i,
.block-mega-menu-4 .mega-menu-column .feature-box.card-pink:hover h5 {
	color: var(--bs-pink);
}
.block-mega-menu-4 .mega-menu-column .feature-box.card-pink::before {
	background-color: var(--bs-pink);
}

/* **************************** */
/* ? Single Feature Page */
/* *************************** */

.block-misc-tooltip h1,
.block-misc-tooltip h2,
.block-misc-tooltip h3,
.block-misc-tooltip h4,
.block-misc-tooltip h5,
.block-misc-tooltip h6 {
	font-family: 'Arima Madurai', cursive;
}

.block-misc-tooltip .tooltip-highlighted {
	padding: 5px 5px;
	background-color: #bbddff;
	cursor: pointer;
	border-radius: 6px;
	color: #f8f9fa;
}

.tooltip-highlighted.highlight-blue {
	color: #f8f9fa !important;
	background-color: var(--bs-primary) !important;
}
.tooltip-highlighted.highlight-yellow {
	color: #f8f9fa !important;
	background-color: #ca8907 !important;
}
.tooltip-highlighted.highlight-orange {
	color: #f8f9fa !important;
	background-color: var(--bs-orange) !important;
}
.tooltip-highlighted.highlight-pink {
	color: #f8f9fa !important;
	background-color: var(--bs-pink) !important;
}
.tooltip-highlighted.highlight-green {
	color: #f8f9fa !important;
	background-color: var(--bs-success) !important;
}

.tooltip-inner {
	width: auto;
	max-width: 350px;
	padding: 8px;
}

/* Contact */

.block-hero-20 {
	/* --color: #AF4320; */
	--color: var(--themecolor);
	--color-secondary: 237,237,237;
}

.block-hero-20 h1,
.block-hero-20 h2,
.block-hero-20 h3,
.block-hero-20 h4,
.block-hero-20 h5,
.block-hero-20 h6,
.block-hero-20 p,
.block-hero-20 a,
.block-hero-20 .color {
	font-family: 'Playfair Display', serif !important;
	color: var(--color) !important;
}

.block-hero-20 .bg-color {
	background-color: var(--color) !important;
}

.block-hero-20 .fbox-icon i {
	background-color: #FFE2D6;
	color: var(--color);
}