@font-face{
	font-family:gotham;
	font-style:normal;
	font-weight:400;
	src:local('Gotham'),
			url(../fonts/Gotham-Book.woff) format('woff')
}
/* @font-face{
	font-family:gotham;
	font-style:normal;
	font-weight:500;
	src:local('Gotham'),
			url(../fonts/GothamMedium.woff) format('woff')
} */

@font-face{
	font-family:gotham;
	font-style:normal;
	font-weight:700;
	src:local('Gotham'),
			url(../fonts/GothamBold.woff) format('woff')
}

@font-face{
	font-family:didot;
	font-style:normal;
	font-weight:400;
	src:local('didot'),
			url(../fonts/didot-medium.woff) format('woff')
}

@font-face{
	font-family:didot;
	font-style:normal;
	font-weight:700;
	src:local('didot'),
			url(../fonts/didot-bold.woff) format('woff')
}


/* Slick */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block; width: 100%; object-fit: contain;}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
/*# sourceMappingURL=slick.min.css.map */

/* Slick Theme */
/*@charset 'UTF-8';*/ .slick-loading .slick-list{background:#fff url(images/loading.gif) center center no-repeat}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(fonts/slick.eot);src:url(fonts/slick.eot?#iefix) format('embedded-opentype'),url(fonts/slick.woff) format('woff'),url(fonts/slick.ttf) format('truetype'),url(fonts/slick.svg#slick) format('svg'); font-display: swap;}.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0;background:0 0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1; -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}[dir=rtl] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:'→'}[dir=rtl] .slick-next:before{content:'←'}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:40px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:1;font-size: 40px; color:#fff}
*, *::before, *::after { margin: 0; padding: 0; border: 0; outline: 0; box-sizing: border-box; }


*, *::before, *::after { margin: 0; padding: 0; border: 0; outline: 0; box-sizing: border-box; }

:root {

	--gold: #7F610B;

	--bg-tecido: url(../img/bg-tecido.webp); 

	--text-font: 'Gotham', tahoma, sans-serif;
	--title-font: 'didot' , tahoma, sans-serif;
}
html, body { overflow-x: hidden; }

body { background-color: #fff; }

body, input, label, select, textarea { color: #000; font: 16px/1.5 var( --text-font ); }

h1, h2, h3, h4, h5, h6 { font-family: var(--title-font); font-weight: bold; }

a, button, label, summary, input[type="submit"] { cursor: pointer; text-decoration: none; transition: all .3s ease-out; }

img { display: block; /* margin: 0 auto; */ max-width: 100%; }

/* helpers */
.wrap { max-width: 1240px; margin: 0 auto; padding: 0 20px; }

.row { display: flex; flex-wrap: wrap; --gap-x: 0px; --gap-y: 0px; width: calc( 100% + var(--gap-x) ); gap: var(--gap-y) 0; }
	.row.m-gap { --gap-x: 20px; --gap-y: 20px; }

.col { flex: 0 1 auto; width: calc( 100% - var(--gap-x) ); margin-right: var(--gap-x); }

@media ( min-width: 600px ){
	.w-1of2-tb { width: calc( 50% - var(--gap-x) ); }
	.w-1of3-tb { width: calc( 33.33% - var(--gap-x) ); }
	.w-2of3-tb { width: calc( 66.66% - var(--gap-x) ); }
}

@media ( min-width: 900px ){
	.w-1of2-dt { width: calc( 50% - var(--gap-x) ); }
	.w-1of3-dt { width: calc( 33.33% - var(--gap-x) ); }
	.w-2of3-dt { width: calc( 66.66% - var(--gap-x) ); }
}


/*NavBar*/

#navbar {
	position: fixed;
	right: 20px;
	top: 120px;
	z-index: 99;
}

#access {
	list-style: none;
}

#access li {
	margin-top: 12px;
}
/* #access li:nth-child(1) {
	display: none;
} */

#access li a {
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	width: 50px;
	height: 50px;
	transition: all .3s ease-out;
	border: 1px solid var(--gold);
	border-radius: 12px;
	box-shadow: 0px 5.125px 5.125px 0px rgba(0, 0, 0, 0.25);
}

