* {
      padding: 0;
      margin: 0;
      box-sizing: border-box;
	 font-family: Georgia, sans-serif;
    }

    body {
      font-family: Georgia, sans-serif;
    }

.fas{
	font-size: 22px !important;
	margin-right: 10px;
}

.iframe-maps-container iframe{height: 440px !important;}
    .overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(109, 106, 106, 0.5);
      /* Opacidade 50% */
    }

    .logo {
      margin-top: 50px;
      width: 100%;
      max-width: 418.5px !important;
      height: auto;
    }

    .section-content {
      margin-top: 20px;
      margin-bottom: 20px;
      text-align: center;
      color: #fff;
    }

    .section-content span {
      font-size: 21px;
    }

    .btn {
      width: 228px;
      height: 54px;
      font-size: 18px;
    }
	  
	  
.scroll-arrow {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    color: white;
    font-size: 40px;
    cursor: pointer;
    animation: scrollUpDown 2s ease infinite; /* Adiciona a animação */
}

/* Define a animação */
@keyframes scrollUpDown {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px); 
    }
}


    /* Estilos para a nova seção com vídeo */
    .video-section {
      padding: 50px 0;
      background-color: #f8f9fa;
    }

    .video-wrapper {
      text-align: center;
      position: relative;
      padding-bottom: 56.25%;
      /* Proporção de 16:9 para vídeos */
      height: 0;
    }

    .video-wrapper iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }

    .video-text {
      text-align: center;
      margin-top: 20px;
    }

    .video-text span {
      z-index: 68;
    line-height: 25.2px;
    font-size: 18px;
    text-align: center;
    letter-spacing: 0px;
    text-shadow: none;


    }

    .fw-bold {
      font-weight: bold;
    }

    .pt-titles {
      font-size: 30px;
      font-style: normal;
      font-weight: 900;
      color: rgb(94, 94, 94);
    }
	  
	      .pt-titles-h2 {
      font-size: 52px;
      
      font-style: normal;
      font-weight: 900;
      color: rgb(94, 94, 94);
    }

    /* Estilos para a nova seção com imagem de fundo opaca */
    .custom-section {
      height: 426px;
      background-image: url('https://rollingstonebuilding.com.br/wp-content/uploads/2024/04/Microfone-scaled-1-1.jpg');
      background-attachment: fixed;
      background-size: cover;
      background-position: center;
      position: relative;
      overflow: hidden;
      display: flex;
      justify-content: center;
      align-items: center;
      /* Centralizar verticalmente */
    }


    .p-precos-right{
      display: flex;
    }

    .p-precos-left{
      display: flex;
      justify-content: end;
    }



    .custom-section .overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(109, 106, 106, 0.5);
      /* Opacidade 50% */
    }

    .custom-section .section-content {
      text-align: center;
      color: #fff;
    }

    .custom-section .section-content span {
      font-size: 34px;


    }

    .text-content-images {
      font-style: normal;
      font-weight: 900;

    }

    @media (min-width: 800px) and (max-width:991px) {
    .container, .container-md, .container-sm {
        max-width: 100%;
    }
  }

	  /* Título Principal */
.item-title-h1 {
    font-family: Georgia, sans-serif;
    font-size: 3rem;
    font-weight: 700;
    font-style: normal;
    line-height: 1em;
    text-decoration: none;
    text-transform: none;
    letter-spacing: -1.7px;
    margin: 0;
}

