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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html {overflow-y: scroll;}
body {color:#fff; height:100%; background: #fff;}
body, input, textarea {font-family: 'Kanit', sans-serif;}
img {border:0; }
a {color:inherit; text-decoration:none; width: 100%;}
a:hover {text-decoration:none;}
:focus {outline:0;}

html, #wrapper {height:100%;}

body > #wrapper {height:auto; min-height:100vh; margin:0; font-family: 'FONTSPRING DEMO - Visby CF', sans-serif;}
p { font-style: normal; line-height: 25px; margin: 0; }

img { display: block; width: 100%;}
/* CLEAR FIX*/
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
*html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.show{display: inline;}
.hide{display: none;}

h2,h3,h4,h5,h6,p {font-weight:bold; margin: 0; padding: 0;}

ul, li {list-style:none; margin: 0;} fieldset {border:0;} textarea {resize:none;}
img { display: block; max-width: 100%; }


#wrapper { background: #FFF;}

.wrap-loading {width: 100%; height: 100%; top: 0; left: 0; position: fixed; background: rgba(0,0,0,.6) url(../images/loading.svg) center no-repeat; z-index: 10000; display: none;}
.indent { max-width: 90%; width: 1520px; padding: 0 15px; margin: auto; }

#hamburger{display: none;}

.mobile {display: none;}
.desktop {display: block;}

@font-face {
    font-family: 'FONTSPRING DEMO - Visby CF';
    src: url('./fonts/FONTSPRINGDEMO-VisbyCFBoldItalic.eot');
    src: url('./fonts/FONTSPRINGDEMO-VisbyCFBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFBoldItalic.woff2') format('woff2'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFBoldItalic.woff') format('woff'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFBoldItalic.ttf') format('truetype'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFBoldItalic.svg#FONTSPRINGDEMO-VisbyCFBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FONTSPRING DEMO - Visby CF';
    src: url('./fonts/FONTSPRINGDEMO-VisbyCFBoldRegular.eot');
    src: url('./fonts/FONTSPRINGDEMO-VisbyCFBoldRegular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFBoldRegular.woff2') format('woff2'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFBoldRegular.woff') format('woff'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFBoldRegular.ttf') format('truetype'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFBoldRegular.svg#FONTSPRINGDEMO-VisbyCFBoldRegular') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FONTSPRING DEMO - Visby CF';
    src: url('./fonts/FONTSPRINGDEMO-VisbyCFHeavyItalic.eot');
    src: url('./fonts/FONTSPRINGDEMO-VisbyCFHeavyItalic.eot?#iefix') format('embedded-opentype'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFHeavyItalic.woff2') format('woff2'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFHeavyItalic.woff') format('woff'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFHeavyItalic.ttf') format('truetype'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFHeavyItalic.svg#FONTSPRINGDEMO-VisbyCFHeavyItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FONTSPRING DEMO - Visby CF';
    src: url('./fonts/FONTSPRINGDEMO-VisbyCFMediumRegular.eot');
    src: url('./fonts/FONTSPRINGDEMO-VisbyCFMediumRegular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFMediumRegular.woff2') format('woff2'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFMediumRegular.woff') format('woff'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFMediumRegular.ttf') format('truetype'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFMediumRegular.svg#FONTSPRINGDEMO-VisbyCFMediumRegular') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FONTSPRING DEMO - Visby CF Extra';
    src: url('./fonts/FONTSPRINGDEMO-VisbyCFExtraBoldItalic.eot');
    src: url('./fonts/FONTSPRINGDEMO-VisbyCFExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFExtraBoldItalic.woff2') format('woff2'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFExtraBoldItalic.woff') format('woff'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFExtraBoldItalic.ttf') format('truetype'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFExtraBoldItalic.svg#FONTSPRINGDEMO-VisbyCFExtraBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FONTSPRING DEMO - Visby CF Demi';
    src: url('./fonts/FONTSPRINGDEMO-VisbyCFDemiBoldItalic.eot');
    src: url('./fonts/FONTSPRINGDEMO-VisbyCFDemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFDemiBoldItalic.woff2') format('woff2'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFDemiBoldItalic.woff') format('woff'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFDemiBoldItalic.ttf') format('truetype'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFDemiBoldItalic.svg#FONTSPRINGDEMO-VisbyCFDemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FONTSPRING DEMO - Visby CF';
    src: url('./fonts/FONTSPRINGDEMO-VisbyCFLightRegular.eot');
    src: url('./fonts/FONTSPRINGDEMO-VisbyCFLightRegular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFLightRegular.woff2') format('woff2'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFLightRegular.woff') format('woff'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFLightRegular.ttf') format('truetype'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFLightRegular.svg#FONTSPRINGDEMO-VisbyCFLightRegular') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FONTSPRING DEMO - Visby CF Extra';
    src: url('./fonts/FONTSPRINGDEMO-VisbyCFExtraBoldRegular.eot');
    src: url('./fonts/FONTSPRINGDEMO-VisbyCFExtraBoldRegular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFExtraBoldRegular.woff2') format('woff2'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFExtraBoldRegular.woff') format('woff'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFExtraBoldRegular.ttf') format('truetype'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFExtraBoldRegular.svg#FONTSPRINGDEMO-VisbyCFExtraBoldRegular') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FONTSPRING DEMO - Visby CF Demi';
    src: url('./fonts/FONTSPRINGDEMO-VisbyCFDemiBoldRegular.eot');
    src: url('./fonts/FONTSPRINGDEMO-VisbyCFDemiBoldRegular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFDemiBoldRegular.woff2') format('woff2'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFDemiBoldRegular.woff') format('woff'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFDemiBoldRegular.ttf') format('truetype'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFDemiBoldRegular.svg#FONTSPRINGDEMO-VisbyCFDemiBoldRegular') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FONTSPRING DEMO - Visby CF';
    src: url('./fonts/FONTSPRINGDEMO-VisbyCFRegular.eot');
    src: url('./fonts/FONTSPRINGDEMO-VisbyCFRegular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFRegular.woff2') format('woff2'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFRegular.woff') format('woff'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFRegular.ttf') format('truetype'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFRegular.svg#FONTSPRINGDEMO-VisbyCFRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FONTSPRING DEMO - Visby CF';
    src: url('./fonts/FONTSPRINGDEMO-VisbyCFLightItalic.eot');
    src: url('./fonts/FONTSPRINGDEMO-VisbyCFLightItalic.eot?#iefix') format('embedded-opentype'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFLightItalic.woff2') format('woff2'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFLightItalic.woff') format('woff'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFLightItalic.ttf') format('truetype'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFLightItalic.svg#FONTSPRINGDEMO-VisbyCFLightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FONTSPRING DEMO - Visby CF';
    src: url('./fonts/FONTSPRINGDEMO-VisbyCFMediumItalic.eot');
    src: url('./fonts/FONTSPRINGDEMO-VisbyCFMediumItalic.eot?#iefix') format('embedded-opentype'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFMediumItalic.woff2') format('woff2'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFMediumItalic.woff') format('woff'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFMediumItalic.ttf') format('truetype'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFMediumItalic.svg#FONTSPRINGDEMO-VisbyCFMediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FONTSPRING DEMO - Visby CF';
    src: url('./fonts/FONTSPRINGDEMO-VisbyCFHeavyRegular.eot');
    src: url('./fonts/FONTSPRINGDEMO-VisbyCFHeavyRegular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFHeavyRegular.woff2') format('woff2'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFHeavyRegular.woff') format('woff'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFHeavyRegular.ttf') format('truetype'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFHeavyRegular.svg#FONTSPRINGDEMO-VisbyCFHeavyRegular') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FONTSPRING DEMO - Visby CF';
    src: url('./fonts/FONTSPRINGDEMO-VisbyCFThinRegular.eot');
    src: url('./fonts/FONTSPRINGDEMO-VisbyCFThinRegular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFThinRegular.woff2') format('woff2'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFThinRegular.woff') format('woff'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFThinRegular.ttf') format('truetype'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFThinRegular.svg#FONTSPRINGDEMO-VisbyCFThinRegular') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FONTSPRING DEMO - Visby CF';
    src: url('./fonts/FONTSPRINGDEMO-VisbyCFItalic.eot');
    src: url('./fonts/FONTSPRINGDEMO-VisbyCFItalic.eot?#iefix') format('embedded-opentype'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFItalic.woff2') format('woff2'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFItalic.woff') format('woff'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFItalic.ttf') format('truetype'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFItalic.svg#FONTSPRINGDEMO-VisbyCFItalic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FONTSPRING DEMO - Visby CF';
    src: url('./fonts/FONTSPRINGDEMO-VisbyCFThinItalic.eot');
    src: url('./fonts/FONTSPRINGDEMO-VisbyCFThinItalic.eot?#iefix') format('embedded-opentype'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFThinItalic.woff2') format('woff2'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFThinItalic.woff') format('woff'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFThinItalic.ttf') format('truetype'),
        url('./fonts/FONTSPRINGDEMO-VisbyCFThinItalic.svg#FONTSPRINGDEMO-VisbyCFThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}



/* CSS VARIABLES */
:root {
	--default: #808080;
	--blue: #0986CC;
	--light-blue: #84C2E5;
    --green: #53BC73;
	--white: #FFF;
}

/* GENERAL STYLES */
.mobile {display: none;}
.desktop {display: block;}

#content h1 {font-size: 4.166666666666667vw; font-weight: 900; margin: 0;}
#content h2 {font-size: 3.3333333333333335vw; font-weight: 900; margin: 0;}
#content h3 {font-size: 2.5vw; font-weight: 900; margin: 0;}
img {width: 100%; height: 100%; display: block;}
b {font-weight: bold;}
/* HEADER STYLES */
header {backdrop-filter: blur(20px); box-shadow: 0 8px 16px rgba(0,0,0,.16); position: fixed; top: 0; left: 0; width: 100%; z-index: 1001;}
header .container {display: flex; align-items: center; justify-content: space-between; padding: 24px 0; gap: 80px;}
header .container .logo {max-width: 224px; width: 100%; height: auto;}
header .container ul {display: flex; align-items: center; gap: 8px; margin: 0;}
header .container ul li a {max-width: 40px; width: 100%; height: auto;}

/* MAIN STYLES */
#content .banner {height: 65.52083333333333vw; width: 100%; background: url(./../images/banner-home.webp) center center no-repeat; background-size: 100% 100%; position: relative;}
#content .banner .oque-fazemos {max-width: 15.729166666666666vw; height: 9.0625vw; background: url(./../images/oque-fazemos.svg) center center no-repeat; background-size: 100% 100%; position: absolute; bottom: -4.53125vw; transform: translateX(-50%); left: 50%;}
#content .container-card {display: flex; align-items: center; width: 100%;}
#content .container-card .img {max-width: 50vw; width: 100%; height: auto;}
#content .container-card .box-text{padding: 0 10.260416666666666vw 0 5.416666666666667vw;}
#content .container-card .box-text h2 {color: var(--green); display: flex; gap: 0.78125vw; flex-direction: row-reverse; justify-content: flex-end;}
#content .container-card .box-text h2::after {content: ''; display: block; width: 2.2916666666666665vw; margin-top: 5px; height: 1.71875vw; background: url(./../images/check.svg) center center no-repeat; background-size: 100%; }
#content .container-card:last-child {flex-direction: row-reverse;}
#content .container-card:last-child .box-text h1 {color: var(--blue);}
#content .container-card:last-child .box-text h1 span{color: var(--light-blue);}

#content .pmoc {background: url(./../images/bg-pmoc.webp) #F5F5F5 top center no-repeat; background-size: 100%; padding: 4.635416666666667vw 0 0;}
#content .pmoc .container {display: flex; flex-direction: column; gap: 2.6041666666666665vw; width: 100%;}
#content .pmoc .container .title {display: flex; flex-direction: column; gap: 1.3020833333333333vw; width: 100%; align-items: center; justify-content: center;}
#content .pmoc .container .title .img {max-width: 6.302083333333333vw; width: 100%; height: auto;}
#content .pmoc .container .title h3 {color: var(--green);}
#content .pmoc .container .content {display: flex; justify-content: center; align-items: center;}
#content .pmoc .container .content .img {max-width: 20.260416666666668vw; width: 100%; height: auto;}
#content .pmoc .container .box-text {display: flex; flex-direction: column; gap: 1.3020833333333333vw;}
#content .pmoc .container .box-text h3 {color: var(--blue);}
#content .pmoc .container .box-text p {font-size: 1.0416666666666667vw; text-align: left; color: var(--default); margin: 0; font-weight: 400;}

#content .manutencao {display: flex; flex-direction: column; }
#content .manutencao .container {display: flex; align-items: center; gap: 3.0729166666666665vw; flex-direction: row;}
#content .manutencao .container .img {max-width: 36.458333333333336vw; width: 100%; height: auto; border-radius: 20px; overflow: hidden;}
#content .manutencao .container h2 {font-size: 3.95vw; color: var(--blue);}
#content .manutencao .container h2 span {color: var(--green);}
#content .manutencao .duracao {display: flex; align-items: center; gap: 16px; transform: translateY(40px);}
#content .manutencao .duracao .card {background-color: var(--white); padding: 3.8541666666666665vw 5.625vw 3.90625vw; border-radius: 40px; display: flex; align-items: center; flex-direction: column; justify-content: flex-start; gap: 2.0833333333333335vw; max-width: 25.833333333333332vw; width: 100%; height: 17.916666666666668vw; position: relative;}
#content .manutencao .duracao .card::after {content: ''; display: block; background: url(./../images/check-mobile.svg) center center no-repeat; background-size: 100% 100%; width: 22px; height: 32px; position: absolute; left: 27px; top: 27px;}
#content .manutencao .duracao .card h3 {color: var(--blue);}
#content .manutencao .duracao .card p {color: var(--default); font-size: 1.6666666666666667vw; margin: 0; text-align: center; line-height: 1.5; font-weight: 400;}

#content .orcamento {background: url(./../images/banner-bottom.webp) center center no-repeat; background-size: 100% 100%;}
#content .orcamento .container {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3.75vw; width: 100%; padding: 14.270833333333334vw 0 3.90625vw;}
#content .orcamento .container h2 {color: var(--white); font-size: 3.75vw; text-align: center;}
#content .orcamento .container a {display: flex; align-items: center; gap: 10px; padding: 0.8333333333333334vw 1.9270833333333333vw; background: var(--white); border-radius: 50px; width: fit-content;}
#content .orcamento .container a .icon {max-width: 1.8229166666666667vw; width: 100%; height: auto;}
#content .orcamento .container a .numero {display: flex; align-items: center; gap: 5px;}
#content .orcamento .container a .numero span {font-size: 0.9895833333333334vw; color: var(--blue); text-align: left; font-weight: bold;}
#content .orcamento .container a .numero h6 {font-size: 1.7708333333333333vw; color: var(--blue); text-align: left; font-weight: bold;}

/* FOOTER STYLES */
footer {background: var(--white); position: relative;}
footer::after {content: ''; display: block; max-width: 40vw; width: 100%; height: 15.46875vw; background: url(./../images/detail.webp) center center no-repeat; background-size: 100% 100%; position: absolute; right: 9.635416666666666vw; bottom: 1.3020833333333333vw;}
footer .container {display: flex; align-items: center; gap: 7.5vw; justify-content: flex-start; width: 100%; padding: 5.885416666666667vw 0 3.6979166666666665vw; }
footer .container .logo {max-width: 12.5vw; width: 100%; height:  auto;}
footer .container .contatos {display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 13px;}
footer .container .contatos .social-media ul {display: flex; align-items: center; gap: 8px; margin: 0;}
footer .container .contatos .social-media ul li a {max-width: 2.0833333333333335vw; width: 100%; height: auto;}
footer .container .contatos .whatsapp {display: flex; align-items: center; gap: 10px; }
footer .container .contatos .whatsapp .icon {max-width: 30px; width: 100%; height: auto;}
footer .container .contatos .whatsapp .numero {display: flex; align-items: center; gap: 5px;}
footer .container .contatos .whatsapp .numero span {font-size: 15px; color: var(--blue); text-align: left; font-weight: bold;}
footer .container .contatos .whatsapp .numero h6 {font-size: 1.4583333333333333vw; color: var(--blue); text-align: left; font-weight: bold;}
footer .container .contatos .email {color: var(--blue); font-size: 1.25vw; text-align: left;}
footer .redhot {background-color: #DFDFDF; display: flex; justify-content: center; align-items: center; padding: 10px 0; position: relative; z-index: 9; }
/* MAIN STYLES	 */



/* RESPONSIVE BREAKPOINTS */
@media(max-width: 1500px){
    #content {padding: 97px 0 0;}
}

@media(max-width: 1150px){
    #content .pmoc .container .box-text p {font-size: 14px;}
    #content .manutencao .duracao .card p {font-size: 14px;}

    footer::after {right: 15px; top: 20px; bottom: unset;}
    footer .container {gap: 20px; padding: 40px 0 30px;}
    footer .container .logo {max-width: 140px;}
    footer .container .contatos .social-media ul li,
    footer .container .contatos .social-media ul li a {max-width: 27px;}
    footer .container .contatos .whatsapp .icon {max-width: 20px;}
    footer .container .contatos .whatsapp .numero h6 {font-size: 18px;}
    footer .container .contatos .email {font-size: 14px;}
}

@media(max-width: 800px){
    .mobile {display: block;}
    .desktop {display: none;}
    .show {display: none;}

    #content h1 {font-size: 34px;}
    #content h2 {font-size: 20px;}
    #content h3 {font-size: 20px;}

    header {background-color: #FFF; box-shadow: none;}
    header .container .logo {max-width: 144px;}
    header .container ul li {max-width: 30px;}
    header .container ul li a {max-width: 30px;}

    #content {padding: 80px 0 0;}
    #content .banner {background: url(./../images/banner-home-mobile.webp) center center no-repeat; background-size: 100% 100%; height: 105.520833vw; }
    #content .banner .oque-fazemos {max-width: 146px; height: 84px; bottom: -42px;}

    #content .container-card {flex-direction: column;}
    #content .container-card .img {max-width: 100%;}
    #content .container-card .box-text {width: 100%; padding: 60px 43px;}
    #content .container-card:last-child {flex-direction: column;}
    #content .container-card .box-text h2 {align-items: flex-start;}
    #content .container-card .box-text h2::after {margin: 0; background: url(./../images/check-mobile.svg) center center no-repeat; background-size: 100% 100%; height: 16px; width: 16px;}

    #content .pmoc .container .title h3 {text-align: center;}
    #content .pmoc {padding: 60px 0 0;}
    #content .pmoc .container .title {gap: 10px; padding-bottom: 30px;}
    #content .pmoc .container .title .img {max-width: 34px;}
    #content .pmoc .container .box-text {gap: 20px;}
    #content .pmoc .container .content {flex-direction: column; gap: 20px;}
    #content .pmoc .container .content .img {max-width: 140px;}

    #content .manutencao .container {flex-direction: column;}
    #content .manutencao .container .img {max-width: 100%;}
    #content .manutencao .container h2 {font-size: 30px;}

    #content .manutencao .duracao {flex-direction: column;}
    #content .manutencao .duracao .card {padding: 40px 0; max-width: 100%; height: 181px; gap: 40px; border-radius: 20px;}

    #content .orcamento {background: url(./../images/banner-bottom-mobile.webp) center center no-repeat; background-size: 100% 100%; height: 67.083333vw;}
    #content .orcamento .container {padding: 21.270833vw 0 13.90625vw; gap: 25px;}
    #content .orcamento .container h2 {font-size: 24px;}
    #content .orcamento .container a {padding: 8px 22px;}
    #content .orcamento .container a .icon {max-width: 19px;}
    #content .orcamento .container a .numero span {font-size: 10px;}
    #content .orcamento .container a .numero h6 {font-size: 18px;}

    footer .redhot .img {max-width: 120px;}
    footer .container .contatos .whatsapp .numero span {font-size: 10px;}

    footer::after {top: 50px;}
    footer .container {flex-direction: column; align-items: flex-start;}
}

@media(max-width: 375px) {
    #content .orcamento .container h2 {font-size: 22px;}
    #content .orcamento .container { padding: 20.270833vw 0 13.90625vw; gap: 5px; }
    footer::after {max-width: 164px; height: 56px;}
}