#access li a.whatsapp {
	background: var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M6.9 20.8725C8.4 21.7725 10.2 22.2725 12 22.2725C17.5 22.2725 22 17.7725 22 12.2725C22 6.77246 17.5 2.27246 12 2.27246C6.5 2.27246 2 6.77246 2 12.2725C2 14.0725 2.5 15.7725 3.3 17.2725L2.44044 20.5784C2.24572 21.3274 2.93892 22.0042 3.68299 21.7916L6.9 20.8725Z' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.5 15.121C16.5 15.283 16.4639 15.4495 16.3873 15.6115C16.3107 15.7735 16.2116 15.9265 16.0809 16.0705C15.86 16.3135 15.6167 16.489 15.3418 16.6015C15.0714 16.714 14.7784 16.7725 14.4629 16.7725C14.0033 16.7725 13.512 16.6645 12.9937 16.444C12.4755 16.2235 11.9572 15.9265 11.4434 15.553C10.9251 15.175 10.4339 14.7565 9.9652 14.293C9.501 13.825 9.08187 13.3345 8.70781 12.8215C8.33826 12.3085 8.04081 11.7955 7.82449 11.287C7.60816 10.774 7.5 10.2835 7.5 9.81546C7.5 9.50946 7.55408 9.21696 7.66224 8.94696C7.77041 8.67246 7.94166 8.42046 8.18052 8.19546C8.46895 7.91196 8.78443 7.77246 9.11793 7.77246C9.24412 7.77246 9.37031 7.79946 9.48297 7.85346C9.60015 7.90746 9.70381 7.98846 9.78493 8.10546L10.8305 9.57696C10.9116 9.68946 10.9702 9.79296 11.0108 9.89196C11.0513 9.98646 11.0739 10.081 11.0739 10.1665C11.0739 10.2745 11.0423 10.3825 10.9792 10.486C10.9206 10.5895 10.835 10.6975 10.7268 10.8055L10.3843 11.161C10.3348 11.2105 10.3122 11.269 10.3122 11.341C10.3122 11.377 10.3167 11.4085 10.3257 11.4445C10.3393 11.4805 10.3528 11.5075 10.3618 11.5345C10.4429 11.683 10.5826 11.8765 10.7809 12.1105C10.9837 12.3445 11.2 12.583 11.4344 12.8215C11.6778 13.06 11.9121 13.2805 12.151 13.483C12.3853 13.681 12.5791 13.816 12.7323 13.897C12.7549 13.906 12.7819 13.9195 12.8135 13.933C12.8495 13.9465 12.8856 13.951 12.9261 13.951C13.0028 13.951 13.0613 13.924 13.1109 13.8745L13.4534 13.537C13.5661 13.4245 13.6743 13.339 13.7779 13.285C13.8816 13.222 13.9852 13.1905 14.0979 13.1905C14.1835 13.1905 14.2737 13.2085 14.3728 13.249C14.472 13.2895 14.5756 13.348 14.6883 13.4245L16.18 14.482C16.2972 14.563 16.3783 14.6575 16.4279 14.77C16.473 14.8825 16.5 14.995 16.5 15.121Z' stroke='white' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E") no-repeat 50% 50% / auto 50%;
}

#access li a.EN{
	background: var(--gold) url("../img/flag-usa.svg") no-repeat 50% 50% / auto 50%;
}

#access li a.chat {
	background: var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M20 2.27246H4C2.9 2.27246 2 3.17246 2 4.27246V22.2725L6 18.2725H20C21.1 18.2725 22 17.3725 22 16.2725V4.27246C22 3.17246 21.1 2.27246 20 2.27246ZM20 16.2725H6L4 18.2725V4.27246H20V16.2725Z' fill='white'/%3E%3C/svg%3E") no-repeat 50% 50% / auto 50%;
}

#access li a>span {
	position: absolute;
	top: 0;
	right: calc(100% + 10px);
	height: 50px;
	display: flex;
	align-items: center;
	font-size: .75rem;
	text-transform: capitalize;
	transform: translateX(60px);
	opacity: 0;
	visibility: hidden;
	transition: all .3s ease-out;
	z-index: 2;
	color: white;
	background: var(--gold);
    width: 130px;
    text-align: center;
	border-radius: 12px;
	justify-content: center;
	box-shadow: 0px 5.125px 5.125px 0px rgba(0, 0, 0, 0.25);
}

#access li a:hover>span {
	transform: translateX(0);
	opacity: 1;
	visibility: visible;
}

@media (max-width: 899px) {
	#access li a {
		width: 50px;
		height: 50px;
	}
	#navbar {
		top: auto;
		bottom: 0;
		right: 0;
		left: 0;
		padding: 10px 0 0;
		height: 70px;
		text-align: center;
		display: flex;
		margin: 0;
	}

	#access {
		width: 100%;
		display: flex;
	}

	#access li {
		width: 100%;
		padding: 0;
	}

	#access li a.whatsapp,
	#access li a.chat {
		width: 100%;
	}
	#access li a.chat{
		filter: invert(1);
	}
	#access li a.EN{
		width: 100%;
	}
}


