/* https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap */ @font-face { font-family: 'Inter'; font-style: italic; font-weight: 100 900; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwkT9nA2.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: 'Inter'; font-style: italic; font-weight: 100 900; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwAT9nA2.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Inter'; font-style: italic; font-weight: 100 900; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwgT9nA2.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } @font-face { font-family: 'Inter'; font-style: italic; font-weight: 100 900; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwcT9nA2.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } @font-face { font-family: 'Inter'; font-style: italic; font-weight: 100 900; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwsT9nA2.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: 'Inter'; font-style: italic; font-weight: 100 900; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwoT9nA2.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Inter'; font-style: italic; font-weight: 100 900; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwQT9g.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcvvYwYL8g.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcvmYwYL8g.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcvuYwYL8g.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcvhYwYL8g.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcvtYwYL8g.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcvsYwYL8g.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcviYwY.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* base */ :root { --gray-d: #262626; --gray: #A3A3A3; --gray-l: #F2F0EF; --green-d: #B4BBB1; --green-l: #00D5BD; --yellow: #FFC704; --red: #74070E; --extra: 20px; /* --wa: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.9031 2.03437C10.5938 0.721875 8.85 0 6.99687 0C3.17187 0 0.059375 3.1125 0.059375 6.9375C0.059375 8.15938 0.378125 9.35312 0.984375 10.4062L0 14L3.67812 13.0344C4.69063 13.5875 5.83125 13.8781 6.99375 13.8781H6.99687C10.8188 13.8781 14 10.7656 14 6.94063C14 5.0875 13.2125 3.34687 11.9031 2.03437ZM6.99687 12.7094C5.95937 12.7094 4.94375 12.4312 4.05937 11.9062L3.85 11.7812L1.66875 12.3531L2.25 10.225L2.1125 10.0063C1.53437 9.0875 1.23125 8.02812 1.23125 6.9375C1.23125 3.75938 3.81875 1.17188 7 1.17188C8.54062 1.17188 9.9875 1.77187 11.075 2.8625C12.1625 3.95312 12.8313 5.4 12.8281 6.94063C12.8281 10.1219 10.175 12.7094 6.99687 12.7094ZM10.1594 8.39062C9.9875 8.30313 9.13438 7.88438 8.975 7.82812C8.81563 7.76875 8.7 7.74062 8.58438 7.91562C8.46875 8.09062 8.1375 8.47813 8.03438 8.59688C7.93438 8.7125 7.83125 8.72812 7.65938 8.64062C6.64062 8.13125 5.97188 7.73125 5.3 6.57812C5.12188 6.27187 5.47812 6.29375 5.80937 5.63125C5.86562 5.51562 5.8375 5.41563 5.79375 5.32812C5.75 5.24062 5.40313 4.3875 5.25938 4.04063C5.11875 3.70312 4.975 3.75 4.86875 3.74375C4.76875 3.7375 4.65312 3.7375 4.5375 3.7375C4.42188 3.7375 4.23438 3.78125 4.075 3.95312C3.91562 4.12813 3.46875 4.54688 3.46875 5.4C3.46875 6.25313 4.09063 7.07813 4.175 7.19375C4.2625 7.30938 5.39687 9.05937 7.1375 9.8125C8.2375 10.2875 8.66875 10.3281 9.21875 10.2469C9.55313 10.1969 10.2437 9.82812 10.3875 9.42188C10.5312 9.01562 10.5312 8.66875 10.4875 8.59688C10.4469 8.51875 10.3313 8.475 10.1594 8.39062Z'/%3E%3C/svg%3E"); */ --wa: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M20.46,3.49C18.22,1.24,15.23,0,12.05,0,5.49,0,.16,5.34.16,11.89c0,2.1.55,4.14,1.59,5.95L.06,24l6.3-1.65c1.74.95,3.7,1.45,5.69,1.45,6.55,0,11.89-5.34,11.89-11.89,0-3.18-1.23-6.17-3.48-8.41ZM17.87,16.14c-.25.69-1.43,1.33-2.01,1.41-.51.08-1.16.11-1.87-.12-.43-.14-.98-.32-1.69-.63-2.98-1.29-4.93-4.29-5.08-4.49-.15-.2-1.21-1.61-1.21-3.07s.77-2.18,1.04-2.48c.27-.3.59-.37.79-.37h.57c.18.02.43-.06.67.52.25.6.84,2.06.92,2.21.08.15.12.32.02.52-.1.2-.15.32-.3.5-.15.17-.31.39-.45.52-.15.15-.3.31-.13.61.17.3.77,1.27,1.65,2.06,1.14,1.01,2.09,1.33,2.39,1.47.3.15.47.12.64-.07.17-.2.74-.87.94-1.16.2-.3.4-.25.67-.15.27.1,1.73.82,2.03.97.3.15.5.22.57.35.08.12.08.72-.17,1.41Z'/%3E%3C/svg%3E"); --ig-black: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5048 5.11758C7.52354 5.11758 5.11885 7.52227 5.11885 10.5035C5.11885 13.4848 7.52354 15.8895 10.5048 15.8895C13.486 15.8895 15.8907 13.4848 15.8907 10.5035C15.8907 7.52227 13.486 5.11758 10.5048 5.11758ZM10.5048 14.0051C8.57822 14.0051 7.00322 12.4348 7.00322 10.5035C7.00322 8.57227 8.57353 7.00195 10.5048 7.00195C12.436 7.00195 14.0063 8.57227 14.0063 10.5035C14.0063 12.4348 12.4313 14.0051 10.5048 14.0051ZM17.3673 4.89727C17.3673 5.5957 16.8048 6.15352 16.111 6.15352C15.4126 6.15352 14.8548 5.59102 14.8548 4.89727C14.8548 4.20352 15.4173 3.64102 16.111 3.64102C16.8048 3.64102 17.3673 4.20352 17.3673 4.89727ZM20.9345 6.17227C20.8548 4.48945 20.4704 2.99883 19.2376 1.7707C18.0095 0.542578 16.5188 0.158203 14.836 0.0738281C13.1017 -0.0246094 7.90322 -0.0246094 6.16885 0.0738281C4.49072 0.153516 3.0001 0.537891 1.76729 1.76602C0.534473 2.99414 0.154785 4.48477 0.0704102 6.16758C-0.0280273 7.90195 -0.0280273 13.1004 0.0704102 14.8348C0.150098 16.5176 0.534473 18.0082 1.76729 19.2363C3.0001 20.4645 4.48604 20.8488 6.16885 20.9332C7.90322 21.0316 13.1017 21.0316 14.836 20.9332C16.5188 20.8535 18.0095 20.4691 19.2376 19.2363C20.4657 18.0082 20.8501 16.5176 20.9345 14.8348C21.0329 13.1004 21.0329 7.90664 20.9345 6.17227ZM18.6938 16.6957C18.3282 17.6145 17.6204 18.3223 16.697 18.6926C15.3142 19.241 12.0329 19.1145 10.5048 19.1145C8.97666 19.1145 5.69072 19.2363 4.3126 18.6926C3.39385 18.327 2.68604 17.6191 2.31572 16.6957C1.76729 15.3129 1.89385 12.0316 1.89385 10.5035C1.89385 8.97539 1.77197 5.68945 2.31572 4.31133C2.68135 3.39258 3.38916 2.68477 4.3126 2.31445C5.69541 1.76602 8.97666 1.89258 10.5048 1.89258C12.0329 1.89258 15.3188 1.7707 16.697 2.31445C17.6157 2.68008 18.3235 3.38789 18.6938 4.31133C19.2423 5.69414 19.1157 8.97539 19.1157 10.5035C19.1157 12.0316 19.2423 15.3176 18.6938 16.6957Z' fill='black'/%3E%3C/svg%3E"); --ig-white: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5048 5.11758C7.52354 5.11758 5.11885 7.52227 5.11885 10.5035C5.11885 13.4848 7.52354 15.8895 10.5048 15.8895C13.486 15.8895 15.8907 13.4848 15.8907 10.5035C15.8907 7.52227 13.486 5.11758 10.5048 5.11758ZM10.5048 14.0051C8.57822 14.0051 7.00322 12.4348 7.00322 10.5035C7.00322 8.57227 8.57353 7.00195 10.5048 7.00195C12.436 7.00195 14.0063 8.57227 14.0063 10.5035C14.0063 12.4348 12.4313 14.0051 10.5048 14.0051ZM17.3673 4.89727C17.3673 5.5957 16.8048 6.15352 16.111 6.15352C15.4126 6.15352 14.8548 5.59102 14.8548 4.89727C14.8548 4.20352 15.4173 3.64102 16.111 3.64102C16.8048 3.64102 17.3673 4.20352 17.3673 4.89727ZM20.9345 6.17227C20.8548 4.48945 20.4704 2.99883 19.2376 1.7707C18.0095 0.542578 16.5188 0.158203 14.836 0.0738281C13.1017 -0.0246094 7.90322 -0.0246094 6.16885 0.0738281C4.49072 0.153516 3.0001 0.537891 1.76729 1.76602C0.534473 2.99414 0.154785 4.48477 0.0704102 6.16758C-0.0280273 7.90195 -0.0280273 13.1004 0.0704102 14.8348C0.150098 16.5176 0.534473 18.0082 1.76729 19.2363C3.0001 20.4645 4.48604 20.8488 6.16885 20.9332C7.90322 21.0316 13.1017 21.0316 14.836 20.9332C16.5188 20.8535 18.0095 20.4691 19.2376 19.2363C20.4657 18.0082 20.8501 16.5176 20.9345 14.8348C21.0329 13.1004 21.0329 7.90664 20.9345 6.17227ZM18.6938 16.6957C18.3282 17.6145 17.6204 18.3223 16.697 18.6926C15.3142 19.241 12.0329 19.1145 10.5048 19.1145C8.97666 19.1145 5.69072 19.2363 4.3126 18.6926C3.39385 18.327 2.68604 17.6191 2.31572 16.6957C1.76729 15.3129 1.89385 12.0316 1.89385 10.5035C1.89385 8.97539 1.77197 5.68945 2.31572 4.31133C2.68135 3.39258 3.38916 2.68477 4.3126 2.31445C5.69541 1.76602 8.97666 1.89258 10.5048 1.89258C12.0329 1.89258 15.3188 1.7707 16.697 2.31445C17.6157 2.68008 18.3235 3.38789 18.6938 4.31133C19.2423 5.69414 19.1157 8.97539 19.1157 10.5035C19.1157 12.0316 19.2423 15.3176 18.6938 16.6957Z' fill='white'/%3E%3C/svg%3E"); --ig-green: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5048 5.11758C7.52354 5.11758 5.11885 7.52227 5.11885 10.5035C5.11885 13.4848 7.52354 15.8895 10.5048 15.8895C13.486 15.8895 15.8907 13.4848 15.8907 10.5035C15.8907 7.52227 13.486 5.11758 10.5048 5.11758ZM10.5048 14.0051C8.57822 14.0051 7.00322 12.4348 7.00322 10.5035C7.00322 8.57227 8.57353 7.00195 10.5048 7.00195C12.436 7.00195 14.0063 8.57227 14.0063 10.5035C14.0063 12.4348 12.4313 14.0051 10.5048 14.0051ZM17.3673 4.89727C17.3673 5.5957 16.8048 6.15352 16.111 6.15352C15.4126 6.15352 14.8548 5.59102 14.8548 4.89727C14.8548 4.20352 15.4173 3.64102 16.111 3.64102C16.8048 3.64102 17.3673 4.20352 17.3673 4.89727ZM20.9345 6.17227C20.8548 4.48945 20.4704 2.99883 19.2376 1.7707C18.0095 0.542578 16.5188 0.158203 14.836 0.0738281C13.1017 -0.0246094 7.90322 -0.0246094 6.16885 0.0738281C4.49072 0.153516 3.0001 0.537891 1.76729 1.76602C0.534473 2.99414 0.154785 4.48477 0.0704102 6.16758C-0.0280273 7.90195 -0.0280273 13.1004 0.0704102 14.8348C0.150098 16.5176 0.534473 18.0082 1.76729 19.2363C3.0001 20.4645 4.48604 20.8488 6.16885 20.9332C7.90322 21.0316 13.1017 21.0316 14.836 20.9332C16.5188 20.8535 18.0095 20.4691 19.2376 19.2363C20.4657 18.0082 20.8501 16.5176 20.9345 14.8348C21.0329 13.1004 21.0329 7.90664 20.9345 6.17227ZM18.6938 16.6957C18.3282 17.6145 17.6204 18.3223 16.697 18.6926C15.3142 19.241 12.0329 19.1145 10.5048 19.1145C8.97666 19.1145 5.69072 19.2363 4.3126 18.6926C3.39385 18.327 2.68604 17.6191 2.31572 16.6957C1.76729 15.3129 1.89385 12.0316 1.89385 10.5035C1.89385 8.97539 1.77197 5.68945 2.31572 4.31133C2.68135 3.39258 3.38916 2.68477 4.3126 2.31445C5.69541 1.76602 8.97666 1.89258 10.5048 1.89258C12.0329 1.89258 15.3188 1.7707 16.697 2.31445C17.6157 2.68008 18.3235 3.38789 18.6938 4.31133C19.2423 5.69414 19.1157 8.97539 19.1157 10.5035C19.1157 12.0316 19.2423 15.3176 18.6938 16.6957Z' fill='%2300D5BD'/%3E%3C/svg%3E"); } @media ( min-width: 1240px ) { :root { --extra: calc( (100vw - 1240px) / 2 ); } } @property --num { syntax: ''; initial-value: 0; inherits: false; } *, *::before, *::after { box-sizing: border-box; border: 0; margin: 0; outline: 0; padding: 0; } html { scroll-behavior: smooth; scroll-padding-top: 40px; } body { font: 300 16px/1.5 'Inter', tahoma, sans-serif; color: var(--gray-d); background-color: var(--gray-l); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } h1, h2, h3, h4, h5, h6 { font-weight: 700; color: var(--gray-d); line-height: 1.2; } h2 { font-size: 3rem; font-weight: 500; text-transform: uppercase; } h3 { font-size: 2rem; } button, input, select, textarea { font: inherit; color: inherit; } a, button, input[type="submit"], label, select { cursor: pointer; text-decoration: none; transition: all .3s ease-out; } a { color: var(--gray-d); } a:hover { color: var(--green-l); } img { display: block; max-width: 100%; height: auto; } ul, ol { list-style-position: inside; } @media ( max-width: 899px ) { h2 { font-size: 2.5rem; } h3 { font-size: 1.75rem; } } @media ( max-width: 599px ) { h2 { font-size: 2rem; } h3 { font-size: 1.5rem; } } .wrap { max-width: 1240px; margin: 0 auto; padding: 0 20px; } .row, .cols { --gap-x: 0px; --gap-y: 0px; display: grid; grid-template-columns: repeat( 12, 1fr ); gap: var(--gap-y) var(--gap-x); /* overflow: clip visible; */ } .col { min-width: 0; grid-column: span 12; grid-row: span 1; } .cols-12 > * { grid-column: span 1; } .cols-6 > * { grid-column: span 2; } .cols-4 > * { grid-column: span 3; } .cols-3 > * { grid-column: span 4; } .cols-2 > * { grid-column: span 6; } @media ( min-width: 600px ) { .w1-tb, .w-1of12-tb, .cols-12-tb > * { grid-column: span 1; } .w2-tb, .w-1of6-tb, .cols-6-tb > * { grid-column: span 2; } .w3-tb, .w-1of4-tb, .cols-4-tb > * { grid-column: span 3; } .w4-tb, .w-1of3-tb, .cols-3-tb > * { grid-column: span 4; } .w5-tb, .w-5of12-tb { grid-column: span 5; } .w6-tb, .w-1of2-tb, .cols2-tb > * { grid-column: span 6; } .w7-tb, .w-7of12-tb { grid-column: span 7; } .w8-tb, .w-2of3-tb { grid-column: span 8; } .w9-tb, .w-3of4-tb { grid-column: span 9; } .w10-tb, .w-5of6-tb { grid-column: span 10; } .w11-tb, .w-11of12-tb { grid-column: span 11; } .w12-tb, .w-1of1-tb { grid-column: span 12; } } @media ( min-width: 900px ) { .w1-dt, .w-1of12-dt, .cols-12-dt > * { grid-column: span 1; } .w2-dt, .w-1of6-dt, .cols-6-dt > * { grid-column: span 2; } .w3-dt, .w-1of4-dt, .cols-4-dt > * { grid-column: span 3; } .w4-dt, .w-1of3-dt, .cols-3-dt > * { grid-column: span 4; } .w5-dt, .w-5of12-dt { grid-column: span 5; } .w6-dt, .w-1of2-dt, .cols-2-dt > * { grid-column: span 6; } .w7-dt, .w-7of12-dt { grid-column: span 7; } .w8-dt, .w-2of3-dt { grid-column: span 8; } .w9-dt, .w-3of4-dt { grid-column: span 9; } .w10-dt, .w-5of6-dt { grid-column: span 10; } .w11-dt, .w-11of12-dt { grid-column: span 11; } .w12-dt, .w-1of1-dt { grid-column: span 12; } } .m-gap { --gap-x: 20px; --gap-y: 20px; } section { padding: 80px 0; opacity: 0; transform: translateY(80px); transition: all .5s ease-out; } section.in-view { opacity: 1; transform: translateY(0); } section .wrap * + :where( p, ul, ol, dl, h1, h2, h3, h4, h5, h6 ) { margin-top: 1.5rem; text-wrap: pretty; } section .wrap li + li { margin-top: 8px; } .social { list-style: none; display: flex; gap: 12px; } .social > * + * { margin-top: 0; } .social a { display: block; text-indent: -999rem; width: 40px; height: 40px; } .social a.ig { background: var(--ig-black) no-repeat center; } .social a.ig:hover { background: var(--ig-white) no-repeat center; } /* projecet */ #head { position: fixed; top: 0; left: 0; width: 100%; background: transparent; z-index: 99; padding: 20px 0; background: linear-gradient(180deg,rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); isolation: isolate; transition: all .3s ease-out; } .scrolled #head { background: var(--gray-d); box-shadow: 0 2px 8px rgba(0,0,0,.25); padding: 10px 0; } #head .wrap { display: flex; align-items: center; justify-content: space-between; position: relative; } #head h1 { width: 280px; aspect-ratio: 7/2; text-indent: -999rem; background: url('../img/logo.webp') no-repeat 0 50% / contain; transition: all .3s ease-out; } .scrolled #head h1 { width: 140px; } #nav-cb { display: none; } #nav-label { display: none; } #nav {} #nav ul { list-style: none; display: flex; align-items: center; gap: 20px; } #nav a { color: #fff; } #nav a:is( .active, :hover ) { color: var(--green-l); } #nav a.btn { background: var(--green-l); color: var(--gray-d); padding: 12px 24px; border-radius: 8px; } #nav a.btn:hover { background: var(--gray-d); color: var(--green-l); } #nav h3 { display: none; } #nav .social { display: none; } #go-home { position: fixed; top: calc( 100vh - 60px ); right: var(--extra); text-indent: -999rem; background: var(--green-l) url("data:image/svg+xml,%3Csvg width='28' height='16' viewBox='0 0 28 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26 14L14 2L2 14' stroke='%231E1E1E' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / 20px auto; width: 40px; height: 40px; border-radius: 50%; box-shadow: 0 6px 6px rgba(0,0,0,.25); opacity: 0; visibility: hidden; transition: all .3s ease-out; z-index: 100; } #go-home:hover { background: rgba( 38 38 38 / 90% ) url("data:image/svg+xml,%3Csvg width='28' height='16' viewBox='0 0 28 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26 14L14 2L2 14' stroke='%2300D5BD' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / 20px auto; } .scrolled #go-home { opacity: 1; visibility: visible; } @media ( max-width: 991px ){ #head .wrap { z-index: 2; } #head h1 { width: 210px; } #nav-label { display: block; width: 40px; height: 40px; background: url("data:image/svg+xml,%3Csvg width='52' height='36' viewBox='0 0 52 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 17.75H49.25M2 2H49.25M2 33.5H49.25' stroke='%2300D5BC' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center / contain; text-indent: -999rem; transition: none; } #nav-cb:checked + #nav-label { background: url("data:image/svg+xml,%3Csvg clip-rule='evenodd' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12 10.93 5.719-5.72c.146-.146.339-.219.531-.219.404 0 .75.324.75.749 0 .193-.073.385-.219.532l-5.72 5.719 5.719 5.719c.147.147.22.339.22.531 0 .427-.349.75-.75.75-.192 0-.385-.073-.531-.219l-5.719-5.719-5.719 5.719c-.146.146-.339.219-.531.219-.401 0-.75-.323-.75-.75 0-.192.073-.384.22-.531l5.719-5.719-5.72-5.719c-.146-.147-.219-.339-.219-.532 0-.425.346-.749.75-.749.192 0 .385.073.531.219z' fill='%2300D5BC'/%3E%3C/svg%3E") no-repeat center / 48px auto; } #nav { position: fixed; top: 100px; right : 0; width: 100%; max-width: 360px; max-height: calc( 100vh - 100px ); background: rgba( 38 38 38 / 90% ); padding: 60px 40px; border-radius: 20px 0 0 20px; overflow-y: auto; opacity: 0; visibility: hidden; transition: all .3s ease-out; z-index: 1; } #nav-cb:checked ~ #nav { opacity: 1; visibility: visible; } .scrolled #nav { max-height: calc( 100vh - 60px ); top: 60px; background: linear-gradient(180deg,rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 40px), rgba( 38 38 38 / 90% ); box-shadow: 0 0 16px rgba(0 0 0 / 25%); border-radius: 0 0 0 20px; } #nav ul { flex-direction: column; align-items: flex-start; } /* #nav a { color: var(--gray-d); } */ #nav h3 { display: block; margin-top: 40px; border-top: 1px solid white; color: white; padding-top: 40px; font-size: 1.25rem; } #nav .social { display: flex; margin-top: 12px; } #nav .social a { display: flex; } #nav .social a.ig { background-image: var(--ig-white); } #nav .social a.ig:hover { background-image: var(--ig-green); } } @media ( max-width: 479px ){ #head h1 { width: 175px; } } @media ( max-width: 359px ){ #nav { border-radius: 0; } } #home { background: url(../img/hero.webp) no-repeat 50% 0 / cover; } #home .wrap { display: flex; flex-direction: column; justify-content: center; height: calc( 100vh - 160px ); min-height: 600px; color: #fff; padding: 320px 20px; } #home .content { max-width: 480px; background: radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 0.15) 30.29%, rgba(0, 0, 0, 0.15) 59.62%, rgba(0, 0, 0, 0.01) 100%); } #home h2 { color: #fff; max-width: 340px; text-transform: uppercase; } #home p { color: #fff; max-width: 420px; } #home p + p { display: flex; flex-wrap: wrap; gap: 20px; } #home p + p a { display: inline-block; padding: 11px 23px; border: 1px solid var(--green-l); background: var(--green-l); color: var(--gray-d); border-radius: 8px; } #home p + p a:hover { background: var(--gray-d); color: var(--green-l); } #home p + p a.m-outline { background: transparent; color: #fff; border: 1px solid #fff; } #home p + p a.m-outline:hover { background: rgba( 255 255 255 / 30% ); } @media ( max-width: 899px ) { #home .wrap { padding: 240px 20px; } #home h2 { max-width: 300px; } } @media ( max-width: 599px ) { #home .wrap { padding: 180px 20px; } #home h2 { max-width: 240px; } } #servicos {} #servicos h2 { text-align: center; } #servicos p { text-align: center; max-width: 860px; margin-inline: auto; } #servicos dl { display: flex; flex-wrap: wrap; /* align-items: center; */ border-top: 1px solid var(--gray-d); margin-top: 3rem; } #servicos dt, #servicos dd { flex: 0 0 50%; padding: 3rem 0; border-bottom: 1px solid var(--gray-d); } #servicos dt { padding-right: 2.5rem; font-size: 2rem; text-transform: uppercase; } #servicos dt::before { content: ''; display: inline-block; width: 40px; height: 40px; margin-right: 20px; background: var(--gray-d); border-radius: 50%; vertical-align: middle; } #servicos dt:nth-of-type(1)::before { background: var(--gray-d) url("data:image/svg+xml,%3Csvg width='23' height='37' viewBox='0 0 23 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='white'%3E%3Cpath d='M8.35199 17.808C9.45599 19.392 11.184 17.184 11.808 16.8C15.504 14.736 19.44 19.44 18.048 11.328L10.656 0C10.656 0 10.608 0 10.56 0C8.15999 0 5.85599 0.48 3.79199 1.344C4.31999 3.072 8.11199 9.408 8.39999 10.944C8.78399 12.672 7.96799 17.232 8.39999 17.808H8.35199Z'/%3E%3Cpath d='M14.1121 30.672C15.5521 29.568 19.5361 28.8 19.7761 25.44C20.0161 22.128 18.2401 22.896 16.9441 21.408C15.6001 19.92 16.2721 19.536 15.5041 19.248C10.0321 17.424 11.4721 24.96 10.6561 27.552C9.88812 30 4.89612 34.512 4.22412 35.712C5.71212 36.288 7.29612 36.672 8.97612 36.816C10.4641 35.232 13.0081 31.584 14.1601 30.672H14.1121Z'/%3E%3Cpath d='M9.072 26.88L9.264 21.264L7.872 21.648C7.2 26.304 2.64 29.472 0.288 33.312C0.192 33.456 0.096 33.6 0 33.744C0.624 34.176 1.248 34.56 1.872 34.896C2.784 33.888 5.424 30.144 6.24 29.28C7.104 28.272 8.064 27.696 9.072 26.88Z'/%3E%3Cpath d='M20.448 13.488C20.592 16.032 18.816 17.616 18.624 19.92C22.752 21.12 22.896 15.6 20.448 13.488Z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / auto 80%; } #servicos dt:nth-of-type(2)::before { background: var(--gray-d) url("data:image/svg+xml,%3Csvg width='25' height='26' viewBox='0 0 25 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.0479 0C12.2878 1.27133e-05 12.5278 0.048544 12.7197 0.144531H12.6719L22.1279 4.17578C23.2318 4.65573 24.0477 5.75987 24.0479 7.05566C24.0479 12.0476 21.9837 21.1679 13.3438 25.2959C12.5278 25.6799 11.5201 25.6798 10.7041 25.2959C2.0641 21.1679 0 12.0477 0 7.05566C0.000185083 5.71188 0.816047 4.65573 1.91992 4.17578L11.376 0.144531C11.568 0.0485358 11.8079 0 12.0479 0ZM15.3115 7.00781C14.2557 7.00792 13.2482 7.44034 12.5283 8.16016L12.0479 8.63965L11.5684 8.16016C10.8484 7.44019 10.9439 7.00785 8.78418 7.00781C6.62418 7.00781 4.84766 8.78434 4.84766 10.9443C4.84773 12.0002 5.28006 13.0086 6 13.7285L11.3281 19.0557C11.7121 19.4397 12.3836 19.4397 12.7676 19.0557L18.0957 13.7285C18.8157 13.0085 19.248 13.104 19.248 10.9443C19.248 8.78434 17.4715 7.00781 15.3115 7.00781Z' fill='white'/%3E%3C/svg%3E") no-repeat center / auto 60%; } #servicos dt:nth-of-type(3)::before { background: var(--gray-d) url("data:image/svg+xml,%3Csvg width='27' height='24' viewBox='0 0 27 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.68 10.56L14.064 0.335999C13.776 0.0959994 13.44 0 13.104 0C12.768 0 12.432 -3.8743e-07 12.096 0.384L0.432001 10.56C0.0960007 10.896 0 11.232 0 11.664C0 12.48 0.624 13.104 1.44 13.104H2.88V20.4C2.88 21.984 4.176 23.328 5.808 23.328H9.264C9.264 23.232 9.264 23.136 9.264 23.04V14.88C9.264 13.968 10.032 13.2 10.944 13.2H15.312C16.224 13.2 16.992 13.968 16.992 14.88V23.04C16.992 23.136 16.992 23.232 16.992 23.328H20.448C22.08 23.328 23.376 22.032 23.376 20.4V13.104H24.816C25.584 13.104 26.256 12.48 26.256 11.664C26.256 11.232 26.112 10.896 25.776 10.56H25.68Z' fill='white'/%3E%3C/svg%3E") no-repeat center / auto 50%; } #servicos dt:nth-of-type(4)::before { background: var(--gray-d) url("data:image/svg+xml,%3Csvg width='32' height='21' viewBox='0 0 32 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='white'%3E%3Cpath d='M2.928 20.304C4.54509 20.304 5.856 18.9931 5.856 17.376C5.856 15.7589 4.54509 14.448 2.928 14.448C1.31091 14.448 0 15.7589 0 17.376C0 18.9931 1.31091 20.304 2.928 20.304Z'/%3E%3Cpath d='M25.3921 0C24.9601 0 24.5281 0.192 24.1921 0.48L21.8401 2.832L25.3921 3.888C25.4401 3.888 25.4881 3.888 25.5361 3.936L26.5921 2.928C26.9281 2.592 27.0721 2.208 27.0721 1.728C27.0721 1.296 26.8801 0.864 26.5921 0.528C26.2561 0.192 25.8241 0.0480002 25.3921 0.0480002V0Z'/%3E%3Cpath d='M17.9042 7.008L17.3762 7.488L17.6162 12.048L21.6002 8.064L17.9042 7.008Z'/%3E%3Cpath d='M25.2007 8.30435C28.5142 8.30462 31.2007 10.9908 31.2007 14.3044C31.2005 17.6177 28.514 20.3041 25.2007 20.3044C24.6261 20.3044 24.0706 20.2208 23.5444 20.07C23.6418 19.7831 23.6948 19.4752 23.6948 19.152C23.6947 17.4316 22.1936 16.1463 20.4966 16.1461H19.4897C19.3026 15.5657 19.1997 14.947 19.1997 14.3044C19.1997 10.9906 21.887 8.30435 25.2007 8.30435Z'/%3E%3Cpath d='M26.9281 5.664C26.7361 5.28 26.4001 5.04 25.9681 4.896L16.2721 2.064L15.0241 1.68C14.7841 1.632 14.5441 1.584 14.3041 1.68C14.2081 1.68 14.1601 1.68 14.0641 1.728C14.0641 1.728 13.9681 1.728 13.9201 1.728C13.8721 1.728 13.8241 1.728 13.7281 1.824C13.7281 1.824 13.6801 1.824 13.6321 1.872C13.5841 1.872 13.5361 1.92 13.4881 1.968C13.4881 1.968 13.3921 2.064 13.3441 2.064C13.3441 2.064 13.2961 2.064 13.2481 2.112C13.2481 2.112 13.2001 2.208 13.1521 2.256C13.1521 2.256 13.1041 2.352 13.0561 2.4C13.0561 2.4 13.0561 2.496 13.0081 2.544C13.0081 2.592 12.9601 2.64 12.9601 2.736C12.9601 2.736 12.9601 2.784 12.9601 2.832C12.9601 2.88 12.9601 2.928 12.9601 3.024C12.9601 3.072 12.9601 3.12 12.9601 3.216C12.9601 3.216 12.9601 3.264 12.9601 3.312L13.1041 6.576L13.2481 9.84L12.0001 11.28L7.48807 15.792C7.00807 16.272 6.76807 16.896 6.76807 17.52C6.76807 18.72 7.39207 19.68 8.35207 20.112C8.68807 20.256 9.07207 20.352 9.50407 20.352H20.4961C20.7361 20.352 20.9281 20.352 21.1201 20.256C21.3121 20.16 21.5041 20.064 21.6481 19.968C21.6961 19.92 21.7921 19.824 21.8401 19.776C22.0321 19.536 22.1281 19.296 22.1281 19.008C22.1281 18.72 22.0321 18.432 21.8401 18.24C21.7921 18.144 21.6961 18.096 21.6481 18.048C21.5041 17.904 21.3121 17.808 21.1201 17.76C20.9281 17.712 20.7361 17.664 20.4961 17.664H12.4801L12.6721 17.472L14.3521 15.792L15.7441 14.448C16.3201 13.872 16.5121 13.488 16.6081 13.296C16.6081 13.152 16.6561 13.056 16.6561 12.912V12.24L16.4161 8.016V6.96C16.3681 6.96 16.3201 5.664 16.3201 5.664L17.3761 5.952L22.6561 7.488L23.2321 7.68L24.9601 8.16C25.1041 8.16 25.2481 8.208 25.3921 8.208C25.6321 8.208 25.9201 8.16 26.1601 8.016C26.5441 7.824 26.7841 7.488 26.9281 7.056V6.816C27.1201 6.432 27.0721 6 26.8801 5.616L26.9281 5.664Z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / 60% auto; } #servicos dt:nth-of-type(5)::before { background: var(--gray-d) url("data:image/svg+xml,%3Csvg width='27' height='19' viewBox='0 0 27 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.032 1.344C4.032 0.624001 4.608 0 5.376 0H6.72C7.44 0 8.064 0.576001 8.064 1.344V17.472C8.064 18.192 7.488 18.816 6.72 18.816H5.376C4.656 18.816 4.032 18.24 4.032 17.472V14.784H2.688C1.968 14.784 1.344 14.208 1.344 13.44V10.752C0.624 10.752 0 10.176 0 9.408C0 8.64 0.576 8.064 1.344 8.064V5.376C1.344 4.656 1.92 4.032 2.688 4.032H4.032V1.344ZM22.848 1.344V4.032H24.192C24.912 4.032 25.536 4.608 25.536 5.376V8.064C26.256 8.064 26.88 8.64 26.88 9.408C26.88 10.176 26.304 10.752 25.536 10.752V13.44C25.536 14.16 24.96 14.784 24.192 14.784H22.848V17.472C22.848 18.192 22.272 18.816 21.504 18.816H20.16C19.44 18.816 18.816 18.24 18.816 17.472V1.344C18.816 0.624001 19.392 0 20.16 0H21.504C22.224 0 22.848 0.576001 22.848 1.344ZM17.472 8.064V10.752H9.408V8.064H17.472Z' fill='white'/%3E%3C/svg%3E") no-repeat center / 60% auto; } #servicos dt:nth-of-type(6)::before { background: var(--gray-d) url("data:image/svg+xml,%3Csvg width='24' height='30' viewBox='0 0 24 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.952 2.784C17.952 2.064 17.664 1.344 17.184 0.816C16.656 0.288 15.984 0 15.264 0C14.544 0 13.872 0.288 13.344 0.816C12.816 1.344 12.576 2.016 12.576 2.784C12.576 3.552 12.864 4.224 13.344 4.752C13.872 5.28 14.544 5.568 15.264 5.568C15.984 5.568 16.656 5.28 17.184 4.752C17.712 4.224 17.952 3.552 17.952 2.784ZM7.056 10.08C7.632 9.504 8.352 9.216 9.168 9.216C9.984 9.216 9.36 9.216 9.504 9.216L7.776 14.592C7.248 16.176 7.872 17.952 9.264 18.864L14.112 21.936L12.672 27.024C12.384 27.984 12.96 28.992 13.92 29.28C14.88 29.568 15.888 28.992 16.128 28.032L17.76 22.272C18.096 21.072 17.616 19.824 16.608 19.2L13.44 17.184L15.168 12.48L15.456 13.2C16.32 15.264 18.24 16.608 20.448 16.608H21.648C22.656 16.608 23.424 15.792 23.424 14.784C23.424 13.776 22.608 12.96 21.648 12.96H20.448C19.728 12.96 19.056 12.528 18.816 11.808L18.48 10.944C17.664 8.928 15.984 7.392 13.968 6.768L11.232 5.904C10.608 5.712 9.936 5.616 9.312 5.616C7.584 5.616 5.904 6.336 4.656 7.584L3.36 8.928C2.64 9.648 2.64 10.8 3.36 11.52C4.08 12.24 5.184 12.24 5.904 11.52L7.2 10.176L7.056 10.08ZM5.088 20.16H1.776C0.767999 20.16 0 20.976 0 21.984C0 22.992 0.815999 23.808 1.776 23.808H5.664C6.72 23.808 7.68 23.184 8.112 22.176L8.736 20.688L8.208 20.352C7.248 19.728 6.48 18.816 6.096 17.76L5.04 20.112L5.088 20.16Z' fill='white'/%3E%3C/svg%3E") no-repeat center / auto 60%; } #servicos .big-numbers { list-style: none; margin-top: 5rem; display: flex; flex-wrap: wrap; gap: 20px 40px; justify-content: center; } #servicos .big-numbers li { flex: 0 0 200px; text-align: center; } #servicos .big-numbers li + li { margin-top: 0; } #servicos .big-numbers li strong { font-size: 3rem; line-height: 1; color: var(--green-l); display: block; font-weight: 600; } @media ( min-width: 900px ){ #servicos p, #servicos dd { font-size: 1.125rem; } } @media ( max-width: 899px ) { #servicos dt { font-size: 1.75rem; } } @media ( max-width: 599px ) { #servicos dt, #servicos dd { flex: 0 0 100%; } #servicos dt { padding: 20px 0 0 0; border-bottom: 0; font-size: 1.5rem; } /* #servicos dt::before { width: 20px; height: 20px; } */ #servicos dt::before { display: block; margin-bottom: 8px; } #servicos dd { padding: 20px 0; } } #sobre-nos {} #sobre-nos img { border-radius: 20px; box-shadow: 0 60px 60px 0 rgba(0, 0, 0, 0.09), 0 18px 36px 0 rgba(0, 0, 0, 0.10); } @media ( min-width: 600px ){ #sobre-nos .col:nth-child( 3 ) { order: 4; } } @media ( min-width: 900px ){ #sobre-nos p { font-size: 1.125rem; } } @media ( min-width: 1200px ){ #sobre-nos .row { --gap-x: 40px; --gap-y: 40px; } } #equipe {} #equipe h2 { text-align: center; } #equipe p { text-align: center; } #equipe ul { list-style: none; margin-top: 3rem; } #equipe li { margin-top: 0; display: flex; flex-direction: column; align-items: center; gap: 8px; } #equipe li * { margin-top: 0; } #equipe li h3 { font-size: 1.25rem; font-weight: 600; padding-top: 8px; text-align: center; } #equipe li img { order: -1; border-radius: 8px; } #equipe li p { font-size: 0.875rem; } @media ( min-width: 900px ){ #equipe p { font-size: 1.125rem; } } @media ( max-width: 599px ){ #equipe li h3 { font-size: 1.125rem; } } #unidades {} #unidades h2 { text-align: center; } #unidades h2 + p { text-align: center; max-width: 640px; margin-inline: auto; } #unidades .row { margin-top: 3rem; } #unidades .unidade { filter: drop-shadow(0 17px 37px rgba(0, 0, 0, 0.10)) drop-shadow(0 66px 66px rgba(0, 0, 0, 0.09)); background: #fff; border-radius: 20px; } #unidades .unidade img { border-radius: 20px 20px 0 0; } #unidades .unidade .infos { padding: 20px; } #unidades .unidade .infos h3 { font-size: 1.5rem; font-weight: normal; } #unidades .unidade .infos p { margin-top: 8px; } #unidades .unidade .infos ul { list-style: none; } #unidades .unidade .infos li { padding-left: 24px; } #unidades .unidade .infos li + li { margin-top: 12px; } #unidades .unidade .infos li.address { background: url("data:image/svg+xml,%3Csvg width='12' height='16' viewBox='0 0 12 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.74062 15.6C8.34375 13.5938 12 8.73125 12 6C12 2.6875 9.3125 0 6 0C2.6875 0 0 2.6875 0 6C0 8.73125 3.65625 13.5938 5.25938 15.6C5.64375 16.0781 6.35625 16.0781 6.74062 15.6ZM6 4C6.53043 4 7.03914 4.21071 7.41421 4.58579C7.78929 4.96086 8 5.46957 8 6C8 6.53043 7.78929 7.03914 7.41421 7.41421C7.03914 7.78929 6.53043 8 6 8C5.46957 8 4.96086 7.78929 4.58579 7.41421C4.21071 7.03914 4 6.53043 4 6C4 5.46957 4.21071 4.96086 4.58579 4.58579C4.96086 4.21071 5.46957 4 6 4Z'/%3E%3C/svg%3E") no-repeat 2px 4px / auto 16px; } /* #unidades .unidade .infos li.phone { background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.15312 0.768722C4.9125 0.187472 4.27812 -0.121903 3.67188 0.0437222L0.921875 0.793722C0.378125 0.943722 0 1.43747 0 1.99997C0 9.73122 6.26875 16 14 16C14.5625 16 15.0563 15.6218 15.2063 15.0781L15.9563 12.3281C16.1219 11.7218 15.8125 11.0875 15.2312 10.8468L12.2312 9.59685C11.7219 9.38435 11.1313 9.53122 10.7844 9.95935L9.52188 11.5C7.32188 10.4593 5.54063 8.6781 4.5 6.4781L6.04063 5.21872C6.46875 4.86872 6.61562 4.28122 6.40312 3.77185L5.15312 0.771847V0.768722Z'/%3E%3C/svg%3E") no-repeat 0 4px; } */ #unidades .unidade .infos li.phone { background: var(--wa) no-repeat 0 4px / auto 16px; } #unidades .unidade .infos li.time { background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0C10.1217 0 12.1566 0.842855 13.6569 2.34315C15.1571 3.84344 16 5.87827 16 8C16 10.1217 15.1571 12.1566 13.6569 13.6569C12.1566 15.1571 10.1217 16 8 16C5.87827 16 3.84344 15.1571 2.34315 13.6569C0.842855 12.1566 0 10.1217 0 8C0 5.87827 0.842855 3.84344 2.34315 2.34315C3.84344 0.842855 5.87827 0 8 0ZM7.25 3.75V8C7.25 8.25 7.375 8.48438 7.58437 8.625L10.5844 10.625C10.9281 10.8562 11.3938 10.7625 11.625 10.4156C11.8562 10.0687 11.7625 9.60625 11.4156 9.375L8.75 7.6V3.75C8.75 3.33437 8.41562 3 8 3C7.58437 3 7.25 3.33437 7.25 3.75Z'/%3E%3C/svg%3E") no-repeat 0 4px / auto 16px; } #unidades .unidade .infos li span { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); border: 0; white-space: nowrap; /* Ensures words are not smushed together */ } @media ( min-width: 900px ){ #unidades h2 + p { font-size: 1.125rem; } } @media ( min-width: 1200px ){ #unidades .row { --gap-x: 40px; --gap-y: 40px; } } @media ( max-width: 899px ) { #unidades h2 + p { max-width: 580px; } #unidades .unidade .infos h3 { font-size: 1.25rem; } } @media ( max-width: 599px ) { #unidades .unidade .infos h3 { font-size: 1.125rem; } } #agendar-avaliacao { background: var(--green-d); } #agendar-avaliacao h2 { text-align: center; } #agendar-avaliacao h2 + p { text-align: center; max-width: 490px; margin-inline: auto; } #agendar-avaliacao .row { margin-top: 40px; } #agendar-avaliacao form {} #agendar-avaliacao form.sending { position: relative;} #agendar-avaliacao form.sending::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(180 187 177 / 50%) url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg' stroke='%23000'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(1 1)' stroke-width='2'%3E%3Ccircle stroke-opacity='.5' cx='18' cy='18' r='18'/%3E%3Cpath d='M36 18c0-9.94-8.06-18-18-18'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='1s' repeatCount='indefinite'/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center; z-index: 3; } #agendar-avaliacao form .form-output:not(:empty) p { padding: 8px 12px; border-radius: 8px; color: #fff; } #agendar-avaliacao form .form-output p.error { background: var(--red); } #agendar-avaliacao form .form-output p.success { background: var(--green-l); color: var(--gray-d); } #agendar-avaliacao form .field-wrap {} #agendar-avaliacao form *:not(:empty) + .field-wrap { margin-top: 20px;} #agendar-avaliacao form label { display: block; padding-bottom: 4px; } #agendar-avaliacao form :where( .text, .select ) { display: block; padding: 8px 12px; border-radius: 8px; width: 100%; border: 1px solid #fff; } #agendar-avaliacao form .error :where( .text, .select ) { border-color: var(--red); } #agendar-avaliacao form .select { appearance: none; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z' fill='%23262626'/%3E%3C/svg%3E") no-repeat calc( 100% - 12px ) 50% / 12px auto; } #agendar-avaliacao form .submit { width: 100%; padding: 8px 20px; text-align: center; background-color: var(--green-l); color: var(--gray-d); border-radius: 8px; } #agendar-avaliacao form .submit:hover { background-color: var(--gray-d); color: #fff; } #agendar-avaliacao h3 { font-size: 1.25rem; font-weight: normal; } #agendar-avaliacao p > a { padding-left: 24px; } #agendar-avaliacao p > a:hover { color: #fff; } #agendar-avaliacao p > a.wa { background: var(--wa) no-repeat 0 4px / 16px auto; } #agendar-avaliacao p > a.email { background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 2C0.671875 2 0 2.67188 0 3.5C0 3.97187 0.221875 4.41562 0.6 4.7L7.4 9.8C7.75625 10.0656 8.24375 10.0656 8.6 9.8L15.4 4.7C15.7781 4.41562 16 3.97187 16 3.5C16 2.67188 15.3281 2 14.5 2H1.5ZM0 5.5V12C0 13.1031 0.896875 14 2 14H14C15.1031 14 16 13.1031 16 12V5.5L9.2 10.6C8.4875 11.1344 7.5125 11.1344 6.8 10.6L0 5.5Z'/%3E%3C/svg%3E%0A") no-repeat 0 4px; } #agendar-avaliacao * + h3 { margin-top: 60px; } @media ( min-width: 900px ){ #agendar-avaliacao p { font-size: 1.125rem; } } @media ( min-width: 1200px ){ #agendar-avaliacao .row { --gap-x: 40px; --gap-y: 40px; } } @media ( max-width: 599px ){ #agendar-avaliacao .row { --gap-y: 60px; } } #foot { background: var(--gray-d); color: var(--gray); padding: 60px 0; font-size: .875rem; } #foot hgroup { width: 210px; max-width: 100%; aspect-ratio: 7/2; text-indent: -999rem; background: url('../img/logo.webp') no-repeat 0 50% / contain; } #foot hgroup + p { margin-top: 20px; } #foot h3 { font-size: 1.25rem; font-weight: 400; color: white; } #foot a { color: var(--gray); } #foot a:hover { color: var(--green-l); } #foot ul { margin-top: 20px; list-style: none; } #foot ul li { margin-top: 8px; } #foot .row + .row { margin-top: 40px; border-top: 1px solid var(--gray); padding-top: 40px; } #foot .ar { text-align: right; } #foot .ar a { color: white; } #foot .ar a:hover { color: var(--green-l); } @media ( min-width: 1200px ){ #foot .row { --gap-x: 40px; --gap-y: 40px; } } @media ( max-width: 599px ){ /* #foot hgroup { margin-inline: auto; } #foot p, #foot h3, #foot ul li, #foot .ar { text-align: center; } */ }