/*
Template Name: LaunchPage
Author URI: https://themeforest.net/user/epic-themes
Author Name: Epic Themes
Version: 1.0
*/

/* --- TABLE OF CONTENT

01. GENERAL LAYOUT
02. MENU-NAV
03. FOOTER
04. HOME
05. TEAM
06. FEATURES
07. GALLERY
08. PRICING
09. CONTACT
10. OTHER ELEMENTS
		a. Buttons
		b. Testimonials
		c. Benefits List
		d. Fun Facts
		e. Dropcaps Features
11. MEDIA QUERIES

--- */

/* ========================================================== */
/* 			               01. GENERAL LAYOUT                 */
/* ========================================================== */

ul {
	padding: 0;
}

ul,
ol {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
	color: #858585;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 20px;
}

ul li,
ol li {
	font-size: 17px;
	line-height: 28px;
	font-family: 'Inter Tight', sans-serif;
	list-style-type: none;
}

ul li i {
	vertical-align: middle;
	padding-right: 5px;
}

p {
	font-size: 17px;
	line-height: 28px;
	font-weight: 400;
	color: #7c8595;
	margin-bottom: 20px;
	font-family: 'Inter Tight', sans-serif;
}

a,
a:hover,
a:focus,
a:active,
a:visited {
	text-decoration: none;
	outline: 0;
	color: #f4c21d;
}

a:hover {
	color: #f4c21d;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Inter Tight', sans-serif;
	line-height: 1.2;
	margin-top: 0;
	margin-bottom: 20px;
	color: #232f6c;
	font-weight: 700;
}

h1 {
	font-size: 45px;
}

h2 {
	font-size: 38px;
}

h3 {
	font-size: 32px;
}

h4 {
	font-size: 26px;
}

h5 {
	font-size: 20px;
}

h6 {
	font-size: 18px;
}

h2.section-title {
	margin-bottom: 10px;
}

p.section-subtitle {
	font-size: 18px;
}

p.section-subtitle.white {
	color: #ffffff;
}

p.section-subtitle.black {
	color: #252525;
}

iframe {
	max-width: 100%;
	border: none;
}

.iframe-youtube {
	position: relative;
	margin-top: 30px;
	z-index: 100;
}

.iframe-youtube iframe {
	padding: 10px 10px;
	box-shadow: 0 15px 36px rgba(0, 0, 0, 0.20);
	background-color: #fff;
	webkit-border-radius: 8px 8px;
	-moz-border-radius: 8px 8px;
	border-radius: 8px 8px;
	z-index: 100;
}

.popup-gallery:hover .video-popup-image {
	opacity: 1;

}

.video-play-icon {
	position: absolute;
	z-index: 100;
	top: 50%;
	left: 50%;
	margin-top: -45px;
	margin-left: -45px;
	width: 90px;
	height: 90px;
	line-height: 90px;
	text-align: center;
	font-size: 40px;
	color: #007bff;
	background-color: rgba(0, 123, 255, 0.70);
	border-radius: 50% 50%;
	display: inline-block;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}

.video-play-icon:hover {
	background-color: rgba(0, 123, 255, 0.99);
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}

.video-play-icon i {
	color: #fff;
}

.white-text {
	color: #fff;
}

.red {
	color: #e52f37;
}

.strong {
	font-weight: bold;
}

