.tour-video{

  width: 100%;

}



.tour-video .container{

  max-width: var(--container);

  width: 100%;

  margin: 5rem auto;

  position: relative;

}



.tour-video .container img.bg{

  position: relative;

  max-height: 40.625rem;

  line-height: 40.625rem;

  width: 100%;

}



.tour-video .container a{

  position: absolute;

  margin-left: auto;

  margin-right: auto;

  left: 0;

  right: 0;

  text-align: center;

  top: 40%;

  width: 7.5rem;

  height: 7.5rem;

  border: 2px solid var(--opa-branco);

  border-radius: 50%;

  line-height: 9rem;

}



.tour-video .container a img{

  position: relative;

  left: 0.2rem;

}





.tour-about{

  width: 100%;

  background-image: url(/wp-content/themes/labbotheme/assets/svg/bg-tour-como-funciona.svg);

  background-repeat: no-repeat;

  background-position: top right;

  padding: 5rem 0;

}



.tour-about .container{

  max-width: var(--container);

  width: 100%;

  margin: 0 auto;

  position: relative;



  display: grid;

  grid-template-columns: 40% 60%;

  gap: 5rem;

}



.tour-about .container h2{

  font-family: var(--font-family-gin-regular);

  font-style: normal;

  font-weight: 400;

  font-size: 2.625rem;

  line-height: 3.125rem;

  color: var(--opa-marrom-claro);

  letter-spacing: 0.02em;

  margin-bottom: 2rem;

}



.tour-about .container .address,

.tour-about .container p{

  font-style: normal;

  font-weight: 400;

  font-size: 18px;

  line-height: 1.375rem;

  letter-spacing: -0.02em;

  color: var(--opa-cinza-escuro);

  margin-bottom: 2rem;

}



.tour-about .container .phone{

  font-family: var(--font-family-gin-regular);

  font-style: normal;

  font-weight: 400;

  font-size: 18px;

  line-height: 22px;

  color: var(--opa-vermelho);

  letter-spacing: 0.02em;

  margin-bottom: 19px;



  display: flex;

  align-items: center;

  gap: 1rem ;

}



.tour-about .container .social-network ul{

  display: flex;

  margin: 2rem 0;

  gap: 1rem;

  flex-wrap: wrap;

}



.tour-about .container .social-network ul li{

  width: 3.75rem;

  height: 3.75rem;

}



.tour-about .container .social-network ul li a{

  width: 3.75rem;

  height: 3.75rem;

  border-radius: 50%;

  background-color: var(--opa-marrom-claro);

  display: flex;

  justify-content: center;

  align-items: center;

  transition: var(--transition);

}



.tour-about .container .social-network ul li a:focus,

.tour-about .container .social-network ul li a:active,

.tour-about .container .social-network ul li a:hover{

  background-color: var(--opa-marrom-escuro);

}



.tour-about .container .social-network ul li a img{

  filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(7500%) hue-rotate(258deg) brightness(119%) contrast(102%);

}



.tour-about .container .right img{

  max-width: 40.625rem;

  max-height: 44.688rem;

  width: 100%;

  height: 100%;

  object-fit: cover;

  border-radius: 1rem;

}



.tour-faq{

  width: 100%;

}



.tour-faq .tour-faq-container{

  max-width: var(--container);

  width: 100%;

  margin: 0 auto;

  position: relative;



  display: grid;

  grid-template-columns: 30% 70%;

  gap: 5rem;

  margin-top: 10rem;

}



.tour-faq .tour-faq-container h2{

  font-family: var(--font-family-gin-regular);

  font-style: normal;

  font-weight: 400;

  font-size: 2.625rem;

  line-height: 3.125rem;

  color: var(--opa-marrom-claro);

  letter-spacing: 0.02em;

  margin-bottom: 2rem;

}



.tour-faq .tour-faq-container p{

  font-family: var(--font-family-soleil);

  font-style: normal;

  font-weight: 400;

  font-size: 1rem;

  line-height: 1.375rem;

  letter-spacing: -0.02em;

  color: var(--opa-cinza-escuro);

  margin-bottom: 2rem;

  padding-left: 4.5rem;

}





.tour-360{

  width: 100%;

  height: 43.75rem;

  margin: 0 0 5rem;

}



.tour-360 .container{

  max-width: var(--container);

  width: 100%;

  margin: 0 auto;

  position: relative;

}