/*Banner*/
#banner .header{
	position: absolute;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #000;
	width: 100%;
	gap: 40px;
	padding: 20px 0;
}
#banner .header h1{
	background: url(../img/logo-armani.png) no-repeat center / contain;
	width: 220px;
	height: 40px;
	text-indent: -9999px;
}

#banner .header h2{
	background: url(../img/patrimar.png) no-repeat center / contain;
	text-indent: -9999px;
	width: 150px;
	height: 36px;
}
#banner{
	padding: 100px 0 40px;
	background: url(../img/bg-banner.webp) no-repeat center / cover;
	min-height: clamp(640px, 50vw, 100vh - 40px);
	justify-content: center;
    display: flex;
    align-items: center;
}
#banner h3{
	font-size: 48px;
	color: white;
	font-weight: 700;
	text-align: center;
	font-style: var(--title-font);
	text-transform: uppercase;
	max-width: 910px;
    margin: auto;
    letter-spacing: 6px;
}
#banner p{
	color: white;
	font-weight: 400;
	font-size: 24px;
	text-align: center;
	font-style: var(--text-font);
	text-transform: uppercase;
	letter-spacing: 6px;
	max-width: 880px;
	margin: auto;
}
@media screen and ( max-width: 699px ){
	#banner h3{
		font-size: 28px;
		padding-bottom: 20px;
	}
	#banner p{
		font-size: 18px;
	}
}
@media screen and ( max-width: 499px ){
	#banner{
		padding: 160px 0 40px;
	}
	#banner .header{
		flex-direction: column;
	}
}

/*Diferenciais*/
#diferenciais{
	background: var(--gold);
	color: white;
	padding: 40px 0;
}
#diferenciais .row{
	align-items: center;
}
#diferenciais img{
	object-fit: cover;
	border-radius: 12px;
}
#diferenciais p{
	font-size: 18px;
	font-weight: 400;
	line-height: 1.3;	
	letter-spacing: 0.5px;
	font-family: var(--text-font);
	margin-left: 70px;
}
#diferenciais .col-40{
	width: 40%;
}
#diferenciais .col-60{
	width: 60%;
}
@media screen and ( max-width: 999px ){
	#diferenciais .row{
		flex-direction: column;
		text-align: center;
	}
	#diferenciais .col-40, #diferenciais .col-60{
		width: 100%;
	}
	#diferenciais img{
		margin: auto;
	}
	#diferenciais p{
		padding-top: 40px;
		margin-left: 0;
		max-width: 740px;
		margin: auto;
	}
}

/*armaniepatrimar*/

#armaniepatrimar{
	padding: 50px 0;
	position: relative;
}
#armaniepatrimar::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 1px;
    height: 781px;
    background: var(--gold);
    rotate: 33deg;
    transform: translate(-50px, -50%);
    z-index: -1;
}
#armaniepatrimar::after{
    content: "";
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    width: 1px;
    height: 840px;
    background: var(--gold);
    rotate: 33deg;
    transform: translate(50%, 10%);
    z-index: -61;
}
#armaniepatrimar .box{
	background: var(--bg-tecido) no-repeat center / cover;
	display: flex;
	align-items: center;
	height: 210px;
	max-width: 990px;
	border-radius: 12px;
	margin: auto;
}
#armaniepatrimar .box h2{
	text-indent: -9999px;
}
#armaniepatrimar p{
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.3;
	font-family: var(--text-font);
	padding: 10px 20px 10px 40px;
}
#armaniepatrimar .box:nth-child(1) {
	margin-bottom: 40px;
}
#armaniepatrimar .box:nth-child(1) h2{
    background: url(../img/armani-box.png) no-repeat center / cover;
    min-width: 210px;
    height: 210px;
    border-radius: 12px 0 0 12px;
}
#armaniepatrimar .box:nth-child(2) h2{
    background: url(../img/patrimar-box.png) no-repeat center / cover;
    min-width: 210px;
    height: 210px;
    border-radius: 12px 0 0 12px;
}
#armaniepatrimar h3 strong{
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 2.88px;
	text-transform: uppercase;
	font-family: var(--title-font);
	display: block;
}
#armaniepatrimar h3{
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 2.16px;
	text-transform: uppercase;
	font-family: var(--text-font);
	text-align: center;
	padding-top: 40px;
}