.section-bg-1 {
	background: url(https://comprooromoglianoveneto.it/wp-content/uploads/2025/12/hero-home-1-oro-scaled.webp);
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	width: 100%;
	position: relative;
	padding: 110px 0;
}

.section-bg-2 {
	background: url(https://comprooromoglianoveneto.it/wp-content/uploads/2025/12/hero-home-1-oro-scaled.webp);
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	width: 100%;
	position: relative;
	padding: 120px 0;
}

.section-bg-3 {
	background: url(https://comprooromoglianoveneto.it/wp-content/uploads/2025/12/hero-home-1-oro-scaled.webp);
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	width: 100%;
	position: relative;
	padding: 140px 0;
}

.section-bg-overlay {
	width: 100%;
	background: #b6b6b6;
	opacity: 0.97;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.section-white {
	background: #fff;
	padding: 90px 0 100px 0;
}

.section-grey {
	background: #f1faff;
	padding: 90px 0 100px 0;
}

.section-red {
	background: #e52f37;
	padding: 90px 0 100px 0;
}

.section-white.no-padding,
.section-grey.no-padding,
.section-red.no-padding {
	padding: 0;
}

.section-white.medium-paddings,
.section-grey.medium-paddings,
.section-red.medium-paddings {
	padding: 60px 0;
}

.section-white.small-paddings,
.section-grey.small-paddings,
.section-red.small-paddings {
	padding: 30px 0;
}

.section-white.xsmall-paddings,
.section-grey.xsmall-paddings,
.section-red.xsmall-paddings {
	padding: 10px 0;
}

.section-white.small-padding-top,
.section-grey.small-padding-top,
.section-red.small-padding-top {
	padding: 30px 0 90px 0;
}

.section-white.small-padding-bottom,
.section-grey.small-padding-bottom,
.section-red.small-padding-bottom {
	padding: 90px 0 70px 0;
}

.section-white.no-padding-bottom,
.section-grey.no-padding-bottom,
.section-red.no-padding-bottom {
	padding: 90px 0 0 0;
}

.small-col-inside {
	margin: 90px 0;
	max-width: 575px;
	padding-left: 55px;
}

.width-100 {
	width: 100%;
}

.box-shadow {
	border-radius: 8px;
	box-shadow: 0px 8px 40px 0 rgba(0, 0, 0, 0.15);
}

.image-shadow {
	border-radius: 8px 8px;
	box-shadow: 10px 12px 40px rgba(0, 0, 0, 0.2);
}

/* margin and padding classes */

.margin-right-15 {
	margin-right: 15px;
}

.margin-left-15 {
	margin-left: 15px;
}

.margin-right-25 {
	margin-right: 25px !important;
}

.margin-left-25 {
	margin-left: 25px !important;
}

.margin-left-20 {
	margin-left: 20px !important;
}

.margin-top-120 {
	margin-top: 120px !important;
}

.margin-top-110 {
	margin-top: 110px !important;
}

.margin-top-100 {
	margin-top: 100px !important;
}

.margin-top-90 {
	margin-top: 90px !important;
}

.margin-top-80 {
	margin-top: 80px !important;
}

.margin-top-70 {
	margin-top: 70px !important;
}

.margin-top-60 {
	margin-top: 60px !important;
}

.margin-top-50 {
	margin-top: 50px !important;
}

.margin-top-40 {
	margin-top: 40px !important;
}

.margin-top-35 {
	margin-top: 35px !important;
}

.margin-top-30 {
	margin-top: 30px !important;
}

.margin-top-20 {
	margin-top: 20px !important;
}

.margin-top-10 {
	margin-top: 10px !important;
}

.margin-top-5 {
	margin-top: 5px !important;
}

.margin-bottom-0 {
	margin-bottom: 0px !important;
}

.margin-bottom-5 {
	margin-bottom: 5px;
}

.margin-bottom-10 {
	margin-bottom: 10px !important;
}

.margin-bottom-20 {
	margin-bottom: 20px !important;
}

.margin-bottom-30 {
	margin-bottom: 30px !important;
}

.margin-bottom-40 {
	margin-bottom: 40px !important;
}

.margin-bottom-50 {
	margin-bottom: 50px !important;
}

.margin-bottom-60 {
	margin-bottom: 60px !important;
}

.margin-bottom-70 {
	margin-bottom: 70px !important;
}

.margin-bottom-80 {
	margin-bottom: 80px !important;
}

.margin-bottom-100 {
	margin-bottom: 100px !important;
}

.margin-bottom-120 {
	margin-bottom: 120px !important;
}

.margin-bottom-130 {
	margin-bottom: 120px !important;
}

.margin-bottom-140 {
	margin-bottom: 140px !important;
}

.padding-top-0 {
	padding-top: 0px !important;
}

.padding-top-10 {
	padding-top: 10px !important;
}

.padding-top-20 {
	padding-top: 20px !important;
}

.padding-top-25 {
	padding-top: 25px !important;
}

.padding-top-30 {
	padding-top: 30px !important;
}

.padding-top-35 {
	padding-top: 35px !important;
}

.padding-top-40 {
	padding-top: 40px !important;
}

.padding-top-45 {
	padding-top: 45px !important;
}

.padding-top-50 {
	padding-top: 50px !important;
}

.padding-top-60 {
	padding-top: 60px !important;
}

.padding-top-70 {
	padding-top: 70px !important;
}

.padding-top-80 {
	padding-top: 80px !important;
}

.padding-top-100 {
	padding-top: 100px !important;
}

.padding-top-120 {
	padding-top: 120px !important;
}

.padding-top-150 {
	padding-top: 150px !important;
}

.padding-bottom-70 {
	padding-bottom: 70px !important;
}

.padding-bottom-60 {
	padding-bottom: 60px !important;
}

.padding-bottom-50 {
	padding-bottom: 50px !important;
}

.padding-bottom-40 {
	padding-bottom: 40px !important;
}

.padding-bottom-30 {
	padding-bottom: 30px !important;
}

.padding-bottom-20 {
	padding-bottom: 20px !important;
}

.padding-bottom-10 {
	padding-bottom: 10px !important;
}

.padding-bottom-0 {
	padding-bottom: 0px !important;
}

.margin-top-0 {
	margin-top: 0px !important;
}

.padding-left-20 {
	padding-left: 20px;
}

/* ========================================================== */
/* 			               02. MENU-NAV                       */
/* ========================================================== */

.navbar-brand {
	font-family: 'Inter Tight', sans-serif;
	font-size: 28px;
	font-weight: 700;
	color: #e52f37;
}

.navbar-brand:hover {
	color: #e52f37;
}

.navbar-fixed-top.opaque .navbar-brand {
	color: #e52f37;
}

.navbar-fixed-top.opaque .navbar-brand:hover {
	color: #e52f37;
}

.navbar {
	width: 100%;
	z-index: 9999;
	padding-top: 20px;
	padding-bottom: 20px;
}

.navbar-toggler {
	border: 1px solid #232f6c;
}

.navbar-toggler-icon {
	width: 1.3em;
	height: 1.3em;
}

.navbar-toggler-icon i {
	color: #232f6c;
	vertical-align: middle;
}

.navbar-fixed-top {
	position: absolute !important;
	background-color: #fff;
	border-bottom: none;
	transition: background-color 0.25s ease 0s;
}

.navbar-fixed-top.opaque {
	position: fixed !important;
	top: 0;
	margin-top: 0;
	background-color: #fff !important;
	border-bottom: 1px solid #efefef;
	box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04) !important;
	transition: all 0.25s ease-in-out 0s;
}

.navbar-fixed-top .navbar-nav>li>a {
	color: #232f6c;
	font-size: 17px !important;
	line-height: 30px !important;
	padding: 10px 15px !important;
	font-family: 'Inter Tight', sans-serif;
	font-weight: 600;
}

.navbar-fixed-top.opaque .navbar-nav>li>a {
	color: #232f6c;
}

.navbar-fixed-top .navbar-nav>li>a:hover {
	color: #2aafdf !important;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.navbar-fixed-top.opaque .navbar-nav .current a {
	color: #2aafdf !important;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}



/* ========================================================== */
/* 			                03. FOOTER                        */
/* ========================================================== */

.footer {
	position: relative;
	overflow: hidden;
	display: block;
	padding: 40px 0 20px 0;
	background-color: #fafbfc;
}

.footer p {
	margin-bottom: 5px;
	line-height: 24px;
	color: #454545;
}

.footer p>a {
	font-size: 17px;
	color: #e52f37;
	text-decoration: underline;
}

.footer p>a:hover {
	color: #e52f37;
	text-decoration: underline;
}

span.template-name {
	font-weight: bold;
}

a.footer-links {
	display: block;
	font-size: 17px;
	margin-bottom: 2px;
	color: #454545;
}

a.footer-links:hover {
	color: #e52f37;
	text-decoration: underline;
	transition: all .5s ease-in-out;
}

/* Footer Social Icons */
ul.footer_social {
	float: right;
}

ul.footer_social li {
	display: inline-block;
	margin: 0;
	line-height: 100% !important;
}

ul.footer_social li a i {
	display: inline-block;
	margin: 0 8px;
	padding: 0;
	font-size: 26px !important;
	line-height: 26px !important;
	color: #1e90ff;
	transition: all .5s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

ul.footer_social li a i.fa-twitter {
	color: #4099ff;
}

ul.footer_social li a i.fa-pinterest {
	color: #C92228;
}

ul.footer_social li a i.fa-facebook-square {
	color: #3b5998;
}

ul.footer_social li a i.fa-instagram {
	color: #8a3ab9;
}

ul.footer_social li a i.fa-skipe {
	color: #00aff0;
}

ul.footer_social li a i.fa-dribble {
	color: #ea4c89;
}

ul.footer_social li a i:hover {
	color: #e52f37 !important;
}

/* ========================================================== */
/* 			               04. HOME                           */
/* ========================================================== */

.home-section {
	position: relative;
	z-index: 999;
	padding-top: 140px;
	padding-bottom: 110px;
	background: url(https://comprooromoglianoveneto.it/wp-content/uploads/2025/12/hero-home-1-oro-scaled.webp) top center no-repeat;
	/* 1920 x 1150 */
	background-size: cover;
}

.home-section-overlay {
	width: 100%;
	background: #000;
	opacity: 0.55;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.home-section h1 {
	margin-bottom: 20px;
	line-height: 1.2;
	color: #fff;
	text-shadow: 1px 1px #373737;
}

.home-section p.hero-text {
	margin-bottom: 35px;
	font-size: 20px;
	line-height: 30px;
	font-weight: 400;
	color: #fff;
	text-shadow: 1px 1px #373737;
}

/* -----  Hero Video PopUp ----- */
.popup-gallery-wrapper {
	position: relative;
	margin-top: 25px;
}

.hero-gallery {
	float: left;
}

.video-icon {
	float: left;
	width: 60px;
	height: 60px;
	background: #fff;
	border: 2px solid #fff;
	border-radius: 50% 50%;
	display: inline-block;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}

.video-icon:before {
	content: '';
	width: 60px;
	height: 60px;
	position: absolute;
	border: 1px solid #fff;
	border-radius: 100%;
	left: 50%;
	margin-left: -30px;
	bottom: 10%;
	margin-bottom: -6px;
	-webkit-animation: doublePulsation 1.9s ease infinite;
	animation: doublePulsation 1.9s ease infinite;
	z-index: 0;
}

@-webkit-keyframes doublePulsation {
	0% {
		-webkit-transform: scale(1.0, 1.0);
		opacity: 0.0;
	}

	50% {
		opacity: 0.55;
	}

	100% {
		-webkit-transform: scale(1.3, 1.3);
		opacity: 0.0;
	}
}

@keyframes doublePulsation {
	0% {
		-webkit-transform: scale(1.0, 1.0);
		opacity: 0.0;
	}

	50% {
		opacity: 0.55;
	}

	100% {
		-webkit-transform: scale(1.3, 1.3);
		opacity: 0.0;
	}
}

.video-icon:hover {
	background: transparent;
}

.video-icon i {
	font-size: 26px;
	line-height: 56px;
	color: #e52a3d;
	margin-left: 18px;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}

.video-icon:hover i {
	color: #fff;
}

.popup-video-text {
	float: left;
	padding-top: 15px;
	padding-left: 20px;
	font-size: 18px;
	line-height: 28px;
	color: #fff;
	text-decoration: underline;
	text-shadow: 1px 1px #656565;
}

/* -----  Register ----- */
.register-form-wrapper {
	margin-top: 25px;
	padding: 40px 40px;
	background: rgba(255, 255, 255, 0.15);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.2);
	box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2);
	border-radius: 20px;
}

.register-form-wrapper h3 {
	margin-bottom: 5px;
	font-size: 22px;
	font-weight: 500;
}

.register-form-wrapper p {
	margin-bottom: 25px;
	font-size: 17px;
}

input.register-input,
select.register-input {
	width: 100% !important;
	height: 52px !important;
	padding-left: 11% !important;
	padding-right: 5% !important;
	margin-bottom: 15px !important;
	color: #555 !important;
	border: 1px solid #f1f1f1 !important;
	background-color: #f9f9f9 !important;
	font-size: 16px !important;
	border-radius: 5px 5px 5px 5px !important;
}

input.name-input {
	background: url('../images/input-user.png') no-repeat 12px 15px;
}

input.name-email {
	background: url('../images/input-envelope.png') no-repeat 12px 15px;
}

select.register-input {
	background: url('../images/input-select.png') no-repeat 12px 15px;
}

input.register-submit {
	background: #e52f37;
	border: none;
	color: #fff;
	letter-spacing: 1px;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	width: 100%;
	max-width: 535px;
	padding: 16px 0;
	text-transform: uppercase;
	-webkit-border-radius: 3px 3px;
	-moz-border-radius: 3px 3px;
	border-radius: 3px 3px;
	transition: all .50s ease-in-out;
	-moz-transition: all .50s ease-in-out;
	-webkit-transition: all .50s ease-in-out;
}

input.register-submit:hover {
	background: #2745B3;
	transition: all .50s ease-in-out;
	-moz-transition: all .50s ease-in-out;
	-webkit-transition: all .50s ease-in-out;
}

#register-form input.register-input:focus,
#register-form select.register-input:focus {
	border-color: #656565 !important;
	color: #454545 !important;
	outline: none;
}

#register-form input.register-input:focus,
#register-form select.register-input:focus {
	border-color: #656565 !important;
	color: #454545 !important;
	outline: none;
}

p.register_success_box {
	display: inline-block;
	color: #2745B3;
	border: 1px solid #2745B3;
	padding: 25px 25px;
	font-size: 19px;
	text-shadow: none;
	font-style: italic;
	border-radius: 8px 8px;
	margin: 15px 0;
}

p.register-form-terms {
	margin: 10px 0 5px 0;
	font-size: 14px;
	color: #7c8595;
	text-shadow: none;
}

input.white-input::-webkit-input-placeholder,
select.white-input::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #656565;
}

input.white-input:-moz-placeholder,
select.white-input:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #656565;
}

input.white-input::-moz-placeholder,
select.white-input::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #656565;
}

input.white-input:-ms-input-placeholder,
select.white-input:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #656565;
}

/* Pertners */
.partners-section {
	padding: 40px 0 20px 0;
	background-color: #fff;
}

