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

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


.heading-block h3, 
.heading-block p , 
.fbox-content h3 {
	color: #eee !important;
}
.slider-img-1{
	width: 300px;
	text-align: center;
	margin: auto;
}

.fbox-icon i, .fbox-icon img {
	border-radius: 50%;
	background-color: rgba(2, 59, 71, 0.846) !important;
	}



/* 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: 'Inter', sans-serif;
	--themecolor: #CC135C;
}

.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;
}


[id^="particles-"]  {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 45%;
	left: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}