@media screen and ( max-width: 899px ){
	#armaniepatrimar .row{
		flex-wrap: nowrap;
		justify-content: center;
        gap: 20px;
	}
	#armaniepatrimar .box{
		flex-direction: column;
		min-height: 590px;
		max-width: 350px;
		margin: 0;
	}
	#armaniepatrimar .box:nth-child(1) h2{
		background: url(../img/armani-box-mb.svg) no-repeat center / cover;
		min-width: 100%;
		height: 180px;
		border-radius: 12px 12px 0 0;
	}
	#armaniepatrimar .box:nth-child(2) h2{
		background: url(../img/patrimar-box-mb.svg) no-repeat center / cover;
		min-width: 100%;
		height: 180px;
		border-radius: 12px 12px 0 0;
	}
	#armaniepatrimar .box p{
		font-size: 17px;
		text-align: center;
	}
}
@media screen and ( max-width: 699px ){
	#armaniepatrimar .row{
		flex-wrap: wrap;
	}
}

/*carrossel*/
#carrossel{
	background: var(--bg-tecido) no-repeat center / cover;
	padding: 40px 0;
}
#carrossel h2{
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 2.88px;
	text-transform: uppercase;
	font-family: var(--title-font);
	text-align: center;
	max-width: 730px;
    margin: auto;
    padding-bottom: 20px;
}
#carrossel .slick-next, .slick-prev {
    opacity: 1;
    border-radius: 8px;
    display: block;
    width: 50px;
    height: 50px;
    text-indent: -999rem;
    z-index: 9;
    transition: all .3s ease-out;
}
#carrossel .slick-prev {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' fill='none'%3E%3Cpath d='M12.3125 15.5L7.3125 10.5L12.3125 5.5L13.3745 6.562L9.4375 10.5L13.3745 14.438L12.3125 15.5Z' fill='white'/%3E%3C/svg%3E") center no-repeat var(--gold);
	bottom: 20px
}
#carrossel .slick-next {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' fill='none'%3E%3Cpath d='M8.312 15.5L7.25 14.438L11.187 10.5L7.25 6.562L8.312 5.5L13.312 10.5L8.312 15.5Z' fill='white'/%3E%3C/svg%3E") center no-repeat var(--gold);
}


#carrossel .slick-next, #carrossel .slick-prev {
	bottom: auto;
    top: 50%;
    transition: all .3s ease-out;
    transform: translate(0%, -50%);
}
#carrossel .slick-next:hover, #carrossel .slick-prev:hover {
	box-shadow: -4px 4px 8px rgba(33 33 33 / 50%);
}

#carrossel .slick-prev {
    left: -25px;
}
#carrossel .slick-next {
    right: -25px;
}

#carrossel .slick-dots li button{
	bottom: 30px;
    position: absolute;
}
#carrossel .slick-slide img{
	height: auto;
}

/*Assina*/
#assina{
	padding: 60px 0;
}
#assina .col{
	display: flex;
    flex-direction: column;
    align-items: center;
}
#assina .card img{
	width: 210px;
	height: 210px;
}
#assina .card{
	display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 40px;
	flex-wrap: wrap;
	padding-bottom: 20px;
}
#assina .card div{
	background: black;
	color: white;
	width: 210px;
	height: 210px;
	align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#assina .card h3{
	font-size: 24px;
	font-weight: 700;
	line-height: 1.3;
	font-family: var(--title-font);
	text-transform: uppercase;
	max-width: 140px;
}
#assina .card p{
	font-size: 16px;
	font-family: var(--text-font);
	font-weight: 400;
	line-height: 1.5;
	text-transform: uppercase;
	max-width: 140px;
	font-style: normal;
	margin-top: 8px;
}
#assina p{
	font-family: var(--text-font);
	max-width: 460px;
	font-size: 18px;
	font-style: italic;
	font-weight: 400;
	line-height: 153%; /* 27.54px */
}

@media screen and ( max-width: 599px ){
	#assina .card{
		gap: 0;
		justify-content: center;
	}
	#assina .card p{
		text-align: left;
	}
	#assina p{
		text-align: center;
	}
}

/*Formulario*/
#saiba-mais {
	background: var(--bg-tecido) no-repeat center / cover;
	object-fit: cover;
	padding: 60px 0;
}

#saiba-mais form{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
	grid-template-areas:
	"field-nome field-email field-telefone"
	"field-pp field-pp  field-submit";
	gap: 20px;
}