.partners img.partners {
	opacity: 0.4;
	margin: 10px 15px;
	max-height: 55px;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.partners img.partners:hover {
	opacity: 0.8;
}

.partners-title {
	font-size: 18px;
	line-height: 78px;
	display: inline-block;
	margin-right: 15px;
}

/* ========================================================== */
/* 			               05. TEAM                           */
/* ========================================================== */

.team-item {
	padding: 10px 25px 30px 25px;
	background-color: #fff;
	border: 1px solid #e5efff;
	border-top: none;
	text-align: center;
	transition: all 1s;
	border-radius: 0 0 8px 8px;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.team-item h3 {
	margin: 20px 0 1px 0 !important;
	color: #454545;
	font-size: 18px;
	text-transform: uppercase;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

.team-info {
	display: block;
	margin-bottom: 0;
}

.team-info p {
	color: #acacac;
	font-style: italic;
}

.team-info::after {
	background: #e52f37;
	display: inline-block;
	vertical-align: middle;
	content: "";
	width: 50px;
	height: 3px;
	margin-top: -20px;
}

.team-img {
	border-radius: 8px 8px 0 0;
}

/* ========================================================== */
/* 			                06. FEATURES                      */
/* ========================================================== */

.services-wrapper {
	position: relative;
}

.main-services {
	position: relative;
	margin: 10px 5px;
	overflow: hidden;
	text-align: center;
	transition: all 1s;
}

.main-services:hover {
	transform: scale(1.025);
	transition: all 1s;
}

.main-services img {
	width: 100%;
	max-width: 200px;
	margin-bottom: 10px;
}

.main-services h3 {
	margin-bottom: 5px;
}

.main-services h3 a {
	font-size: 22px;
	font-weight: 700;
	color: #e52f37;
}

.main-services h4 {
	margin-bottom: 10px;
	font-size: 21px;
	font-weight: 700;
}

.main-services p {
	padding: 0 10px;
	margin-bottom: 15px;
}

.main-services i {
	margin-bottom: 15px;
	display: inline-block;
	padding: 16px 16px;
	font-size: 40px;
	line-height: 46px;
	width: 75px;
	height: 75px;
	text-align: center;
	color: #fff;
	border-radius: 20px;
	background-color: #e52f37;
}

.main-services.red i {
	background-color: #e52f37;
}

.main-services.blue i {
	background-color: transparent;
}

.main-services.green i {
	background-color: #2745B3;
}

blockquote {
	font-size: 16px;
	color: #4285f4;
	border-left: 2px solid #4285f4;
}

.faq-box {
	margin: 30px 0 0 0;
	transition: all 1s;
}

.faq-box h4 {
	font-size: 22px;
	margin-bottom: 10px;
}

.faq-box h5 {
	margin-bottom: 7px;
}

.faq-box p {
	color: #7c8595;
}

/* Features */
.feature-box {
	overflow: hidden;
	margin: 40px 0 0 0;
}

.feature-box i {
	float: left;
	font-size: 50px;
	line-height: 50px;
	width: 55px;
	height: 55px;
	text-align: center;
	color: #50a0d2;
}

.feature-box.light-blue i {
	color: #50a0d2;
}

.feature-box.dark-blue i {
	color: #3473b8;
}

.feature-box.light-green i {
	color: #a9d129;
}

.feature-box.dark-green i {
	color: #87ac34;
}

.feature-box.orange i {
	color: #fe9c24;
}

.feature-box.light-red i {
	color: #fc6a3f;
}

.feature-box.pink i {
	color: #ea4c89;
}

.feature-box-text {
	float: left;
	width: 75%;
	margin-left: 30px;
}

.feature-box h4 {
	font-size: 20px;
	margin-bottom: 10px;
}

.feature-box p {
	color: #7c8595;
}

/* ========================================================== */
/* 						   07. PORTFOLIO                      */
/* ========================================================== */

.gallery-insta {
	margin: 0 !important;
}

.gallery-insta img {
	border-radius: 0 !important;
	padding: 5px 5px;
}

p.follow-instagram a {
	color: #e52f37;
}

.popup-wrapper {
	display: block;
	position: relative;
	overflow: hidden;
}

.popup-gallery {
	display: inline-block;
	position: relative;
}

.popup-gallery img {
	position: relative;
	z-index: 10;
	width: 100%;
	height: auto;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

.popup-gallery:hover img {
	opacity: 0.25;
}

.popup-gallery a span.eye-wrapper,
.popup-gallery a span.eye-wrapper2 {
	background-color: #e52f37;
	position: absolute;
	display: block;
	overflow: hidden;
	z-index: 2;
	width: 90%;
	height: 90% !important;
	top: 5%;
	left: 5%;
	font-size: 22px;
	color: #fff;
	text-align: center;
	font-weight: 300;
	opacity: 0;
}

.popup-gallery a span.eye-wrapper i.eye-icon,
.popup-gallery a span.eye-wrapper2 i.eye-icon {
	position: absolute;
	display: inline-block;
	font-size: 36px;
	z-index: 3;
	top: 50% !important;
	margin-top: -18px !important;
	left: 0%;
	right: 0%;
}

.popup-gallery a:hover span {
	opacity: 1;
}

.popup-gallery img,
.popup-gallery a span {
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.gallery-item {
	margin-bottom: 37px;
}

/* ========================================================== */
/* 			               08. PRICING                        */
/* ========================================================== */

.price-box-white {
	text-align: center;
	background-color: #fff;
	border: 1px solid #dde9fb;
	box-shadow: 0 12px 55px 0 rgba(0, 0, 0, .05);
	padding: 50px 20px;
	width: 90%;
	margin-top: 30;
	margin-bottom: 20px;
	margin-left: 20px;
	border-radius: 8px 8px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}

.price-box-grey {
	text-align: center;
	background: #e52f37;
	border: 2px solid #e52f37;
	box-shadow: 10px 12px 40px rgba(0, 0, 0, 0.2);
	padding: 50px 20px;
	width: 90%;
	margin-top: 30;
	margin-bottom: 20px;
	margin-left: 20px;
	border-radius: 8px 8px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}

.price-box-grey:hover,
.price-box-white:hover {
	transform: scale(1.03, 1.03);
	-ms-transform: scale(1.03, 1.03);
	/* IE 9 */
	-webkit-transform: scale(1.03, 1.03);
	/* Safari */

	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
}

.price-box-white .price-title,
.price-box-white ul.pricing-list li.price-value {
	color: #292929;
}

.price-box-grey .price-title,
.price-box-grey ul.pricing-list li.price-value {
	color: #fff;
}

.price-box-white .price-subtitle,
.price-box-white .price-text {
	color: #6a6a6a;
}

.price-box-grey .price-subtitle,
.price-box-grey .price-text {
	color: #fff;
}

ul.pricing-list li.price-title {
	font-family: 'Inter Tight', sans-serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: 500;
	letter-spacing: 1px;
}

ul.pricing-list li.price-value {
	font-family: 'Inter Tight', sans-serif;
	font-size: 70px;
	line-height: 70px;
	display: block;
	margin-top: 20px;
	margin-bottom: 10px;
}

ul.pricing-list li.price-subtitle {
	font-family: 'Inter Tight', sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
}

ul.pricing-list li.price-text {
	font-family: 'Inter Tight', sans-serif;
	font-size: 16px;
	line-height: 28px;
	font-weight: 400;
	margin-bottom: 5px;
}

ul.pricing-list li.price-tag a {
	color: #e52f37;
	background: #fff;
	border: 1px solid #fff;
	border-radius: 23px 23px;
	padding: 15px 30px;
	display: inline-block;
	font-size: 14px;
	line-height: 24px;
	font-weight: 600;
	margin: 40px 0 30px 0;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

ul.pricing-list li.price-tag a:hover {
	background: transparent;
	border: 1px solid #fff;
	color: #fff;
}

/* ========================================================== */
/* 			                 09. CONTACT                      */
/* ========================================================== */

.contact-form-wrapper {
	margin-top: 25px;
}

.contact-form-wrapper h3 {
	margin-bottom: 5px;
	font-size: 24px;
	font-weight: 500;
}

.contact-form-wrapper p {
	margin-bottom: 25px;
	font-size: 17px;
}

input.contact-input,
select.contact-input {
	width: 100%;
	height: 56px;
	padding-left: 2%;
	padding-right: 2%;
	margin-bottom: 15px;
	color: #fff;
	border: 2px solid #fff;
	background-color: transparent;
	font-size: 16px;
	-webkit-border-radius: 5px 5px;
	-moz-border-radius: 5px 5px;
	border-radius: 5px 5px;
}

textarea {
	height: 145px;
	margin-bottom: 12px;
	width: 100%;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #fff;
	background-color: transparent;
	border: 2px solid #fff;
	font-size: 16px;
	-webkit-border-radius: 5px 5px;
	-moz-border-radius: 5px 5px;
	border-radius: 5px 5px;
}

input.contact-submit {
	background: #fff;
	border: none;
	color: #e52f37;
	letter-spacing: 1px;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	width: 100%;
	max-width: 300px;
	padding: 20px 0;
	text-transform: uppercase;
	-webkit-border-radius: 3px 3px;
	-moz-border-radius: 3px 3px;
	border-radius: 3px 3px;
	transition: all .50s ease-in-out;
	-moz-transition: all .50s ease-in-out;
	-webkit-transition: all .50s ease-in-out;
}

input.contact-submit:hover {
	background: #eaeaea;
	transition: all .50s ease-in-out;
	-moz-transition: all .50s ease-in-out;
	-webkit-transition: all .50s ease-in-out;
}

input.contact-input::-webkit-input-placeholder,
textarea.contact-input::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #fff;
}

input.contact-input:-moz-placeholder,
textarea.contact-input:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #fff;
}

input.contact-input::-moz-placeholder,
textarea.contact-input::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #fff;
}

input.contact-input:-ms-input-placeholder,
textarea.contact-input:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #fff;
}

#contact-form input.contact-input:focus,
#contact-form textarea:focus {
	border-color: #fff !important;
	color: #fff !important;
	outline: none;
}

#contact-form select.contact-input:focus {
	border-color: #fff !important;
	color: #454545 !important;
	outline: none;
}

