/* verde claro: #4dbd87 /* verde escuro: #0a8c82; branco: #f4f2e5*/ @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,700;0,800;0,900;1,600&display=swap'); /* .poppins-regular { font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; } .poppins-medium { font-family: "Poppins", sans-serif; font-weight: 500; font-style: normal; } .poppins-bold { font-family: "Poppins", sans-serif; font-weight: 700; font-style: normal; } .poppins-extrabold { font-family: "Poppins", sans-serif; font-weight: 800; font-style: normal; } .poppins-black { font-family: "Poppins", sans-serif; font-weight: 900; font-style: normal; } .poppins-semibold-italic { font-family: "Poppins", sans-serif; font-weight: 600; font-style: italic; } */ * { margin: 0; padding: 0; box-sizing: border-box; } /* ----- Cards com transição moderna ----- */ .card-hover{ transition: transform .25s ease, box-shadow .25s ease; will-change: transform, box-shadow; } .card-hover:hover{ transform: translateY(-4px); box-shadow: 0 16px 38px rgba(0,0,0,.30); } .card-hover:active{ transform: translateY(-2px); } /* Respeita quem prefere menos movimento */ @media (prefers-reduced-motion: reduce){ .card-hover{ transition: none !important; transform:none !important; box-shadow:none !important; } } /* Opcional: dá “respiro” nas métricas em telas grandes */ @media (min-width: 992px){ .metric-box{ border-radius: 20px; } } /* ---------- Scroll Reveal (genérico) ---------- */ :root{ --reveal-distance: 28px; --reveal-duration: .8s; --reveal-ease: cubic-bezier(.2,.6,.2,1); } .reveal{ opacity: 0; transform: translateY(var(--reveal-distance)); transition: opacity var(--reveal-duration) var(--reveal-ease), transform var(--reveal-duration) var(--reveal-ease); transition-delay: var(--delay, 0s); will-change: opacity, transform; } /* Variações */ .reveal.slide-left  { transform: translateX( var(--reveal-distance) ); } .reveal.slide-right { transform: translateX( calc(var(--reveal-distance) * -1) ); } .reveal.zoom-in     { transform: scale(.96); } /* Estado visível */ .reveal.in-view{ opacity: 1; transform: none; } /* Acessibilidade: se o utilizador prefere menos movimento */ @media (prefers-reduced-motion: reduce){ .reveal{ transition: none !important; transform: none !important; opacity: 1 !important; } } /* Microinteração em botões (opcional) */ .cta-button, .cta-button2, .cta-button3, .cta-button4{ transition: transform .25s, box-shadow .25s; } .cta-button:hover, .cta-button2:hover, .cta-button3:hover, .cta-button4:hover{ transform: translateY(-2px); box-shadow: 0 8px 22px rgba(0,0,0,.12); } body { font-family: "Poppins", sans-serif; font-style: normal; color: #333; } header { background-color: #0a8c82; padding: 20px 40px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .logo img { height: 40px; } nav ul { list-style: none; display: flex; gap: 20px; align-items: center; } .play-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: white; border-radius: 50%; width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; color: #078C84; font-size: 24px; box-shadow: 0 0 15px rgba(0,0,0,0.2); transition: transform 0.2s ease; } .play-button:hover { transform: translate(-50%, -50%) scale(1.1); } nav a { color: white; text-decoration: none; font-weight: bold; } .hero h1{ color: #0a8e83; font-size: 4rem; font-weight:900; font-style: normal; } .hero p{font-size:1.6rem;} .potente {font-size: 6.8rem;color: #fff!important;font-weight:700;} .faq_h1 h1{font-weight:700;line-height:1;} .text-direita h2, .text h2{ color: #4dbd87; font-size: 2.8rem; font-weight:900; } .text-direita span, .text span, .verde-claro{ color: #0a8c82;} .txt_branco span, .txt_branco, .txt_branco a {color:#f4f2e5;} .txt_branco h2 {color:#0a8c82;} .h1_branco, .branco p{color:#fff!important;} .txt_branco a {text-decoration:none;} .hero h1 span { color: #00d678; } h1 { color: #0a8e83; font-size: 3rem; } h1 span, h2 span { color: #00d678; } p { margin-top: 15px; font-size: 18px; color: #444; } .hero-img img { max-width: 100%; } .hero-img{position: absolute; right: 0;} .faq { display: flex; justify-content: space-between; padding: 60px 40px; gap: 40px; flex-wrap: wrap; } .faq-content { flex: 1; } .faq-content h2 { color: #49bf8f; font-size: 18px; margin: 20px 0 10px; font-weight: 900; } .faq-content p { font-size: 16px; color: #444; } .faq-image img { max-width: 100%; /* border-radius: 10px;*/ margin-top:30px; } .cta { background-color: #007b5e; color: white; text-align: center; padding: 50px 20px; } footer { background-color: #4cbd87; color: white; text-align: center; padding: 20px; } footer img { height: 30px; } footer .social img { height: 20px; margin: 0 10px; } nav ul { list-style: none; display: flex; gap: 35px; align-items: center; position: relative; } nav ul li { position: relative; } .submenu:hover .dropdown { display: block; } .dropdown li { padding: 10px; } .dropdown a { color: white; text-decoration: none; display: block; } .dropdown li:hover { background-color: #4dbd87; border-radius: 5px; } nav ul li:hover > .dropdown { display: block; } .bene_img{height: 500px;} /* Ajuste de altura */ .hero { /*height: 500px;*/ display: flex; justify-content: space-between; align-items: center; background: url('../imagens/bg-duvidas.jpeg') center center; /*background-size: cover;*/ padding: 120px 40px; flex-wrap: wrap; } .txt_fino{font-weight:100;} .img_home{background: url('../imagens/forragem-hidroponica-biofeed.jpg') center center; background-position: center; background-repeat: no-repeat; background-size: cover;} .img_bene{background: url('../imagens/fvh-beneficios-reais-biofeed.jpg') center center; background-position: center; background-repeat: no-repeat; background-size: cover;} .img_faq{background: url('../imagens/bg_faq.jpg') center center; background-position: center; background-repeat: no-repeat; background-size: cover;} .img_contato{background: url('../imagens/biofeed-bg-contato.jpg') center center; background-position: center; background-repeat: no-repeat; background-size: cover;} .contato_h{height:670px;} .contato_h h1{font-size:3rem;} .img_alimento{background: url('../imagens/biofeed-alimento-especie.jpg') center center; background-position: center; background-repeat: no-repeat; background-size: cover;} .img_alimento h1{font-size:3rem; font-weight:400;} .img_alimento p{color:#0a8e83;font-weight:400;} .img_sementes{background: url('../imagens/fvh-sementes-biofeed.jpg') center center; background-position: center; /*background-repeat: no-repeat;*/ background-size: cover;} .txt_sementes { margin-left: 7%;} .img_sementes h1{font-size:3rem; font-weight:400;} .img_sementes p{color:#0a8e83;font-weight:400;} .img_sementes_h {height:637px;} .img_estrutura{background: url('../imagens/plantas-producao-forragem-hidroponica.jpg') center center; background-position: center; background-size: cover;} .img_estrutura h1{font-size:3.8rem; font-weight:900;} .img_estrutura p{color:#0a8e83;font-weight:400;} .img_tecnologia{background: url('../imagens/tecnologia-fvh-biofeed--forragem-hidroponica.jpg') center center; background-position: center; background-size: cover;} .img_tecnologia h1{font-size:3.8rem; font-weight:900;} .img_tecnologia p{color:#0a8e83;font-weight:400;} .img_tecnologia h1 span{color:#0a8c82;font-size:3rem;} .img_tecnologia_h {height:657px;} .img_midia{background: url('../imagens/midia-biofeed--forragem-hidroponica.jpg') center center; background-position: bottom; background-size: cover;} .img_midia h1{font-size:3.4rem; font-weight:900;} .img_midia p{color:#0a8e83;font-weight:400;} .img_midia h1 span{color:#0a8c82;font-size:3rem;} .img_nos{background: url('../imagens/biofeed-forragem-hidroponica.jpg') center center; background-position: bottom; background-size: cover;} .img_nos h1{font-size:3.1rem; font-weight:400;} .img_nos p{color:#0a8e83;font-weight:400;} .img_nos h1 span{color:#0a8c82;font-size:3rem;} .img_nos_h {height:90%;} .img_bio{background: url('../imagens/biofeed-forragem-hidroponica-sobre-nos.jpg') center center; background-position: bottom; background-size: cover;} .img_bio h1, .img_bio h2{font-size:3.2rem; font-weight:400;} .img_bio p{color:#0a8e83;font-weight:400;} .img_bio h1 span{color:#0a8c82;font-size:2.8rem;} .img_bio_h {height:600px;} .img_bio_a{margin-top:-1%;} .img_bio2 h2{font-size:2.4rem; font-weight:700;} .meio{display: flex;    flex-direction: column;    align-items: center;    justify-content: center;} .img_esg{background: url('../imagens/plantas-producao-forragem-hidroponica-esg.jpg') center center; background-position: bottom; background-size: cover;} .img_esg h1, .img_esg h2{font-size:4rem; font-weight:400;} .img_esg p{color:#0a8e83;font-weight:400;} .img_esg b{font-weight:900;font-size:5rem;} .img_esg h1 span{color:#0a8c82;font-size:3rem;} .img_esg_h {height:600px;} .img_quemsomos{background: url('../imagens/bg-01.png') center center; background-position: center; background-repeat: no-repeat; background-size: cover;} .faq { /* height: 600px;*/ display: flex; justify-content: space-between; padding: 60px 40px; gap: 40px; flex-wrap: wrap; } .mobile{ display: flex; justify-content: space-between; padding: 85px; gap: 40px; flex-wrap: wrap; } /* CTA alinhado à esquerda */ .cta { background-color: #0A8C82; color: white; text-align: left; padding: 50px 40px; } .cta-button { display: inline-block; margin-top: 20px; background-color: #4cbd87; color: white; padding: 15px; text-decoration: none; font-weight: bold; border-radius: 30px; } .cta-button:hover {background-color: #0a8c82;} .cta-button2 { display: inline-block; margin-top: 20px; background-color: #0a8c82; color: white; padding: 15px; text-decoration: none; font-weight: bold; border-radius: 30px; } .cta-button2:hover {background-color: #005f46;} .cta-button3 { display: inline-block; margin-top: 20px; background-color: #4dbd87; color: white; padding: 15px 130px; text-decoration: none; font-weight: bold; border-radius: 30px; } .cta-button3:hover {background-color: #005f46;} .cta-button4 { display: inline-block; margin-top: 20px; background-color: #f4f2e5; color: #4dbd87; padding: 15px 130px; text-decoration: none; font-weight: bold; border-radius: 30px; } .cta-button4:hover {background-color: #005f46;} .submenu { position: relative; } .dropdown { display: none; position: absolute; top: 100%; left: 0; background-color: #0a8c82; border-radius: 5px; min-width: 190px; z-index: 1000; } /* Ocultar botão no desktop */ .menu-toggle { display: none; background: none; border: none; font-size: 32px; color: white; cursor: pointer; } .social-icons{list-style-type: none;} .social-icons a { color: #0a8c82; margin: 0 6px; font-size: 15px; transition: color 0.3s ease; background-color: #fff; /* Light blue background color */ border-radius: 50%; /* This creates the circular shape */ /*display: flex; /* Use flexbox for easy centering */ align-items: center; /* Center vertically */ padding: 1px 6px; } .social-icons a:hover { color: #4cd964; /* verde claro no hover */ } .direita{float:right;} .metric-box { padding: 1.2rem; border-radius: 20px; color: white; min-height: 210px; display: flex; flex-direction: column; justify-content: center; cursor: default; } .card_plantas{min-height: 300px;margin:7% 5%;} .card_plantas img{max-width:46%;} .card_solucoes{margin-bottom:10%;} .card_solucoes img{max-width:64%;} .card_biofeed h2{font-size:1rem; } .card_biofeed img{max-width:46%;margin-bottom:15%;} .card_biofeed{min-height:290px;} .bg-green-light { background-color: #4dbd87; } .bg-green-dark { background-color: #0a8c82; } .espaco{margin: 0 auto; max-width: 100%;} .zero{margin:0!important; padding:0!important;} .metric-box h3 { font-size: 2.6rem; margin-bottom: 0.5rem; font-weight: 900!important; } .box_1{color:#0a8c82;} .box_2{color:#4dbd87;} .metric-box p { margin: 0; font-size: 0.85rem; color: #fff; } .text-direita{text-align: right;float: right;} .bg-carousel { background-color: #068c83; } .carousel-inner img { max-width: 100%; height: auto; border-radius: 10px; } .carousel-control-prev-icon, .carousel-control-next-icon { background-color: #c1c1c1; border-radius: 50%; background-size: 50px; } .carousel-control-next-icon, .carousel-control-prev-icon{width: 4rem;height: 4rem;} .beneficios { background-color: #5ac47c; color: white; } .beneficios h3, .beneficios p { color: #f4f2e5; } .beneficios p{font-size:1rem;} .icon-beneficio { width: 70px; height: 70px; flex-shrink: 0; } .cinza{ background-color: #f4f2e5;background-image:none;} .verde{ background-color: #4dbd87;background-image:none;} .bg_verde_escuro {background-color: #068c83;} .bg_verde_dark {background-color: #277272;} .bg_verde_claro {background-color: #4dbd87;} .duplo{background-image: linear-gradient(to right, #4dbd87 92%, #f4f2e5 8%);} .duplo_verde_escuro{background-image: linear-gradient(45deg, #003825, #047750, #003825);} .floating-art { position: absolute; right: 50px;                 /* canto direito */ top: 50%;                 /* centra verticalmente no conjunto das duas sections */ transform: translateY(11%); z-index: 5;               /* acima do conteúdo */ max-width: 35vw;          /* ajusta o tamanho relativo ao viewport */ height: auto; pointer-events: none;     /* não bloqueia cliques do conteúdo por baixo */ } .potente_img{right:4%;position:absolute;margin-top:22%;max-width: 35vw;} .potente_img2{left:0;position:absolute;margin-top:4%;max-width: 35vw;} .potente_img3{right:4%;position:absolute;margin-top:24%;max-width: 35vw;} .potente_img4{right:0%;position:absolute;margin-top:24%;max-width: 35vw;} .floating-art-2 { position: absolute; left: 0;                 /* canto direito */ top: 50%;                 /* centra verticalmente no conjunto das duas sections */ transform: translateY(240%); z-index: 5;               /* acima do conteúdo */ max-width: 30vw;          /* ajusta o tamanho relativo ao viewport */ height: auto; pointer-events: none;     /* não bloqueia cliques do conteúdo por baixo */ } .floating-art-3 { position: absolute; right: 50px;                 /* canto direito */ top: 50%;                 /* centra verticalmente no conjunto das duas sections */ transform: translateY(295%); z-index: 5;               /* acima do conteúdo */ max-width: 37vw;          /* ajusta o tamanho relativo ao viewport */ height: auto; pointer-events: none;     /* não bloqueia cliques do conteúdo por baixo */ } .img_fvh{position: absolute; right: 60px; transform: translateY(-37%); z-index: 6;max-width: 46vw} .espaco_fvh{margin-top:260px;} .title-fhv{font-size: 1.5rem;font-weight: 700;} .title_vantagens h3{font-size: 1.2rem;font-weight: 700; color:#0a8c82;} .title_vantagens p{font-weight: 100; color:#0a8c82; line-height:10px;} .metricas{margin-top:30px;} .bene_section{margin:90px 0;} .fvh {margin: 30px 0 100px 0;} .espaco{margin-right:0;} .ndt{padding-bottom: 20px;padding-left: 0px;} .topo_escolha {margin-top:120px;} .text .txt_branco{color:#f4f2e5!important;} .naturalmente{margin-top:0;} .carrossel_img{right:0%;position:absolute;margin-top:10%;max-width: 35vw;} .carousel-control-next, .carousel-control-prev {width: 40%;} .zero_espacos{padding:0;margin:0;} .espaco_abaixo{margin-bottom: 50px;} .espaco_acima{margin-top: 100px;} .text_verde p {color:#0a8c82!important;} .img_nutricao{max-width: 30vw; margin-top:50px;} .img_ciclo{max-width: 20vw;} .icon_01{max-width: 8vw;float:left;display:flex;} .txt_esquerda{text-align:left;} .txt_centro{text-align:center;} .bg-branco {   background-color: #f4f2e5;} .bg-branco p{color:#0a8c82; font-weight:900;} .bg-green-light p{font-weight:900;} .white p {color:#f4f2e5;} .verde_escuro p, .verde_escuro h2 {color:#0a8c82;} .txt_verde {color:#4dbd87;} .negrito{font-weight:900;} .imgs_ciclo img {max-width: 45vw; margin-bottom: 20px;} .imgs_forma img {max-width: 10vw;} .area_img img {max-width: 60vw; margin: 20px 0;} .titulo{text-align:left;} .img_esquerda{float:left;} .margem_direita{margin-left: 10%;} .margem_abaixo{margin-bottom: 6%;} .padding_abaixo{padding-bottom:6%;} .margens{margin: 6% 0;} .estrutura_topo{margin-top: 15%;} .delay4{--delay:.40s} .delay8{--delay:.80s} .delay12{--delay:.120s} .delay16{--delay:.160s} .img_tamanho{max-width:100%;} .img_forma01{position:absolute;right:0;} .img_forma02{position:absolute;left:0;margin-top: -2%;} .img_forma03{position:absolute;right:0; max-width:20vw; margin-top: 2%;} .img_forma04{position:absolute;left:0;max-width:5vw;} .img_forma05{position:absolute;left:0;margin-top: -6%;} .img_forma06{position:absolute;right:0;margin-top: -6%;max-width: 82%;} .img_forma07{position:absolute;right:0;margin-top: 4%;max-width: 82%;} .img_forma08{margin-top:4%;} .img_forma09{max-width:20vw;} .img_forma10{max-width:25%;} .img_forma11{max-width:6%;margin-top: -50px;position:absolute;right:0;} .img_forma12{max-width:6%;margin-top: -50px;position:absolute;left:1.5%;} .fundo{z-index:0;position:absolute; right:0;margin-top: -7%;max-width: 82%;} .img_brasil{margin-top:-4%;} .frente{position:relative;} .video{position: relative; overflow: hidden; width: 100%;padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */ } .responsive-iframe {position: absolute;top: 0;left: 0;bottom: 0;  right: 0;  width: 100%;  height: 100%;} .responsive-video {top: 0;left: 0;bottom: 0;  right: 0;  width: 100%;  height: 100%;} .img_forma03 {top: 0; z-index: 0;} .contato_txt{display: flex; flex-direction: column; flex-wrap: wrap; align-content: center; justify-content: center;} .custom-input { background-color: #1C6B68; border: none; border-radius: 30px; color: white; padding: 12px 20px; font-weight: bold; } .custom-input::placeholder { color: white; } .custom-input-lado-esquerdo { background-color: #58CA8D; border: none; border-radius: 30px; color: white; padding: 12px 20px; font-weight: bold; } .custom-input-lado-esquerdo::placeholder { color: white; } .btn-enviar { background-color: #58CA8D; /* verde claro */ color: white; border: none; border-radius: 30px; padding: 12px 40px; font-weight: bold; font-size: 16px; cursor: pointer; transition: all 0.3s ease; } .btn-enviar:hover { background-color: #46a96f; /* verde mais escuro no hover */ transform: scale(1.05);   /* efeito leve de zoom */ } .footer h2{font-size:2.7rem;} .r-5{padding: 3rem;} .margem_sementes{margin-top:0;} .card-hover .esg_p_escuro{font-size: 1.7rem;margin-top: -23px;color: #0a8c82;font-weight: 500;} .card-hover .esg_p_claro{font-size: 1.7rem;margin-top: -23px;color: #4dbd87;font-weight: 500;} .footer_esg h2{font-size:2.5rem; font-weight:900;} .footer_esg p{font-size:1.8rem;} /* Responsividade */ @media (max-width: 768px) { .img_forma10{max-width:80%; margin: 30px 0;} .footer h2{font-size:2rem;} .footer_esg p{font-size:1.3rem;} .footer_esg h2{font-size:1.5rem;} .contato_h h1{font-size:1.9rem!important;} .img_tecnologia{background-position: left;} .img_bio h1{font-size:2rem;} .img_bio{background-position: left;} .img_bio_a{margin-top:27%;} .padding_abaixo{padding-bottom:1%;} .margem_sementes{margin-top:3%;} .card_plantas img{max-width:100%;} .card_plantas{margin:1% 0;} .margens{margin: 8% 0;} .img_midia {background-position: left;} .img_sementes {background-position: right;background: url(../imagens/fvh-sementes-biofeed-mobile.jpg) center center;} .margem_abaixo{margin-bottom: 0;} .txt_sementes { margin-left: 0;} .img_contato {background-position: left;} .img_alimento {background-position: left;} .mobile{padding: 20px;gap: 40px;} .cta h2 {text-align:center;} .r-5{padding:0;} .title_vantagens p {line-height:normal;} .margem_direita{margin-left: 0%;} .estrutura_topo{margin-top: 0;} .titulo{text-align:center;} .mx-auto{max-width: 100%;} .imgs_forma img {max-width: 45vw; margin-bottom: 20px;} .txt_esquerda{text-align:center;} .img_nutricao{max-width: 100%; margin-top:0;} .bene_section{margin:20px 0;} .carousel-control-next, .carousel-control-prev {width: 15%;} .escolha{padding: 0 40px;} .cta-button3:hover {background-color: #068c83;} .cta-button3 {padding: 15px 28px; /*background-color: #068c83;*/} .cta-button4 {padding: 15px 37px; /*background-color: #068c83;*/} .espaco_fvh{margin-top:0;} .naturalmente{margin-top:53%;} .img_home{background-size: auto 1024px;} .duplo{background-image: linear-gradient(to right, #4dbd87 100%, #f4f2e5 0%);} .topo_escolha {margin-top:50px;} .text h2{font-size:1.9rem;} .esg h2{font-size:1.6rem;} .potente {font-size: 4.1rem;} .fvh{margin:0;} .text-direita h2{font-size: 1.4rem} .metricas{margin-top:0;} .hero-img{position: relative;} .hero{padding: 40px 40px;} .text-direita{text-align: center;float: none;} .cta-button, .cta-button2, .cta-button3,.cta-button4{font-size:0.9rem;} .hero h1 {font-size: 2.1rem;} nav ul {gap: 10px;} .nav-container {width: 100%;} nav { width: 100%; } .menu-toggle { display: block; margin-left: auto; padding: 10px; } .nav-links { display: none; flex-direction: column; background-color: #098b81; width: 100%; padding: 20px; } .nav-links li { margin: 10px 0; } .nav-links.active { display: flex; } .dropdown { position: static; background-color: #008c6d; border-radius: 5px; padding-left: 15px; } .p-5{padding:1rem!important;} } @media (min-width: 600px) and (max-width: 767.98px) { .cta-button3{padding: 15px 100px;} } @media (min-width: 768px) and (max-width: 922px) { .img_fvh{transform: translateY(-47%);} } @media (min-width:769px) and (max-width: 1241px){ nav ul {gap: 25px;} } @media (min-width: 1024px) { .margem_direita{margin-left:3%;} .potente_img{margin-top:47%;} .potente_img2{margin-top:24%;} .potente_img3{margin-top:34%;} .potente_img4{margin-top:-3%;max-width:20vw;} .img_fvh{transform: translateY(-65%);max-width:43vw;} .cta-button3 {padding: 15px 100px;} .icon_01{max-width:10vw;} .img_tamanho{max-width:80%;} } @media (min-width:1242px){ nav ul {gap: 60px;} } @media (min-width: 1300px) { .img_fvh{transform: translateY(-34%);max-width:47vw;} .potente_img{right:4%;position:absolute;margin-top:22%;max-width: 35vw;} .potente_img2{left:0;position:absolute;margin-top:4%;max-width: 35vw;} .potente_img3{right:4%;position:absolute;margin-top:26%;max-width: 38vw;} .potente_img4{right:0%;position:absolute;margin-top:7%;max-width: 35vw;} .cta-button3 {padding: 15px 100px;} .img_tamanho{max-width:100%;} .margem_direita{margin-left: 10%;} .icon_01{max-width: 8vw;float:left;display:flex;} } @media (min-width:1400px){ .img_fvh{transform: translateY(-35%);max-width:50vw;} .potente_img{right:4%;position:absolute;margin-top:22%;max-width: 35vw;} .potente_img2{left:0;position:absolute;margin-top:4%;max-width: 35vw;} .potente_img3{margin-top:22%;} .potente_img4{right:0%;position:absolute;margin-top:10%;max-width: 35vw;} .text h2 {font-size: 2.7rem;} .margem_direita{margin-left: 10%;} .img_forma11{max-width:5%;} .img_forma12{max-width:5%;} } @media (min-width:1500px){ .img_bio_a {margin-top: -4%;} .img_bio_h {height: 637px;} .img_fvh{transform: translateY(-31%);max-width:44vw;} .potente_img4{right:0%;position:absolute;margin-top:9%;max-width: 35vw;} .margem_direita{margin-left: 10%;} .img_forma11{max-width:5%;margin-top: -50px;position:absolute;right:0;} .img_forma12{max-width:5%;margin-top: -50px;position:absolute;left:1.5%;} } @media (min-width:1900px){ .img_bio_a {margin-top: 0%;} .img_bio_h {height: 815px;} .potente_img{margin-top:14%;} .potente_img2{margin-top:0;} .potente_img3{margin-top:17%;} .img_fvh{transform: translateY(-30%);max-width:40vw;margin-right: 58px;} .potente_img4{right:0%;position:absolute;margin-top:10%;max-width: 35vw;} .img_bene{background-position-y: unset;} .text h2 {font-size: 2.6rem;} .icon_01 {max-width: 6vw;} .margem_direita{margin-left: 14%;} .img_forma11{max-width:4%;} .img_forma12{max-width:4%;} } .icon-circle { background-color: #fff; /* Light blue background color */ width: 30px; /* Set a fixed width */ height: 30px; /* Set a fixed height, equal to the width for a perfect circle */ border-radius: 50%; /* This creates the circular shape */ display: flex; /* Use flexbox for easy centering */ justify-content: center; /* Center horizontally */ align-items: center; /* Center vertically */ } .icon-circle i { color: #4cbd87; /* Color for the icon itself */ } .preto{color:#000000!important;} .centralizar{text-align: center;display: flex; flex-direction: column; align-items: center;} .txt_beneficios{font-weight:400;} .duplo_verde_escuro p{color:#f4f2e5;} .mx-auto{max-width: 728px;} .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight: 700;}