/* Outras Cores */
.other-color {
    color: #883938;
}

	
		.image-content-list{
		justify-content: end !important; 

		}

    @media (max-width: 800px) {
		
		.image-content-list{
		justify-content: center !important; 

		}
		
		.span-content-image{
			
			justify-content: center !important;
		}
		
		.logo-footer img {
    height: 150px !important;
}
		
		 .item-title-h1 {
        font-size: 26px !important;
    }
		
		.logo-footer img{
			max-width: 100% !important;
		}
		.image-content-list img{
	height: 502px !important;
			width: 289.895px !important;}
		
		.main-section{
			height: 520px !important;
		}
		
		.image-content-sectio img{
			height: 240.169px !important;
    		width: 360px !important;
			border-radius: 10px;
		}
		
		.btn-saber{
			margin-left: 50px !important;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		
		.text-saber span{
			z-index: 113;
    line-height: 22.4px;
    font-size: 16px !important;
			    justify-content: center;
    display: flex;
    text-align: center;
    max-width: 350px;
		}
		
		.item{
			text-align: center !important;
		}
		
		.section .item {

		  width: 360px !important;
    height: 241px !important;
	  }
		
      .text-content-images p{
        width: 100%!important;
      }
      .span-content-image {
        margin-top: 10px;
      }

      .list-image li {
        font-size: 16px !important;
		  text-align: center !important;
      }
		

      .span-content-image {
        font-size: 16px !important;
      }


      .text-content-images {
        display: flex;
        flex-direction: column;
        align-items: center;
      }

      .container-order {
        order: 2 !important;
      }

      .list-image {
        z-index: 19;
        line-height: 32px;
        font-size: 16px;
        text-align: center;
        text-shadow: none;
        letter-spacing: 0px;
      }

      .content-imagem-list {
        order: -1 !important;
      }

      .image-content-list {
        order: 9999 !important;
      }

      .span-content-image {
        text-align: center;
      }

      .btn-butty {
        text-align: center;
        display: flex;
        justify-content: center;
      }

      .video-text span {
        line-height: 22.4px;
        font-size: 16px !important;
        text-align: center;
        text-shadow: none;
        letter-spacing: 0px;
      }


      .content-imagem-list {
        text-align: center;
      }

      .image-content-list img {
        width: 290px;
        height: 590px;
        object-fit: cover;
        object-position: center;
        border-radius: 10px;
      }

      .list-itens li {
    z-index: 19;
    line-height: 21.6px;
    font-size: 18px;
    text-align: left;
    letter-spacing: 0px;
    text-shadow: none;
      }

      .image-content-list {
        float: none !important;
        justify-content: center !important;
      }


      .img-content {
        height: 239.45509143289px;
        width: 360px;
        text-align: center;
      }

      .text-content-images {
        font-size: 32px !important;
        line-height: 48px;
        text-align: center !important;
        text-shadow: none;
        letter-spacing: 0px;

      }

      .text-content-images h2 {
        font-size: 30px !important;
        line-height: 48px;
        text-align: center !important;
        text-shadow: none;
        letter-spacing: 0px;
      }

      .text-content-images p {

        font-size: 16px !important;
        line-height: 48px;
        text-shadow: none;
        letter-spacing: 0px;
        max-width: 314px !important;



      }

      .text-content-images {
        order: -1;

      }

      .img-content {
        order: 9999;
      }

    }

    .image-content-sectio {
      display: flex;
      justify-content: center;
		
    }

	  
	  .image-content-sectio img{object-fit: cover; width: 489px !important; height: 326px; border-radius: 10px;}

    .row {
      margin-left: 0px !important;
      margin-right: 0px !important;
    }

    .col-md {
      padding-left: 7px !important;
      padding-right: 7px !important;
    }

    .text-content-images p {
      border: 1px solid #d20a11;
      border-radius: 10px;
	padding: 5px 8px;
      display: flex;
      justify-content: center;
      text-align: center;
      align-items: center;
      color: rgb(94, 94, 94);
      min-width: 314px;
    }

    p {
      margin: 0 !important;
    }

    .parcelamento {
      font-size: 14px;
      color: #5e5e5e
    }

    .list-itens li {
      list-style-type: none;
      font-size: 18px;
    }

    .image-content-list img {

      object-fit: cover;
      object-position: center;
      border-radius: 0px 40px 0px 40px;
    }
	  
	  .section {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  
  .section .item {
    width: 473px;
    height: 315px;
    margin: 10px;
    position: relative;
  }
  
  .section .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.7; /* Defina a opacidade desejada */
  }
  
  .section .item .texto {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.8); /* Defina a cor de fundo do texto */
    padding: 10px;
    text-align: center;
    font-size: 18px;
  }
	  
	  
	  .section .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.7; /* Opacidade desejada */
}

.section .item .texto {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.5); /* Cor de fundo do texto com opacidade */
  padding: 10px;
  text-align: center;
  font-size: 18px;
  color: #fff; /* Cor do texto */
}

	  .text-saber{
		  line-height: 1.4;
    font-size: 22px;
    text-align: center;
    letter-spacing: 0px;
	  }
	 
	  .btn-saber{
		  border: 1px solid red;
		  background-color: red;
		  color: white;
		  text-align: center;
	  }

	  .image-content-list img{
	  height: 643px;
		  width: 353.047px;
	  object-fit: cover;}
	  
	  .image-container {
        position: relative;
        margin-bottom: 20px;
        overflow: hidden; /* Garante que nada saia fora da imagem */
    }

    .custom-image {
        width: 100%; /* Ajuste para responsividade */
        height: auto;
		object-fit: cover;
		object-position: center;
    }
	  
	    .image-container img{
        width: 473px !important; /* Ajuste para responsividade */
        height: 315px !important;
			object-fit: cover;
			object-position: center;
    }

    .central-text {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
		width: 100%;
        
        color: white;
        font-size: 40px;
        padding: 5px 0; /* Adiciona um pouco de padding vertical sem afetar o layout horizontal */
		max-width: 100%;
    }

    @media (max-width: 768px) {
        .central-text {
            font-size: 42px;
        }
    }
	  
	  .bg-empreendimento{
		  background-color: #9a9b9c
	  }
	  
	  
	
	  
	  .list-overview-right{margin-top: 16px;}
	.list-overview-left li{
	position: relative;
    font-size: 14px;
    font-weight: 600;
    display: block;
    padding: 5px 5px;
    border-radius: 5px;
    border-left: 3px solid #cd0223;
	text-align: center;
	margin-bottom: 15px;
		box-shadow: -1px 3px 20px 0px rgb(82 90 101 / 10%);
}
	  