p.contact_success_box {
	display: inline-block;
	color: #fff;
	border: 1px solid #eee;
	padding: 25px 25px;
	font-size: 19px;
	text-shadow: none;
	font-style: italic;
	border-radius: 8px 8px;
	margin: 15px 0;
}

/* ========================================================== */
/* 			               11. OTHER ELEMENTS                 */
/* ========================================================== */

/* a) Buttons */
.btn-white {
	font-family: 'Inter Tight', sans-serif;
	font-size: 18px;
	line-height: 22px;
	font-weight: 700;
	color: #e52f37;
	background-color: #ffffff;
	border: 1px solid #fff;
	box-shadow: 0px 8px 40px 0 rgba(0, 0, 0, 0.37);
	border-radius: 23px 23px;
	margin: 10px 10px;
	padding: 16px 26px;
	display: inline-block;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}

.btn-white:hover {
	box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.5);
	color: #e52f37 !important;
	background: #f9f9f9;
}

.btn-white-border {
	color: #fff;
	background: transparent;
	font-family: 'Inter Tight', sans-serif;
	font-size: 18px;
	line-height: 22px;
	font-weight: 700;
	border: 1px solid #fff;
	border-radius: 23px 23px;
	margin: 10px 10px;
	padding: 16px 26px;
	display: inline-block;
	box-shadow: 0px 8px 40px 0 rgba(0, 0, 0, 0.37);
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}

.btn-white-border:hover {
	box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.5);
	color: #e52f37 !important;
	background: #f9f9f9;
}

.btn-white i,
.btn-white-border i {
	font-size: 22px;
	line-height: 22px;
	margin-right: 10px;
	vertical-align: text-top;
}

.btn-blue {
	font-family: 'Inter Tight', sans-serif;
	font-size: 18px;
	line-height: 22px;
	font-weight: 600;
	color: #fff;
	background-color: #1e90ff;
	border: 1px solid #1e90ff;
	box-shadow: 0px 5px 20px 0 rgba(0, 0, 0, 0.27);
	letter-spacing: 1px;
	border-radius: 23px 23px;
	margin: 5px 10px 10px 0;
	padding: 18px 25px;
	display: inline-block;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}

.btn-blue:hover {
	box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.5);
	color: #fff !important;
	background: #1e90ff;
}

.btn-red {
	font-family: 'Inter Tight', sans-serif;
	font-size: 18px;
	line-height: 22px;
	font-weight: 600;
	color: #fff;
	background-color: #e52f37;
	border: 1px solid #e52f37;
	box-shadow: 0px 5px 20px 0 rgba(0, 0, 0, 0.27);
	letter-spacing: 1px;
	border-radius: 23px 23px;
	margin: 5px 10px 10px 0;
	padding: 18px 25px;
	display: inline-block;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}

.btn-red:hover {
	box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.5);
	color: #fff !important;
	background: #e52f37;
}

.btn-blue.small,
.btn-blue-line.small,
.btn-red.small,
.btn-red-line.small,
.btn-white.small,
.btn-white-border.small {
	font-size: 16px;
	padding: 14px 20px;
}

.btn-red-line {
	font-family: 'Inter Tight', sans-serif;
	font-size: 18px;
	line-height: 22px;
	font-weight: 600;
	color: #e52f37;
	background-color: #fff;
	border: 1px solid #e52f37;
	border-radius: 23px 23px;
	margin: 15px 10px 0 0;
	padding: 20px 30px;
	display: inline-block;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}

.btn-red-line:hover {
	color: #fff !important;
	background: #e52f37;
}

a.btn-red:visited,
a.btn-red:focus {
	color: #fff !important;
}


/* b) Testimonials - Accordion Tabs */
.card {
	position: relative;
	margin: 20px 0;
	border: none;
	background-color: #fff !important;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);
}

.card-header {
	max-width: 100%;
	position: relative;
	padding: 15px 25px;
	margin-bottom: 0;
	background-color: transparent;
	border-bottom: none;
	border-left: 6px solid #2745B3;
}

.card-header h5 .btn-link p {
	font-family: 'Inter Tight', sans-serif;
	margin-top: 15px;
	padding: 0;
	font-size: 18px;
	font-weight: 700;
	color: #071e55;
	text-align: left !important;
	background-color: transparent;
}

.card-header h5 .btn-link p span {
	font-size: 17px;
	color: #2745B3;
}

.card-header h5 .btn-link:hover,
.card-header h5 .btn-link:focus {
	text-decoration: none;
}

.card-body {
	padding: 20px 25px 5px 25px;
	border-top: none;
	border-left: 6px solid #2745B3;
	font-family: 'Inter Tight', sans-serif;
	font-size: 20px;
	color: #7c8595;
	font-style: italic;
}

img.testim-img {
	float: left;
	margin-right: 15px;
	max-width: 65px;
	border-radius: 50%;
}

p.testim-name {
	display: inline-block;
}

.testim-rating {
	margin-bottom: 30px;
}

.testim-rating i {
	color: #fdcc28;
}

.testim-platform.first {
	display: block;
	border-right: 1px solid #cecece;
}

.testim-platform p {
	margin-bottom: 5px;
	font-weight: bold;
	color: #071e55;
}

/* c) Benefits List */
ul.benefits {
	margin-bottom: 20px;
}

ul.benefits li {
	font-size: 17px;
	line-height: 26px;
	margin-bottom: 8px;
}

ul.benefits.white li {
	color: #fff;
}

ul.benefits li i {
	font-size: 18px;
	line-height: 18px;
	margin-right: 1px;
	color: #e52a3d;
}

ul.benefits.white li i {
	color: #fff;
}

.no-padding-bottom {
	padding-bottom: 0;
}

/* ----- d) Fun Facts ----- */
.fun-facts-boxs {
	display: inline-block;
	width: 19%;
	padding: 10px 10px;
}

.fun-facts-title {
	font-size: 16px;
	font-weight: 400;
	color: #fff;
}

.fun-facts-title span {
	font-size: 28px;
	line-height: 40px;
	font-weight: 600;
	font-style: normal;
	color: #fff;
}

.fun-facts-box i {
	font-size: 45px;
	line-height: 60px;
	color: #fff;
}

/* ----- e) Dropcaps Features ----- */
.nav-pills .nav-link {
	margin-bottom: 10px;
}

.nav-pills .nav-link,
.nav-pills .show>.nav-link {
	border: none !important;
	transition: all 1s;
}

.nav-pills .nav-link:hover {
	color: #fff;
	background-color: #fff;
	border: none !important;
	border-radius: 8px !important;
	box-shadow: 0 12px 55px 0 rgba(0, 0, 0, .05) !important;
	-moz-box-shadow: 0 12px 55px 0 rgba(0, 0, 0, .05) !important;
	-webkit-box-shadow: 0 12px 55px 0 rgba(0, 0, 0, .05) !important;
	transition: all 1s;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	color: #fff;
	background-color: #fff;
	border: 1px solid #f4f5f6 !important;
	border-radius: 8px !important;
	box-shadow: 0 12px 55px 0 rgba(0, 0, 0, .05) !important;
	-moz-box-shadow: 0 12px 55px 0 rgba(0, 0, 0, .05) !important;
	-webkit-box-shadow: 0 12px 55px 0 rgba(0, 0, 0, .05) !important;
	transition: all 1s;
}

.features-second {
	margin: 10px 0;
}

.features-second h4 {
	margin-top: 10px;
	font-size: 21px;
}

.features-second p {
	margin-bottom: 10px;
}

.dropcaps-circle {
	float: left;
	margin: 1px 25px 10px 0;
	background-color: #fcfcfc;
	border: 1px solid #eaeaea;
	width: 80px;
	height: 80px;
	text-align: center;
	vertical-align: middle;
	color: #017df7;
	font-size: 40px;
	line-height: 80px;
	position: relative;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	transition: all .50s ease-in-out;
	-moz-transition: all .50s ease-in-out;
	-webkit-transition: all .50s ease-in-out;
}

.dropcaps-circle.blue {
	color: #1e90ff;
}

.dropcaps-circle.red {
	color: #e52f37;
}

.dropcaps-circle.green {
	color: #2745B3;
}