.tour-360 .container .title{

  font-family: var(--font-family-gin-lines);

  font-style: normal;

  font-weight: 400;

  font-size: 12.5rem;

  line-height: 12.5rem;

  color: var(--opa-marrom-claro);

  text-align: center;

  position: relative;

}



.tour-360 .container .tour-360-img{

  position: absolute;

  margin-left: auto;

  margin-right: auto;

  left: 0;

  right: 0;

  text-align: center;

  top: 10%;

}



.tour-360 .container .iframe{

  background-image: url(/wp-content/uploads/2022/11/tour-360.jpg);

  background-repeat: no-repeat;

  height: 38.125rem;

  border-radius: 1rem;

}





@media screen and (max-width: 991px) {

  .banner-pages .container-banner.tour p{

    max-width: 100%;

  }



  .tour-video{

    padding: 0 1.25rem;

  }



  .tour-about{

    background-image: none;

    padding: 0 0 5rem;

  }



  .tour-about .container{

    grid-template-columns: 100%;

    padding: 0 1.25rem;

    gap: 3rem;

  }



  .tour-360 .container .iframe{

    margin: 0 1.25rem;

  }



  .tour-faq{

    margin-top: 10rem;

    display: inline-block;

    padding: 0 1.25rem;

  }

  

  .tour-faq .faq.tour{

    margin-top: -4rem;    

  }



  .tour-faq .tour-faq-container{

    grid-template-columns: 100%;

    gap: 1rem;

    margin-top: 0;

  }

  

  .tour-faq .a11yAccordion .a11yAccordionItem{

    float: left;

  }



  .tour-about .container .right img{

    max-width: 100%;

  }

}



@media screen and (max-width: 600px) {

  .tour-faq .tour-faq-container{

    margin-top: 10rem;

  }

}

/* Pulse animation */

.blob {

	box-shadow: 0 0 0 0 rgb(255, 255, 255);

	transform: scale(1);

	animation: pulse 2s infinite;

}



@keyframes pulse {

	0% {

		transform: scale(0.95);

		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);

	}



	70% {

		transform: scale(1);

		box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);

	}



	100% {

		transform: scale(0.95);

		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);

	}

}







.tour-faq .faq .questions {

  display: flex;

  flex-direction: column;

}

.tour-faq .faq .item {

  width: 100%;

  margin: 0 auto;

  display: flex;

  flex-direction: column;

  margin-top: 37px;

  border-bottom: 1px solid rgba(196, 196, 196, 0.5);

  padding-bottom: 39px;

}

.tour-faq .faq .item:first-of-type {

  margin-top: 0;

}

.tour-faq .faq .item .top {

  display: flex;

  position: relative;

  cursor: pointer;

}

.tour-faq .faq .item .top i {

  width: 32px;

  height: 32px;

  margin-right: 40px;

  pointer-events: none;

  position: relative;

}

.tour-faq .faq .item .top i::before {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  background: url('/wp-content/themes/labbotheme/assets/svg/mais-icon.svg');

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  width: 32px;

  height: 32px;

}

.tour-faq .faq .item.open .top i::before {

  width: 32px;

  height: 2px;

  background: url('/wp-content/themes/labbotheme/assets/svg/menos-icon.svg');

  top: 50%;

  transform: translateY(-50%);

}

.tour-faq .faq .item .top h4 {

  font-family: var(--font-family-soleil);

  font-style: normal;

  font-weight: 700;

  font-size: 20px;

  line-height: 22px;

  letter-spacing: -0.01em;

  color: var(--opa-vermelho);

  pointer-events: none;

  transition: var(--transition);

}

.tour-faq .faq.item .top:hover h4,

.tour-faq .faq .item.open .top h4{

  color: var(--opa-marrom-claro);

  transition: var(--transition);

}

.tour-faq .faq .item .bottom {

  max-height: 100%;

  opacity: 1;

  padding: 10px 10px 10px 0px;

  display: none;

}

@media(max-width: 992px){

  .tour-faq .faq .questions{

      margin-top: 45px;

  }

  .tour-faq .faq h3 {

      font-size: 30px;

      line-height: 42px;

  }

  .tour-faq .faq h3 br{

      display: none;

  }

  .tour-faq .faq .item .top h4{

      font-size: 18px;

      line-height: 20px

  }

}