.list-overview-right li:hover {
	background-color: #cd0223;
	color: white;
}

.list-overview-left li:hover {
	background-color: #cd0223;
	color: white;
}

	  .list-overview-right li{
	position: relative;
    font-size: 14px;
    font-weight: 600;
    display: block;
    padding: 5px 5px;
    border-radius: 5px;
    border-right: 3px solid #cd0223;
	text-align: center;
	margin-bottom: 15px;
		box-shadow: -1px 3px 20px 0px rgb(82 90 101 / 10%);
}
	  
	  .main-image {
            height: 449.172px;
            width: 673.297px;
        }
        .info-panel {
            height: 305px;
            width: 363px;
            color: white;
            display: flex;
            align-items: center;
            justify-content: left;
            top: 50%;
            right: 0;
            transform: translateY(-50%);
            padding: 50px;
            font-size: 12px;
			
        }
        .info-panel ul {
            list-style: none;
            padding: 0;
			
        }
        .info-panel li {
            margin-bottom: 10px;
            display: flex;
            align-items: center;
			z-index: 164;
    line-height: 2;
    font-size: 14px;
    letter-spacing: 0px;
    text-shadow: none;
        }
        .info-panel i {
            margin-right: 5px;
        }

        @media (max-width: 768px) {
			.custom-contact-form{
				max-width: 100%;
				width: 347px !important;
			}
			
            .main-image {
                height: 262.825px !important;
                width: 360px !important;
            }
            .info-panel {
                position: relative !important;
                height: auto; /* Ajusta a altura automaticamente */
				height: 294px!important;
    width: 360px !important;
                
				top: 20% !important;
            }
        }
	  .title-contact  {
		 z-index: 65;
    font-size: 24px !important;
    line-height: 1.4 !important;
    text-align: center !important;
    letter-spacing: 0px;
    text-shadow: none;
	  }
	  
.custom-contact-form {
    background-color: #f8f9fa;
    border-radius: 8px;
    padding: 20px;
    max-width: 359px;
    margin: 20px auto;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
	  
	  /* Estilos de Rodapé */
footer {
    background-color: #201f1f;
    color: #fff;
    padding: 20px 0;
}

footer .container {
    width: 100%;
    margin: 0 auto;
}

footer p {
    text-align: center;
}

.custom-contact-form p {
    font-size: 14px;
    color: #333;
    margin-bottom: 10px !important;
}

.custom-contact-form label {
    display: block;
    margin-bottom: 2px; /* Reduzida de 5px para 2px para ficar mais próximo do campo */
    font-weight: bold;
    color: #555;
}

.custom-contact-form input, .custom-contact-form select {
    width: 100%;
    padding: 8px;
    margin-bottom: 15px; /* Manter espaço suficiente após o campo para evitar colagem com o próximo elemento */
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

.custom-contact-form input[type="submit"] {
    background-color: #d20a11;
    color: white;
    font-size: 16px;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s;
}

.custom-contact-form input[type="submit"]:hover {
    background-color: #0056b3;
}

.g-recaptcha {
    margin-bottom: 15px;
}

@media (max-width: 768px) {
    .custom-contact-form {
        padding: 15px;
        max-width: 100%;
    }
}

	  
	  /* Mensagens de erro */
.custom-contact-form .error-message {
    color: #ff0000; /* Cor vermelha para erros */
    background-color: #ffecec; /* Fundo claro */
    border: 1px solid #ff0000;
    padding: 5px;
    border-radius: 4px;
    margin-bottom: 10px;
}

/* Mensagens de sucesso */
.custom-contact-form .success-message {
    color: #008000; /* Cor verde para sucesso */
    background-color: #fff; /* Fundo claro */
    border: 1px solid #008000;
    padding: 5px;
    border-radius: 4px;
    margin-bottom: 10px;
}
	  
	  
@media (max-width: 768px) {
    .custom-contact-form {
        padding: 15px;
        max-width: 100%;
    }
}

@keyframes scrollUpDown {
    0%, 100% {
        transform: translate(-50%, 0);
    }
    50% {
        transform: translate(-50%, -10px); 
    }
}