input[type="submit"] {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

form {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.form-group input[type="text"],
.form-group input[type="email"],
.form-group input[type="submit"] {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.button-wrapper {
	position: relative;
	box-sizing: border-box;
}

/* Basic Button Styles */
input[type="submit"].bottone {
	width: 100%;
	height: 60px;
	/* Set height to 60px */
	font-family: 'Inter Tight', sans-serif;
	font-size: 17px;
	/* Adjust font size to 15px */
	font-weight: 700;
	text-align: center;
	background: linear-gradient(135deg, #0044CC 0%, #003399 100%) !important;
	color: #fff;
	border: none;
	border-radius: 13px;
	/* Round the button edges */
	padding: 15px;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
	outline: none;
	position: relative;
	box-sizing: border-box;
	letter-spacing: 3px;
	z-index: 1;
}


/* Pseudo-element for the border effect */
.button-wrapper::after {
	content: '';
	position: absolute;
	top: 0px;
	left: -5px;
	width: calc(100% + 10px);
	/* Extends beyond the button */
	height: calc(60px + 10px);
	border-radius: 18px;
	/* Round corners */
	border: 6px solid #0055ff;
	/* The animated border color */
	opacity: 0;
	transition: all 0.3s ease-in-out;
	transform: translateY(-5px);
	/* Slightly lift the button */
}

/* Reveal the border animation on hover */
.button-wrapper:hover::after,
.button-wrapper:focus::after {
	opacity: 1;
	box-shadow: 0px 0px 12px 6px #09358e;
	/* Add border-like shadow on hover */
}

/* Optionally, we can add an additional ring animation to the button using a pseudo-element */
.button-wrapper::before {
	content: '';
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 6px solid #0055ff;
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	animation: ring 1.35s infinite;
}

/* Ring animation keyframes */
@keyframes ring {
	0% {
		width: 30px;
		height: 30px;
		opacity: 1;
	}

	100% {
		width: 260px;
		height: 260px;
		opacity: 0;
	}
}

.logo {
	height: 75px;
}

/* ========================================================== */
/* 			             11. MEDIA QUERIES                    */
/* ========================================================== */

@media (max-width: 1200px) {

	input[type="submit"].bottone {
		width: 100%;
		font-size: 16px;

	}
}

@media (max-width: 991px) {

	input[type="submit"].bottone {
		font-size: 8px;
		/* Adjust font size to 15px */
	}

	.logo {
		height: 50px;
	}


	.button-wrapper::after {
		top: 0px;
		left: -5px;
		width: calc(100% + 10px);
		/* Extends beyond the button */
		height: calc(60px + 10px);
	}

	.navbar-fixed-top.opaque {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.navbar-fixed-top .navbar-nav>li.discover-link {
		margin-top: 10px;
	}

	.navbar-fixed-top .navbar-nav>li>a.discover-btn {
		padding: 8px 12px !important;
		margin-left: 20px;
		font-size: 17px !important;
	}

	.home-section {
		padding-top: 170px;
		padding-bottom: 70px;
		background-attachment: inherit;
	}

	.home-section h1 {
		font-size: 38px;
		line-height: 44px;
	}

}

@media (max-width: 768px) {


	input[type="submit"].bottone {
		font-size: 16px;
	}

	.navbar-fixed-top {
		background-color: #fff;
	}

	.home-section {
		padding-top: 65px;
		padding-bottom: 90px;
		background-attachment: inherit;
	}

	.footer {
		padding-top: 40px;
		text-align: center;
	}

	.footer-top i {
		display: block;
		margin-top: 50px !important;
	}

	ul.footer_social {
		margin-top: 15px;
		float: none;
	}

	ul.footer_social li a i {
		margin: 0 8px !important;
	}

	.partners-section {
		padding: 40px 0;
	}

	.partners {
		text-align: center;
	}

	.partners-title {
		font-size: 18px;
		line-height: 30px;
		float: none !important;
		margin-right: 30px;
	}

	.testim-inner {
		margin-top: 40px;
		margin-bottom: 40px;
	}

	.top-margins-images {
		margin-top: 50px;
	}

	.bottom-margins-images {
		margin-bottom: 50px;
	}

	.section-bg-1,
	.section-bg-2,
	.section-bg-3 {
		background-attachment: inherit;
	}

}

@media (max-width: 375px) {

	.navbar-toggle {
		border: 1px solid #9f9f9f !important;
	}

	.home-section {
		padding-top: 65px;
		padding-bottom: 70px;
	}

	.home-section h1 {
		font-size: 38px;
		line-height: 44px;
	}

	.card {
		box-shadow: none;
	}

	.card-header h5 .btn-link {
		font-size: 16px;
		clear: left;
	}

	.card-header h5 .btn-link p {
		margin-top: 7px;
	}

	.card-header h5 .btn-link p span {
		display: block;
		font-size: 15px;
	}

	.section-white {
		padding: 60px 0 70px 0 !important;
	}

	.section-white.small-padding-bottom,
	.section-grey.small-padding-bottom {
		padding: 60px 0 50px 0 !important;
	}

	.margin-left-20 {
		margin-left: 1px !important;
	}

	.services-wrapper {
		margin-top: 30px;
	}

	.small-col-inside {
		margin: 50px 0;
		padding-right: 25px;
		padding-left: 25px;
	}

	.partners img.partners {
		margin: 10px 25px 10px 0;
		max-height: 40px;
	}

	.feature-box {
		text-align: center;
	}

	.feature-box i {
		display: inline-block;
		float: none;
		margin-bottom: 25px;
	}

	.feature-box-text {
		width: 100%;
		margin-left: 0;
	}

}

/* --- TRUE GOLD CUSTOM STYLES --- */
:root {
	--primary-color: #E4BA33;
	--text-dark: #333333;
	--font-main: 'Inter Tight', sans-serif;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
li,
span {
	font-family: var(--font-main) !important;
}

.btn-red,
.btn-blue,
.btn-green,
.discover-btn {
	background-color: var(--primary-color) !important;
	border-color: var(--primary-color) !important;
	color: #fff !important;
	border-radius: 13px;
	/* More elegant radius */
}

.section-title span {
	color: var(--primary-color) !important;
}



/* Elegant styling for inputs */
.form-control {
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 12px;
}

.form-control:focus {
	border-color: var(--primary-color);
	box-shadow: 0 0 0 0.2rem rgba(228, 186, 51, 0.25);
}

h1 span {
	color: var(--primary-color);
}

/* --- INNOVATIVE & ELEGANT ENHANCEMENTS --- */

/* 1. Global Typography & Structure */
body,
p,
li {
	font-weight: 300;
	color: #444;
	/* Softer black */
	letter-spacing: 0.2px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--text-dark);
	font-weight: 600;
	letter-spacing: -0.5px;
	/* Tighter headings for modern look */
}

/* 2. Enhanced Hero Section */
.home-section {
	background-attachment: fixed;
	/* Parallax effect */
}

.home-section h1 {
	font-size: 52px;
	font-weight: 700;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	margin-bottom: 25px;
}

.hero-text {
	font-size: 19px;
	line-height: 1.6;
	color: #f8f9fa;
	/* Lighter text for hero */
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}

.hero-text em {
	font-style: normal;
	display: block;
	margin-top: 15px;
	padding: 15px;
	background: rgba(255, 255, 255, 0.1);
	border-left: 4px solid var(--primary-color);
	backdrop-filter: blur(5px);
	/* Glassmorphism */
	border-radius: 0 8px 8px 0;
}

/* 3. Premium Cards (Values / Steps) */
.main-services {
	background: #ffffff;
	padding: 40px 30px;
	border-radius: 12px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
	transition: all 0.4s ease;
	border: 1px solid rgba(0, 0, 0, 0.03);
	height: 100%;
}

.main-services:hover {
	transform: translateY(-10px);
	box-shadow: 0 20px 40px rgba(228, 186, 51, 0.15);
	/* Gold glow */
	border-color: var(--primary-color);
}

.main-services i {
	background: linear-gradient(135deg, var(--primary-color) 0%, #B8860B 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 48px !important;
	/* Larger icons */
	margin-bottom: 25px;
	display: inline-block;
}

.main-services h4 {
	font-size: 22px;
	margin-bottom: 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

/* 4. Innovative Buttons */
.btn-red,
.discover-btn {
	background: linear-gradient(135deg, var(--primary-color) 0%, #cfaa28 100%) !important;
	border: none !important;
	box-shadow: 0 4px 15px rgba(228, 186, 51, 0.4);
	font-weight: 600;
	color: #fff !important;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	transition: all 0.3s ease !important;
	position: relative;
	overflow: hidden;
	z-index: 1;
}


/* 5. Elegant Form Styling */
.register-form-wrapper {
	background: rgba(255, 255, 255, 0);
	backdrop-filter: blur(10px);
	border-radius: 12px;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.2);
	padding: 30px;
}

.form-control {
	background-color: #f9f9f9;
	border: 1px solid #e0e0e0;
	transition: all 0.3s;
	font-size: 15px;
}

.form-control:focus {
	background-color: #fff;
	border-color: var(--primary-color);
	box-shadow: 0 0 0 3px rgba(228, 186, 51, 0.1);
}

/* 6. Refined Section Titles */
.section-title {
	position: relative;
	display: inline-block;
	padding-bottom: 15px;
	margin-bottom: 30px;
}

.section-title::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 60px;
	height: 3px;
	background: var(--primary-color);
	border-radius: 2px;
}

/* 7. Fun Facts & Testimonials Polish */
.fun-facts-box {
	padding: 20px;
	border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.fun-facts-box:last-child {
	border-right: none;
}

.testim-platform {
	background: #fff;
	padding: 25px;
	border-radius: 8px;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
	margin-bottom: 20px;
	border-left: 3px solid var(--primary-color);
}

.testim-rating i {
	color: #FFD700;
	/* Star gold */
}

/* 8. Utility Enchancements */
.section-grey {
	background-color: #f8f9fa;
	/* Cleaner grey */
}


/* --- PREMIUM DESIGN EXTENSION --- */

/* 9. Premium Accordion (FAQ) */
.card {
	border-radius: 8px;
	margin-bottom: 25px !important;
	overflow: hidden;
	border: 1px solid rgba(0, 0, 0, 0.03);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03);
	transition: all 0.3s ease;
}

.card:hover {
	box-shadow: 0 10px 25px rgba(228, 186, 51, 0.1);
	border-color: rgba(228, 186, 51, 0.3);
}

.card-header {
	background: #fff !important;
	border-left: 4px solid var(--primary-color) !important;
	padding: 15px 20px !important;
	transition: background 0.3s;
}

.card-header button {
	text-decoration: none !important;
	width: 100%;
	text-align: left;
	display: flex;
	align-items: center;
	color: var(--text-dark) !important;
	font-weight: 700;
}

.card-header button:hover {
	color: var(--primary-color) !important;
}

.card-body {
	background: #fdfdfd;
	padding: 25px !important;
	border-left: 4px solid var(--primary-color) !important;
	font-size: 16px !important;
	line-height: 1.7;
	color: #555 !important;
	font-style: normal !important;
	/* Removed italic */
}

/* 10. Refined Benefits List (Services) */
ul.benefits li {
	position: relative;
	padding-left: 30px;
	/* Space for icon */
	margin-bottom: 12px;
	font-weight: 500;
	color: #444;
}

ul.benefits li i {
	position: absolute;
	left: 0;
	top: 5px;
	color: var(--primary-color) !important;
	font-size: 16px;
	background: rgba(228, 186, 51, 0.15);
	border-radius: 50%;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px !important;
}

/* 11. Luxury Footer */
.footer {
	background: #1a1a1a !important;
	/* Darker luxury background */
	color: #bbb !important;
	padding-top: 60px;
	border-top: 4px solid var(--primary-color);
}

.footer p,
.footer a {
	color: #bbb !important;
}

.footer a:hover {
	color: var(--primary-color) !important;
}

.footer_social li a i {
	color: #fff !important;
	background: rgba(255, 255, 255, 0.1);
	width: 40px;
	height: 40px;
	line-height: 40px !important;
	text-align: center;
	border-radius: 50%;
	margin: 0 5px;
	transition: all 0.3s;
}

.footer_social li a i:hover {
	background: var(--primary-color);
	color: #fff !important;
	transform: translateY(-3px);
}

/* 12. Text Highlights */
h5[style*="color: var(--primary-color)"] {
	font-size: 18px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 700;
	border-bottom: 2px solid rgba(228, 186, 51, 0.2);
	display: inline-block;
	padding-bottom: 5px;
	margin-bottom: 15px;
}

/* 13. Mobile Polish */
@media (max-width: 768px) {
	.home-section h1 {
		font-size: 36px !important;
	}

	.hero-text {
		font-size: 16px !important;
	}

	.main-services {
		margin-bottom: 20px;
	}

	.section-title::after {
		left: 0;
		transform: none;
	}

	.section-title {
		text-align: center;
		/* Center on mobile usually looks better */
		width: 100%;
	}

	.section-title::after {
		left: 50%;
		transform: translateX(-50%);
	}
}


/* --- ARTICLE SECTION ENHANCEMENT --- */

/* 14. Premium Article Box */
.article-box {
	background: #fff;
	padding: 60px;
	border-radius: 12px;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.05);
	/* Soft premium shadow */
	border: 1px solid rgba(0, 0, 0, 0.02);
	position: relative;
	margin-bottom: 60px;
}

/* Add a gold top bar */
.article-box::before {
	content: '';
	position: absolute;
	top: 0;
	left: 20px;
	right: 20px;
	height: 4px;
	background: var(--primary-color);
	border-radius: 0 0 4px 4px;
}

.article-box h2 {
	font-size: 26px;
	font-weight: 700;
	color: #333;
	margin-top: 40px;
	margin-bottom: 20px;
	border-left: 4px solid var(--primary-color);
	padding-left: 15px;
}

.article-box h2:first-of-type {
	margin-top: 0;
	/* Remove top margin for the first title */
}

/* Add a decorative number/icon before title */
.article-box h2::after {
	/* Use a pseudo-element for style, but we'll use border-left for structure */
}

.article-box p {
	font-family: 'Inter Tight', sans-serif;
	font-size: 17px;
	line-height: 1.8;
	color: #555;
	text-align: justify;
	margin-bottom: 30px;
}

/* Highlight keywords */
.article-keyword {
	color: var(--primary-color);
	font-weight: 600;
}

/* Related links styling */
.related-links {
	margin-top: 40px;
	padding-top: 30px;
	border-top: 1px solid #eee;
	text-align: center;
	font-style: italic;
	color: #777;
}

.related-links a {
	color: var(--primary-color) !important;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.3s;
	border-bottom: 1px solid transparent;
}

.related-links a:hover {
	border-bottom: 1px solid var(--primary-color);
}

/* Responsive adjustment */
@media (max-width: 768px) {
	.article-box {
		padding: 30px 20px;
	}

	.article-box h2 {
		font-size: 22px;
	}

	.article-box p {
		text-align: left;
		/* Justify can look weird on mobile */
	}
}

/* --- NUMBERS / FUN FACTS INNOVATION --- */


/* Container for the numbers to align them nicely */
.fun-facts-box {
	background: rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 16px;
	padding: 30px 20px;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	height: 100%;
	/* Ensure equal height if in flex */
	margin-bottom: 30px;
	/* Spacing on mobile */
}

.fun-facts-box:hover {
	transform: translateY(-10px);
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
	background: rgba(255, 255, 255, 0.15);
	border-color: var(--primary-color);
}

/* Icon Styling */
.fun-facts-box i {
	font-size: 42px;
	margin-bottom: 20px;
	background: linear-gradient(135deg, #fff 0%, var(--primary-color) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block;
	filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
}

/* Number Styling */
.facts-numbers {
	font-size: 42px !important;
	font-weight: 800 !important;
	color: #fff;
	display: block;
	margin-bottom: 5px;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
	font-family: 'Inter Tight', sans-serif;
}

/* Label Styling */
.fun-facts-title {
	font-size: 16px;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.9);
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 0;
}

/* Remove default border-right from old style if present */
.fun-facts-box {
	border-right: 1px solid rgba(255, 255, 255, 0.2) !important;
	/* Re-affirm border for glass card */
}

/* Fix for mobile stacking */
@media (max-width: 768px) {
	.fun-facts-box {
		margin-bottom: 20px;
	}
}

/* --- TESTIMONIALS & FAQ INNOVATION --- */

/* 16. Premium Testimonial Cards */
.testim-platform {
	background: #fff;
	padding: 30px 20px;
	border-radius: 12px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
	/* Soft, elegant shadow */
	margin-bottom: 25px;
	border-left: 4px solid var(--primary-color);
	/* Gold accent */
	position: relative;
	transition: transform 0.3s ease;
	height: 100%;
	/* Ensure equal height */
}

.testim-platform:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 40px rgba(228, 186, 51, 0.15);
	/* Gold glow on hover */
}

/* Remove old borders */
.testim-platform.first {
	border-right: none;
}

/* Quote Icon Decoration */
.testim-platform::before {
	content: '\201C';
	/* Large Quote */
	position: absolute;
	top: -10px;
	right: 20px;
	font-size: 80px;
	line-height: 1;
	color: rgba(228, 186, 51, 0.1);
	/* Very subtle gold */
	font-family: 'Inter Tight', sans-serif;
}

/* Typography Refinement */
.testim-text {
	font-size: 15px;
	line-height: 1.6;
	color: #555;
	font-style: italic;
	margin-bottom: 20px;
}

.testim-name {
	font-weight: 700;
	color: var(--text-dark);
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

/* Rating Stars */
.testim-rating i {
	color: #FFD700;
	/* Rich gold */
	font-size: 14px;
	margin-right: 2px;
}

/* Google Logo/Label */
.testim-platform p:first-child {
	font-weight: 600;
	color: #4285F4;
	/* Google Blue, or keep grey #777 if preferred */
	margin-bottom: 10px;
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 1px;
}

/* 17. FAQ Polish */
#accordionFAQ .card {
	border: none;
	background: #fff;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.03);
	margin-bottom: 20px;
	border-radius: 8px;
	overflow: hidden;
}

#accordionFAQ .card-header {
	background: #fff;
	padding: 20px;
	border-bottom: 1px solid #f0f0f0;
}

#accordionFAQ .card-header button {
	color: var(--text-dark);
	font-weight: 700;
	text-align: left;
	width: 100%;
	padding: 0;
	text-decoration: none;
	font-size: 17px;
}

#accordionFAQ .card-header button:hover {
	color: var(--primary-color);
}

#accordionFAQ .card-body {
	padding: 25px;
	font-size: 16px;
	line-height: 1.6;
	color: #666;
	background: #fdfdfd;
	border-top: 2px solid var(--primary-color);
	/* Visual separator */
}

