html {
    scroll-behavior: smooth;
}
img {
	width: 100%;
	height: auto;
}
p {
	font-size: 20px;
}
a {
    color: #ccc;
    text-decoration: none;
}
a:hover {
    color: #e7bb4c;
}
.logo-speace {
	width: 200px;
}
.header {
	height: 61px;
	background-color: #e7bb4c;
}
.navbar {
	text-transform: uppercase;
	background-color: #000 !important;
	font-weight: 500;
}
.navbar a:hover {
	color: #e7bb4c;
}
.fix-position {
	position: relative !important;
}
.navbar-brand-wrapper {
	position: absolute;
    top: -63px;
    left: 20px;
    z-index: 9;
    max-width: 160px;
}
.navbar-brand-wrapper img, .navbar-brand img{
	border-radius: 50%;
    border: 3px solid #e7bb4c;
}
.me-auto {
    margin: auto !important;
}
.navbar-brand {
	max-width: 160px;
	position: absolute;
	display: none;
	right: 0;
	z-index: 9;
}
.hero-diagonale{
    background: url('../img/bg.jpg') center center/cover no-repeat;
    height: 650px;
    clip-path: ellipse(100% 85% at 50% 15%);
    display: flex;
    justify-content: center; /* verticale */
    align-items: center;     /* orizzontale */
    flex-direction: column;
    border-top: 3px solid #e7bb4c;

}
.hero-content {
    max-width: 1200px;
    text-align: center;
    color: #ccc !important;
    background: linear-gradient(135deg, #111, #555, #111, #555);
    opacity: 0.8;
    padding: 20px;
    clip-path: polygon(0 0, 100% 0, 100% 85%, 50% 100%, 0 85%);
    transition: 0.3s ease;

}
.hero-content:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 40px rgba(0,0,0,0.22);
}
.hero-content h1 {
    text-transform: uppercase;
}
.forma-carina {
    max-width: 100%;
    padding: 30px;
    min-height: 480px;
    background: linear-gradient(135deg, #111, #555, #111);
    color: #ccc;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    border: 1px solid rgba(0,0,0,0.8);
    text-align: center;
    transition: 0.3s ease;
    margin: 20px auto;
    position: relative;
    top: -120px;
    opacity: 0.9;
    clip-path: ellipse(100% 85% at 50% 85%);
    border-bottom: 5px solid #e7bb4c;
    border-left: 5px solid #e7bb4c;
    border-right: 5px solid #e7bb4c;
}
.forma-carina:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 40px rgba(0,0,0,0.22);
}

.forma-carina h2 {
    margin-bottom: 15px;
    color: #ccc;
    text-transform: uppercase;
    min-height: 90px;
}
.hr-custom {
    border-bottom: 3px solid #e7bb4c;
    width: 100px;
    margin: 10px auto;
}
.fix-width {
    max-width: 1500px;
}
.underline {
    border-bottom: 4px solid #e7bb4c;
    display: block;
    width: 180px;
}
.chi-sono {
    min-height: 100vh;
}
.content-chi-sono {
   padding: 20px; 
}
.content-chi-sono p {
    font-size: 28px;
}
.wrapper-content-chi-sono-img, .wrapper-content-chi-sono {
    display: flex;
    justify-content: center; /* verticale */
    align-items: center;     /* orizzontale */
}
.content-chi-sono-img {
    max-width: 500px;
    

    flex-direction: column;
}
.content-chi-sono-img img {
    border-radius: 50%;
    border: 7px solid #e7bb4c;
}

.top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    color: #e7bb4c;
    font-size: 50px;
}
.ico-slogan {
	color: #e7bb4c;
	font-size: 60px;
}
.slogan {
    clip-path: ellipse(100% 85% at 50% 15%);
    margin: 30px 0px 0px 0px;
}
.slogan {
    background: linear-gradient(135deg, #444, #666, #444, #666);
    color: #ccc;
}
.slogan .contenuto {
    padding: 50px 20px 90px 20px;
    text-align: center;
}
.slogan .contenuto .quote {
    font-size: 40px;
}
.slogan .span-icon {
	color: #e7bb4c;
}
.content-mappa-contatti {
    margin-top: 60px;
    margin-bottom: 30px;
}
.wrapper-content-contatti {
    
}
.content-contatti {
    padding: 30px;
    border-radius: 30px 0 30px 0;
    background: linear-gradient(135deg, #444, #666, #444, #666);
    min-height: 600px;
    margin-bottom: 30px;
    color: #ccc;
    border: 5px solid #e7bb4c;
    min-height: 100vh;
}
.content-contatti h2 {
    text-transform: uppercase;
    margin-bottom: 30px;
    color: #e7bb4c;
}
.content-contatti p {
    font-size: 28px;
}
.content-contatti p b {
    color: #e7bb4c;
}
.img-logo-footer {
	border-radius: 50%;
	width: 250px;
	height: auto;
	border: 3px solid #e7bb4c;
}
.text-right {
	display: inline-block;
	width: auto;
}
.left {
	display: inline-block;
	float: left;
}
.right {
	float: right;
}
.servizio-wrapper {
    margin: 100px 0 100px 0;

}
.servizio-wrapper p {
    font-size: 28px;
}
.servizio {
    display: flex;
    justify-content: center; /* verticale */
    align-items: center;     /* orizzontale */
    min-height: 100vh;
    flex-direction: column;
}
.servizio img {
    max-width: 600px;
}
.ico-span {
    color: #e7bb4c;
    font-size: 40px;
}
.nota span {
    font-size: 35px !important;
}
.btn-custom {
    background-color: #e7bb4c;
    color: #000;
    font-weight: 500; 
    font-size: 20px;
    text-transform: uppercase;
    padding: 5px 65px;
    margin: 30px 0 100px 0;
    border: 3px solid #e7bb4c;
}
.btn-custom:hover {
    color: #e7bb4c;
    background-color: #666;
    border: 3px solid #444;
}







.footer-content {
    background: linear-gradient(135deg, #111, #666, #111, #666);
    padding: 5px;
    color: #ccc;
    border-radius: 20px 20px 0 0;
}
@media (max-width: 1390px) {
   
}
@media (max-width: 992px) {
    .navbar-brand {
		max-width: 160px;
		position: absolute;
		display: inline-block;
	}
	.logo-speace {
		width: 200px;
		display: none;
	}
   

}
@media (max-width: 768px) {
	
}
@media (max-width: 682px) {
   
}
@media (max-width: 576px) {
  
}
@media (max-width: 400px) {
  
}