#saiba-mais h2 {
	text-align: center;
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2;
	text-transform: uppercase;
	padding: 0 0 20px;
}
form ::placeholder {
	color: #000;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0.5px;
	opacity: 0.5;
}
#saiba-mais .field-nome {
	grid-area: field-nome;
}
#saiba-mais .field-email {
	grid-area: field-email;
}
#saiba-mais .field-telefone {
	grid-area: field-telefone;
}
#saiba-mais .field-pp {
	grid-area: field-pp;
}
#saiba-mais .field-com {
	grid-area: field-com;
}
#saiba-mais .field-submit {
	grid-area: field-submit;
}
#saiba-mais .field-nome, #saiba-mais .field-email, #saiba-mais .field-telefone{
	flex-direction: column;
	display: flex;
	border: 3px solid var(--gold);
	padding: 0 0 10px;
	border-radius: 6px;
}
#saiba-mais .field-nome label, #saiba-mais .field-email label, #saiba-mais .field-telefone label {
	display: block;
	margin-top: -13px;
	background: #faf6e9;
	max-width: fit-content;
	padding: 0 8px;
	margin-left: 12px;
	color: var(--gold);
}
#saiba-mais .field-nome input, #saiba-mais .field-email input, #saiba-mais .field-telefone input {
	width: 100%;
	padding: 0 20px;
	height: 50px;
	background: 0 0;
	font-size: 14px !important;
}

#saiba-mais .submit-btn{
	background: var(--gold);
	color: white;
	width: 100%;
	border-radius: 40px;
	padding: 16px 0;
	text-transform: uppercase;
}
#saiba-mais .field-submit input:hover{
	scale: 1.02;
}
#saiba-mais form .field-pp {
    display: flex;
    align-items: center;
    padding-bottom: 20px;
}

#saiba-mais form .field-pp label {
    padding: 0 0 0 20px !important;
    margin-top: 0;
	align-items: center;
    display: flex;
    gap: 20px;
}

#saiba-mais form .field-pp label a {
    color: black;
}

#saiba-mais form .field-pp input {
    margin: 0;
    position: relative;
	width: 26px;
    height: 26px;
}

#saiba-mais form .field-pp input::before {
    content: "";
    position: absolute;
    width: 26px;
    height: 26px;
    border-radius: 5px;
    background: white;
    border: 1px solid var(--gold);
}

#saiba-mais form .field-pp input::after {
    content: '';
    display: block;
    width: 26px;
    height: 26px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath d='M10.5 16.4L6.5 12.4L7.9 11L10.5 13.6L17.1 7L18.5 8.4L10.5 16.4Z' fill='white'/%3E%3C/svg%3E") var(--gold);
    position: absolute;
    opacity: 0;
    transition: all .3s ease-out;
	border-radius: 5px;
}

#saiba-mais .field-pp input[type="checkbox"]:checked::after, #home-form .field-pp input[type="checkbox"]:checked::after {
    opacity: 1;
}
#saiba-mais form .submit-btn.sending, #home-form form .submit-btn.sending {
	color: white;
	pointer-events: none;
	color: transparent;
	background: #000 url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cg fill='none' fill-rule='evenodd' stroke-width='2'%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='0s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite' /%3E%3Canimate attributeName='stroke-opacity' begin='0s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='-0.9s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite' /%3E%3Canimate attributeName='stroke-opacity' begin='-0.9s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite' /%3E%3C/circle%3E%3C/g%3E%3C/svg%3E") no-repeat 50% 50% / 36px auto;
}
.form-output {
    color: #fff;
    width: 100%;
}

.form-output.is-error {
    padding: 8px 20px;
    background-color: #e53935;
    margin-bottom: 34px;
}

.form-output.is-success {
    padding: 8px 20px;
    background-color: #43a047;
    margin-bottom: 34px;
}

form .submit-btn:disabled {
	opacity: 0.5;
	pointer-events: none;
}

@media screen and ( max-width: 699px ){
	#saiba-mais form {
		display: grid;
		grid-template-columns: auto;
		grid-template-areas:
			"field-nome"
			"field-email"
			"field-telefone"
			"field-pp"
			"field-com"
			"field-submit";
		
	}
	#saiba-mais .field-submit {
		justify-content: center;
   		 display: flex;
	}
	#saiba-mais form .field-pp{
		padding-bottom: 0;
	}
	#saiba-mais form .field-pp label{
		margin-top: 0;
		font-size: 14px;
	}

}

	

/*Footer*/
#foot{
	background: #000;
	padding: 40px 0;
}
#foot .wrap{
	display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
	flex-wrap: wrap;
}
#foot h2{
	background: url(../img/logo-armani.png) no-repeat center / contain;
	width: 220px;
	height: 40px;
	text-indent: -9999px;
}

#foot h3{
	background: url(../img/patrimar.png) no-repeat center / contain;
	text-indent: -9999px;
	width: 150px;
	height: 36px;
}
@media screen and ( max-width: 899px ){
	#foot{
		padding: 40px 0 80px;
	}
	#foot .wrap{
		justify-content: center;
	}
}