/* Add a gold accent line to the left of active card */
#accordionFAQ .card.active-card {
	border-left: 4px solid var(--primary-color);
}

/* Button Polish */
.btn-gold-gradient {
	background: linear-gradient(135deg, var(--primary-color) 0%, #cfaa28 100%);
	color: #fff;
	border: none;
	padding: 15px 30px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-radius: 30px;
	box-shadow: 0 10px 20px rgba(228, 186, 51, 0.3);
	transition: all 0.3s;
	display: inline-block;
}

.btn-gold-gradient:hover {
	transform: translateY(-2px);
	box-shadow: 0 15px 30px rgba(228, 186, 51, 0.5);
	color: #fff;
}

/* Responsive Grid Fixes */
@media (min-width: 768px) {
	.testim-platform {
		min-height: 320px;
		/* Uniform height for cards */
	}
}

@media (max-width: 768px) {
	.testim-platform {
		margin-bottom: 30px;
		/* Space out on mobile */
	}
}

/* --- FEATURES SECTION INNOVATION --- */

/* 18. Modern Features Box */
.feature-box {
	display: flex;
	align-items: flex-start;
	margin-bottom: 40px;
	padding: 20px;
	border-radius: 12px;
	transition: all 0.3s ease;
	background: transparent;
}

.feature-box:hover {
	background: rgba(255, 255, 255, 0.8);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
	transform: translateY(-5px);
}

.feature-icon-wrapper {
	flex-shrink: 0;
	width: 60px;
	height: 60px;
	background: rgba(228, 186, 51, 0.1);
	/* Light gold bg */
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 20px;
	transition: all 0.3s ease;
}

.feature-box:hover .feature-icon-wrapper {
	background: var(--primary-color);
	box-shadow: 0 5px 15px rgba(228, 186, 51, 0.4);
}

.feature-icon-wrapper i {
	font-size: 28px;
	color: var(--primary-color);
	transition: all 0.3s ease;
}

.feature-box:hover .feature-icon-wrapper i {
	color: #fff;
}

.feature-content h4 {
	font-size: 19px;
	font-weight: 700;
	margin-bottom: 10px;
	color: var(--text-dark);
}

.feature-content p {
	font-size: 15px;
	line-height: 1.6;
	color: #666;
	margin-bottom: 0;
}

/* Add a subtle underline animation to the title on hover */
.feature-content h4 {
	position: relative;
	display: inline-block;
}

.feature-content h4::after {
	content: '';
	position: absolute;
	width: 0;
	height: 2px;
	bottom: -2px;
	left: 0;
	background-color: var(--primary-color);
	transition: width 0.3s ease;
}

.feature-box:hover .feature-content h4::after {
	width: 100%;
}

/* --- INNOVATION: CTA SECTIONS & TECHNICAL FAQ --- */

/* Mid-Page CTA */
.section-premium-cta {
	background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.8)), url('https://comprooromoglianoveneto.it/wp-content/uploads/2026/01/gold-bar-bg.webp');
	/* Fallback or existing bg */
	background-size: cover;
	background-position: center;
	padding: 80px 0;
	position: relative;
	background-attachment: fixed;
	/* Parallax feel */
}

