@import url('//fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); :root {   --blue:#223645;   --red: #d12d2c;   --litegray: #f3f3f3;   --swiper-theme-color: #223645; }  body {   font-size: 16px;   font-family: "Montserrat", sans-serif; } a {   color:var(--red); } header .phonewrapper {   display:flex;   justify-content:end;   position: relative;   } header .phoneup {   display:flex;   justify-content:end;   background:var(--blue);   color:white;   align-items:center;   gap:3px;   clip-path: polygon(   0% 0%,  100% 0%, 100% 100%, 30px 100% );   padding-left:20px;   position:relative;   padding: 3px 0 3px 30px;   border-bottom: 1px solid var(--blue); } header .phonewrapper:after {   position:absolute;  background:var(--blue);   bottom: 0px;   top:0;   content:'';   display:block;   width: 51%;   right: -50%;   z-index:-1; } header .phoneup a {   color:white; } header .logowrapper {   padding:20px 0;   display:flex;   gap:20px;   align-content:center; } header .sidebar-trigger-mainmenu {   display:flex;   align-items:center;   background:var(--blue);   color:white;   padding:8px;   align-self:center;   border-radius:10px;  margin-left: auto; } header ul.simple-menu a {   color:var(--blue);   font-weight:bold;   transition:0.5s ease; } header ul.simple-menu a:hover {   color:var(--red); } header .sidebar-mainmenu ul.simple-menu {   margin-top:20px; } header .sidebar-mainmenu ul.simple-menu li {   padding-bottom:5px; } .box.wphone:before {  content:'';  display:block;   height:300px;  width: 100%;  background: url(//qualitel.puze.com.br/__qualitel2/imgs/phonemob.webp) no-repeat left center;  background-size:contain;   }  .stars {   color:var(--blue);   font-size:16px;  margin-bottom: 5px; } .box h1, footer h1 {   text-align:center;   line-height:1.3;   color:var(--blue); } .box {   padding:30px 0 } .box h1 .over, footer h1 .over {   color:var(--red);   font-size:16px;   font-weight: 600;   text-transform: uppercase;   margin: 15px 0; } ul.checks {   list-style-type:none;   padding:0;   color:var(--blue);   line-height:1.2 } ul.checks li:before {   --icon: url("//qualitel.puze.com.br/css/icons/check-square-fill.svg?c=1");   content: "";   display: inline-block;   width: 1.5em;   height: 1.5em;   background-color: currentColor; mask: var(--icon) no-repeat center / contain;   -webkit-mask: var(--icon) no-repeat center / contain;   flex: 0 0 auto; } ul.checks li {   display:flex;   gap:8px;   align-items:center;   font-weight:bold;   margin-bottom:10px; } .separ {   text-align:center;   margin-top:30px; } .button, .simple-menu li.menu-orcamento a {   background:var(--red);   color:white;   padding:10px 30px;   border-radius:30px;   display:inline-block;   text-transform:uppercase;   font-size:14px;   font-weight:bold;   transition:0.5s ease; } .simple-menu li.menu-orcamento a:hover, .button:hover {   background:#e63d3c;   color:white; } .box.blue {   background:url(//qualitel.puze.com.br/__qualitel2/imgs/fundoazul.webp) no-repeat center center var(--blue);   background-size:cover;   color:white; } .box.blue h1, .box.blue h1 .over {   color:white; } .box.blue h1 .over {   text-transform:uppercase;   font-weight:normal; } :root .box.blue .swiperJS {   --swiper-theme-color: #ffffff; } .atitem {   background:#2f4454;   padding: 40px;   border-radius:20px;   text-align:center; } .atitem img { margin:0 auto 10px; } .atitem .tititem {   font-size:24px;   font-weight:bold;   margin-bottom:10px; } .atitem .txtitem p {   margin:0; } .swiper-atuacao .swiper-slide, .swiper-produtos .swiper-slide{   max-width:300px; } .box.litegray {   background: var(--litegray); } .proditem img {   border-radius:20px 20px 0 0; } .proditem {   background:white;   border-radius:20px; } .proditem .content {   padding:10px 20px; } .proditem .tititem {   font-weight: 600;   color:var(--blue); } .proditem .txtitem {   font-size:13px;   margin:5px 0 }  .proditem .btn, form.sample button{   background:var(--blue);   color:white;   text-transform:uppercase;   padding:3px 15px;   display:flex;   border-radius:20px;   font-size:14px;   font-weight: 600;   align-items:center;   transition:0.5s ease; } form.sample button {   display:block;   width:100%;   } .proditem .btn:after {  --icon: url("//qualitel.puze.com.br/css/icons/arrow-right-bold.svg");   content: "";   display: inline-block;   width: 1.5em;   height: 1.5em;   background-color: currentColor; mask: var(--icon) no-repeat center / contain;   -webkit-mask: var(--icon) no-repeat center / contain;   margin-left:auto; } .proditem a:hover .btn, form.sample button:hover {   background:var(--red) } .redbox {   background: var(--red);   color: white;   font-size: 22px;   font-weight: 600;   text-align: center;   padding: 35px 0;   line-height: 1.2;   position:relative; } .redbox:after {   clip-path: polygon(   0% 0%,   100% 0%,  50% 100% );   background: var(--red);   height:25px;   display:block;   content:'';   position:absolute;   bottom:-24px;   width:25px;   left:50%;   transform: translate(-50%,0); } .bluetop {   background:linear-gradient( to bottom,   var(--blue) 130px,  var(--litegray) 130px );   padding:50px 0 } footer {   background:var(--litegray); } a.video_play_icon img {   border-radius: 20px; } footer a.logo {   display:block;   margin:0 auto 30px; } footer a.logo img {   margin:0 auto; } .rednumber {   background:var(--red);   color:white;   text-align:center;   line-height:1.3;   border-radius:30px; } .rednumber .numb {   padding:20px 0;   border-bottom:1px solid white; } .rednumber .numb:last-child {  border:none; } .rednumber .bignumb {   font-size:50px;   font-weight:bold; } footer {   background: var(--litegray);   border-bottom:50px solid var(--blue);  } footer .sides {   background: url(//qualitel.puze.com.br/__qualitel2/imgs/fundolite.webp) no-repeat center right;  } footer .info {   display:flex;   gap:10px;   margin-bottom:10px;   border-bottom:1px solid #e6e6e6;   padding-bottom:10px; } footer .info:last-child {   border-bottom:none;   margin-bottom:none; } footer .info .content .name {   text-transform:uppercase;   font-size:14px;   color:#7a8a9e; } footer .info .content .data {   font-weight:600;   color:var(--blue); } footer .info .content .data a {   color:var(--blue); } footer .info i {   margin-top:5px; } footer .contato-wrapper {   background:white;   padding:15px;   border-radius:20px;   margin-bottom:20px; } footer .contato-wrapper h1 {   margin-top:0;   text-align:left; } form.sample .input {   border-top:none;   border-left:none;   border-right:none; } footer .sideb:before {   content:'';   display:block;   position:absolute;   width:200px;   height:200px;   background:url(//qualitel.puze.com.br/__qualitel2/imgs/cam1.webp) top right no-repeat;   right:-13%;   background-size:100%;   transform: scaleX(-1);   top:0;   margin-right:-15px;   pointer-events: none; } footer .sideb {   padding-top:90px;   position:relative; } .fieldname-nome {   position:relative;   } form.menuform-contato .input{   padding-right:25px; }  form.menuform-contato .fieldwrap:after {  --icon: url("//qualitel.puze.com.br/css/icons/user-circle.svg");  content: "";  display: inline-block;  width: 1.5em;  height: 1.5em;  background-color: currentColor;  mask: var(--icon) no-repeat center / contain;  -webkit-mask: var(--icon) no-repeat center / contain;  position: absolute;   right:2px;   top:3px; } form.menuform-contato .fieldname-email.fieldwrap:after {  --icon: url("//qualitel.puze.com.br/css/icons/envelope.svg"); } form.menuform-contato .fieldname-telefone.fieldwrap:after {  --icon: url("//qualitel.puze.com.br/css/icons/phone.svg"); } form.menuform-contato .fieldname-mensagem.fieldwrap:after {  --icon: url("//qualitel.puze.com.br/css/icons/pencil-simple.svg"); }