.section-premium-cta h2 {
	font-size: 36px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 20px;
	text-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
}

.section-premium-cta p {
	font-size: 18px;
	color: #f0f0f0;
	margin-bottom: 35px;
	font-weight: 300;
}

/* Technical FAQ Grid */
.tech-faq-box {
	background: #fff;
	padding: 30px;
	border-radius: 8px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03);
	margin-bottom: 30px;
	border-left: 3px solid #e0e0e0;
	transition: all 0.3s ease;
}

.tech-faq-box:hover {
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08);
	border-left-color: var(--primary-color);
	transform: translateY(-5px);
}

.tech-faq-box h5 {
	font-size: 18px;
	font-weight: 700;
	color: var(--text-dark);
	margin-bottom: 15px;
}

.tech-faq-box p {
	font-size: 15px;
	color: #666;
	line-height: 1.6;
	margin-bottom: 0;
}

/* Bottom CTA */
.section-final-cta {
	background: linear-gradient(135deg, #1a1a1a 0%, #333333 100%);
	padding: 80px 0;
	text-align: center;
	position: relative;
	overflow: hidden;
}

/* Add a gold glow circle behind */
.section-final-cta::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 600px;
	height: 600px;
	background: radial-gradient(circle, rgba(228, 186, 51, 0.15) 0%, rgba(0, 0, 0, 0) 70%);
	border-radius: 50%;
	pointer-events: none;
}

.highlight-gold {
	color: #e4ba33 !important;
	font-weight: 700;
}

/* --- FINAL FOOTER INNOVATION --- */

/* 20. Premium Dark Footer */
.footer {
	background: #0f0f0f !important;
	padding: 60px 0 30px 0;
	color: #aeaeae;
	position: relative;
	border-top: 1px solid #222;
}

.footer img.logo-footer {
	max-height: 130px;
	margin-bottom: 20px;
	filter: drop-shadow(0 0 10px rgba(228, 186, 51, 0.2));
}

.footer p {
	font-size: 14px;
	line-height: 1.8;
	color: #999;
}

.footer strong {
	color: #fff;
	font-weight: 600;
}

/* Footer CTAs */
.footer-cta-box {
	text-align: right;
}

.footer-btn {
	display: inline-block;
	width: 100%;
	max-width: 280px;
	padding: 12px 20px;
	margin-bottom: 15px;
	border-radius: 8px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	transition: all 0.3s ease;
	border: 1px solid rgba(255, 255, 255, 0.1);
}

.btn-footer-gold {
	background: var(--primary-color);
	color: #fff;
	box-shadow: 0 5px 15px rgba(228, 186, 51, 0.2);
}

.btn-footer-gold:hover {
	background: #fff;
	color: var(--primary-color);
	transform: translateY(-2px);
}

.btn-footer-outline {
	background: transparent;
	color: #fff;
	border: 1px solid #444;
}

.btn-footer-outline:hover {
	border-color: var(--primary-color);
	color: var(--primary-color);
	background: rgba(228, 186, 51, 0.05);
}

/* Footer Bottom */
.footer-bottom {
	margin-top: 40px;
	padding-top: 20px;
	border-top: 1px solid #222;
	text-align: center;
	font-size: 13px;
	color: #666;
}

.footer-bottom a {
	color: #888;
	text-decoration: none;
	transition: color 0.3s;
}

.footer-bottom a:hover {
	color: var(--primary-color);
	text-decoration: underline;
}

/* Mobile Fixes for Footer */
@media (max-width: 768px) {
	.footer-cta-box {
		text-align: center;
		margin-top: 30px;
	}

	.footer img.logo-footer {
		margin: 0 auto 20px auto;
		display: block;
	}

	.footer .col-md-4 {
		text-align: center;
		margin-bottom: 30px;
	}
}

/* --- PREMIUM FORM OVERRIDE --- */
.register-form-wrapper {
	background: rgba(20, 20, 20, 0.85) !important;
	/* Dark background */
	border: 1px solid rgba(228, 186, 51, 0.3) !important;
	/* Gold border */
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4) !important;
}

.register-form-wrapper h3 {
	color: #fff !important;
	/* White title */
	text-transform: uppercase;
	letter-spacing: 1px;
}

.register-form-wrapper p {
	color: #ccc !important;
	/* Light grey subtitle */
}

/* Checkbox text */
.register-form-wrapper span,
.register-form-wrapper .small-text,
.register-form-terms,
.register-form-terms a {
	color: #aeaeae !important;
	font-size: 13px;
}

.register-form-terms a:hover {
	color: var(--primary-color) !important;
}


/* --- PREMIUM MENU HEADER OVERRIDE --- */

/* Navbar Background & Shadow */
.navbar-fixed-top,
.navbar-fixed-top.opaque {
	background-color: #fff !important;
	/* Keep white for cleanliness */
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
}

/* Link Styling */
.navbar-fixed-top .navbar-nav>li>a {
	color: #333 !important;
	/* Dark Grey */
	font-weight: 600;
	transition: color 0.3s ease;
}

.navbar-fixed-top .navbar-nav>li>a:hover,
.navbar-fixed-top.opaque .navbar-nav .current a {
	color: var(--primary-color) !important;
	/* Gold */
}



/* Mobile Toggle Icon */
.navbar-toggler-icon i {
	color: var(--primary-color) !important;
}

/* --- GLOBAL ELECTRIC BLUE BUTTON OVERRIDE --- */

/* Define Electric Blue Variables or Values */
:root {
	--electric-blue: #0066FF;
	--electric-blue-dark: #0044CC;
	--electric-blue-gradient: linear-gradient(135deg, #0066FF 0%, #0044CC 100%);
}

/* 1. Main Buttons (Red, Gold, Blue replaced) */
.btn-red,
.btn-gold-gradient,
.btn-footer-gold,
.navbar-fixed-top .navbar-nav>li>a.discover-btn {
	background: var(--electric-blue-gradient) !important;
	color: #fff !important;
	border: none !important;
	box-shadow: 0 4px 15px rgba(0, 102, 255, 0.4) !important;
	transition: all 0.3s ease !important;
}

/* Hover States */
.btn-red:hover,
.btn-gold-gradient:hover,
.btn-footer-gold:hover,
.navbar-fixed-top .navbar-nav>li>a.discover-btn:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 25px rgba(0, 102, 255, 0.6) !important;
	color: #fff !important;
}

/* 2. Secondary/Outline Buttons */
.btn-footer-outline {
	border: 2px solid var(--electric-blue) !important;
	color: #fff !important;
	/* Keep white text on dark footer */
	background: transparent !important;
}

.btn-footer-outline:hover {
	background: var(--electric-blue) !important;
	color: #fff !important;
	box-shadow: 0 0 15px rgba(0, 102, 255, 0.4) !important;
}

/* 3. Text Highlights (Optional, but "Gold" highlights might look weird with Blue buttons, 
   but user only asked for buttons. I will leave text gold unless asked.) */

/* 4. Fix Footer Icons within buttons */
.btn-footer-gold i,
.btn-footer-outline i {
	color: #fff !important;
}

/* 5. Mobile Menu Button Specifics */
.navbar-fixed-top .navbar-nav>li>a.discover-btn {
	border-radius: 13px !important;
}

/* --- INNOVATION: DARK LUXURY TESTIMONIALS & FAQ --- */

.section-dark-luxury {
	background: #0b0b0b;
	background-image: radial-gradient(circle at 0% 0%, rgba(228, 186, 51, 0.05), transparent 40%),
		radial-gradient(circle at 100% 100%, rgba(0, 102, 255, 0.05), transparent 40%);
	padding: 80px 0;
	position: relative;
	border-top: 1px solid #222;
}

.section-dark-luxury .section-title {
	color: #fff;
}

.section-dark-luxury .section-subtitle {
	color: #aeaeae;
}

/* Dark Testimonial Card */
.testim-card-dark {
	background: rgba(30, 30, 30, 0.6);
	backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.05);
	padding: 40px;
	border-radius: 16px;
	position: relative;
	margin: 10px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

.testim-card-dark::before {
	content: '\201C';
	position: absolute;
	top: -20px;
	left: 20px;
	font-size: 120px;
	line-height: 0.8;
	color: rgba(228, 186, 51, 0.1);
	/* Subtle Gold Quote */
	font-family: 'Inter Tight', sans-serif;
	pointer-events: none;
}

.testim-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 25px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
	padding-bottom: 15px;
}

.google-icon {
	font-size: 24px;
	color: #fff;
	/* White Google G */
	background: #4285F4;
	/* Google Blue Bg */
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
}

.testim-header .stars {
	color: #FFD700;
	/* Gold Stars */
}

.testim-quote {
	font-size: 18px;
	line-height: 1.7;
	color: #e0e0e0;
	font-style: italic;
	margin-bottom: 30px;
	font-weight: 300;
}

.testim-author h5 {
	color: #fff;
	font-weight: 700;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 16px;
}

.testim-author span {
	color: var(--primary-color);
	font-size: 13px;
	font-weight: 600;
}

/* Carousel Indicators Override */
.carousel-indicators li {
	background-color: #555;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin: 0 5px;
}

.carousel-indicators .active {
	background-color: var(--primary-color);
}

/* Dark Accordion */
.accordion-dark .card {
	background: transparent;
	border: none;
	margin-bottom: 15px;
}

.accordion-dark .card-header {
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 8px;
	padding: 0;
	transition: all 0.3s ease;
}

.accordion-dark .card-header:hover,
.accordion-dark .card-header.active-header {
	background: rgba(228, 186, 51, 0.05);
	border-color: var(--primary-color);
}

.accordion-dark .btn-link {
	color: #fff;
	text-decoration: none;
	width: 100%;
	text-align: left;
	font-weight: 600;
	padding: 20px;
	display: block;
	position: relative;
}

.accordion-dark .btn-link:hover {
	color: var(--primary-color);
}

.accordion-dark .card-body {
	background: transparent;
	color: #aeaeae;
	padding: 20px;
	line-height: 1.7;
	border-left: 2px solid var(--primary-color);
	margin-left: 10px;
	margin-top: 5px;
}

/* Mobile Adjustments */
@media (max-width: 768px) {
	.section-dark-luxury {
		padding: 50px 0;
	}

	.testim-card-dark {
		padding: 30px 20px;
	}
}

/* --- PREMIUM GREY SECTION (User Requested Override) --- */

/* Premium Testimonial Card (Light Version) */
.testim-card-premium {
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.05);
	border-left: 4px solid var(--primary-color);
	/* Gold Accent */
	padding: 40px;
	border-radius: 16px;
	position: relative;
	margin: 10px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
	/* Soft shadow for depth */
}

.testim-card-premium::before {
	content: '\201C';
	position: absolute;
	top: -20px;
	left: 20px;
	font-size: 120px;
	line-height: 0.8;
	color: rgba(228, 186, 51, 0.15);
	/* Subtle Gold Quote */
	font-family: 'Inter Tight', sans-serif;
	pointer-events: none;
}

.testim-card-premium .testim-header {
	border-bottom: 1px solid #f0f0f0;
}

.testim-card-premium .testim-quote {
	color: #555;
	/* Dark Text */
	font-weight: 400;
}

.testim-card-premium .testim-author h5 {
	color: var(--text-dark);
}

/* Premium Accordion (Light Version) */
.accordion-premium .card {
	background: #fff;
	border: none;
	margin-bottom: 15px;
	border-radius: 8px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.accordion-premium .card-header {
	background: #fff;
	border-bottom: 1px solid #f9f9f9;
	border-radius: 8px;
}

.accordion-premium .card-header:hover,
.accordion-premium .card-header.active-header {
	background: #fff;
	border-left: 4px solid var(--primary-color);
}

.accordion-premium .btn-link {
	color: var(--text-dark);
	/* Dark Text */
}

.accordion-premium .btn-link:hover {
	color: var(--primary-color);
}

.accordion-premium .card-body {
	color: #666;
	/* Dark Grey Text */
	border-left: none;
	/* Clean look */
	background: #fff;
}

/* --- PREMIUM SERVICE CARDS OVERRIDE --- */
.main-services {
	background: #fff;
	padding: 40px 30px;
	border-radius: 16px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
	border: 1px solid rgba(0, 0, 0, 0.02);
	transition: all 0.3s ease;
	height: 100%;
	/* Ensure equal height if flex */
	margin-bottom: 30px;
	position: relative;
	overflow: hidden;
}

.main-services:hover {
	transform: translateY(-10px);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
	border-color: rgba(228, 186, 51, 0.3);
	/* Gold border reveal */
}

/* Add a gold accent line */
.main-services::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 4px;
	background: var(--primary-color);
	transition: width 0.3s ease;
}

.main-services:hover::after {
	width: 100%;
}

.main-services h4 {
	font-size: 20px;
	font-weight: 700;
	color: var(--text-dark);
	margin: 20px 0 15px;
	letter-spacing: 0.5px;
}

.main-services p {
	color: #666;
	font-size: 15px;
	line-height: 1.6;
}

/* --- PREMIUM ARTICLE BOX OVERRIDE --- */
.article-box {
	background: #fff;
	padding: 60px;
	border-radius: 4px;
	/* Slightly sharper for editorial look */
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.05);
	border-left: 5px solid var(--primary-color);
	margin-bottom: 50px;
}

.article-box h2 {
	color: var(--text-dark);
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 25px;
	position: relative;
	display: inline-block;
}

.article-box p {
	color: #555;
	font-size: 17px;
	line-height: 1.8;
	margin-bottom: 25px;
	font-family: 'Inter Tight', sans-serif;
	/* Clean reading font */
}

.article-keyword {
	color: var(--primary-color);
	font-weight: 700;
}

/* Mobile Adjustments for Article */
@media (max-width: 768px) {
	.article-box {
		padding: 30px 20px;
	}
}

/* --- PREMIUM IMAGE THUMBNAIL OVERRIDE --- */
.img-thumbnail-luxury {
	border: none;
	padding: 10px;
	background: #fff;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	/* Smooth corners */
	transform: rotate(-2deg);
	/* Artistic tilt */
	transition: all 0.3s ease;
}

.img-thumbnail-luxury:hover {
	transform: rotate(0deg) scale(1.02);
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
	z-index: 10;
}

/* Bullet Point Enhancement */
ul.benefits li {
	font-size: 16px;
	margin-bottom: 15px;
	position: relative;
	border-left: 2px solid transparent;
	/* Prepare for hover */
	transition: all 0.3s ease;
}

ul.benefits li:hover {
	border-left: 2px solid var(--primary-color);
	padding-left: 20px;
	background: linear-gradient(90deg, rgba(228, 186, 51, 0.05) 0%, transparent 100%);
}

/* --- GLOBAL FONT OVERRIDE --- */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul li,
ol li,
a,
span,
.navbar-fixed-top .navbar-nav>li>a,
.bottone,
.btn-red,
.btn-gold-gradient {
	font-family: 'Inter Tight', sans-serif !important;
}

/* Ensure font weight hierarchy is maintained */
h1,
h2,
h3,
h4,
h5,
h6,
strong,
b {
	font-weight: 700;
}

body,
p,
li {
	font-weight: 400;
	/* Regular weight for body text */
}

/* Specific overrides where needed */
.navbar-fixed-top .navbar-nav>li>a {
	font-weight: 600;
}

.bottone,
.btn-red,
.btn-gold-gradient {
	font-weight: 700;
	letter-spacing: 0.5px;
	/* Slight spacing for buttons */
}