:root{ 
	--color-primary: #0B4F39;
	--color-secondary: #72B77C;
	--color-tertiary: #3e8348;
	--color-header: rgba(10,66,45,0.95);
	--color-price: #CE915C;
	--color-text: #333;
	--color-text-light: #666;
	--color-white: #FFFFFF;
	--font-title: 'Raleway', sans-serif;
	--radius-side: 150px;
}

html * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
html{font-family: "Open Sans", sans-serif;line-height:1;}
body{ font-family: "Open Sans", sans-serif; background: var(--color-white); font-size: 16px; line-height: 1.45em; color: var(--color-text); font-weight: 400; letter-spacing: 0em;}
body, html { height: 100% }
hr { margin: 0; padding: 0 }

a { color: var(--color-tertiary); -webkit-transition: color 300ms, background-color 300ms; -moz-transition: color 300ms, background-color 300ms; -o-transition: color 300ms, background-color 300ms; transition: color 300ms, background-color 300ms }
a:hover, a:focus { color: var(--color-primary); text-decoration: none; outline: none }

.btn-primary, .btn-primary:active, .btn-primary:visited { font-family: var(--font-title); background: var(--color-primary); color: var(--color-white); border: 2px solid var(--color-white) !important; font-size: 1.2rem; padding: 18px 40px; border-radius: 60px; line-height: 1rem; font-weight: 600; border: 0; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; }
.btn-primary:hover, .btn-primary:focus { font-family: var(--font-title); background: var(--color-white); color: var(--color-secondary); }

.btn-secondary, .btn-secondary:active, .btn-secondary:visited { font-family: var(--font-title); background: #00432C; color: var(--color-secondary); border: 2px solid var(--color-secondary) !important; font-size: 1.2rem; padding: 18px 40px; border-radius: 60px; line-height: 1rem; font-weight: 600; border: 0; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; }
.btn-secondary:hover, .btn-secondary:focus { font-family: var(--font-title); background: var(--color-secondary); color: var(--color-primary); }

.btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary:visited { font-family: var(--font-title); background: transparent; color: var(--color-primary); border: 2px solid var(--color-primary) !important; font-size: 1.2rem; padding: 18px 50px; border-radius: 60px; line-height: 1rem; font-weight: 700; border: 0; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; }
.btn-outline-primary:hover, .btn-outline-primary:focus { font-family: var(--font-title); background: var(--color-primary); color: var(--color-white); }

.btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary:visited { font-family: var(--font-title); background: var(--color-tertiary); color: var(--color-white); border: 2px solid var(--color-white) !important; font-size: 1.2rem; padding: 18px 50px; border-radius: 60px; line-height: 1rem; font-weight: 700; border: 0; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; }
.btn-outline-secondary:hover, .btn-outline-secondary:focus { font-family: var(--font-title); background: var(--color-white); color: var(--color-secondary); }

.btn-outline-info, .btn-outline-info:active, .btn-outline-info:visited { font-family: var(--font-title); background: #9B6837; color: var(--color-white); border: 2px solid var(--color-white) !important; font-size: 1.2rem; padding: 18px 60px; border-radius: 60px; line-height: 1rem; font-weight: 700; border: 0; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; }
.btn-outline-info:hover, .btn-outline-info:focus { font-family: var(--font-title); background: var(--color-white); color: #9B6837; }

.btn-outline-light, .btn-outline-light:active, .btn-outline-light:visited { font-family: var(--font-title); background: transparent; color: var(--color-white); border: 2px solid var(--color-white) !important; font-size: 1.2rem; padding: 18px 50px; border-radius: 60px; line-height: 1rem; font-weight: 700; border: 0; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; }
.btn-outline-light:hover, .btn-outline-light:focus { font-family: var(--font-title); background: var(--color-secondary); }

.bg-primary { background: var(--color-primary) !important; }
.bg-secondary { background: var(--color-secondary) !important; }
.bg-tertiary { background: #00432C !important; }
.bg-header { background: var(--color-header); }

.text-primary { color: var(--color-primary) !important; }
.text-secondary { color: var(--color-secondary) !important; }
.text-light { color: var(--color-text-light) !important; }

.text-shadow { text-shadow: 2px 2px 5px rgba(0,0,0,0.5); }

.line-1 { line-height: 1.15em; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: var(--font-title); color: var(--color-primary); font-family: 'Raleway', sans-serif;	font-weight: 900; letter-spacing: -0.02rem; padding: 0; margin: 0; }

h2, .h2 { font-size: 4rem; }
h3, .h3 { font-size: 3.5rem; }
h4, .h4 { font-size: 3rem; }
h5, .h5 { font-size: 2.8rem; }
h6, .h6 { font-size: 1.4rem; }

header { width: 100%; z-index: 99999; margin: 0; padding: 0; background: var(--color-header); /*rgba(20,63,43,0.95);*/ backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); }
header .navbar { padding: 0; margin: 0; }
header .navbar-brand { margin: 0; padding: 30px 0; }
header .navbar-brand img { height: 30px; }
header .navbar-toggler { z-index: 9999; font-size: 2em; border-radius: 0; margin: 0; }
header .navbar-toggler .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }
header .nav-item { margin-left: 40px; }
header .nav-item a.nav-link { font-family: var(--font-title); color: var(--color-white); font-weight: 600; font-size: 1em; }
header .nav-item a.nav-link:hover, header .nav-item.active > a.nav-link  { color: var(--color-secondary); }

header.fixed { position: fixed; -webkit-animation: fadeInDown 1s; -moz-animation: fadeInDown 1s; -ms-animation: fadeInDown 1s; -o-animation: fadeInDown 1s; animation: fadeInDown 1s; }
header.fixed .navbar-brand { padding: 15px 0; }

footer { font-size: 0.9em; line-height: 1.4em; font-weight: 300; }
footer .logo { max-width: 200px; }
footer .fab { color: #FFF; font-size: 2em; margin-right: 10px; }

.slider { position: relative; overflow: hidden; }
.slider .platform { background-size: cover; background-position: center; }
.slider .platform .row {  min-height: 700px; }
.slider .platform .row h3, .slider .platform .row h4 { text-shadow: 3px 3px 3px rgba(0,0,0,0.2); }
.slider .platform .row p { font-size: 1.3em; font-weight: 400; line-height: 1.5em; }
.slick-prev,.slick-next{background:transparent;color:rgba(255,255,255,0.8);font-size:3em;position:absolute;top:calc(50% - 25px);width:50px;height:50px;line-height:50px;z-index:9;text-align:center;display:block;padding:0;border:0;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;transition:0.5s;text-shadow: 2px 2px 2px rgba(0,0,0,0.2);}
.slick-prev:hover,.slick-next:hover{color: var(--color-secondary);}
.slick-next{right:0;padding-left:3px}
.slick-prev{left:0;padding-right:3px}
.slick-dots{position:absolute;left: 50%;transform: translate(-50%);bottom:30px;padding: 10px 15px;border-radius: 30px;background: rgba(0, 0, 0, 0.2);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);margin: 0; display: flex; text-align:center; }

.slider-4 .slick-dots{ bottom:-20px; }
.slider-6 .slick-dots{ bottom:-30px; }

.slick-dots li{background:transparent;border:2px solid rgba(255,255,255,1);inline-block;padding:0;margin:0 6px;list-style:none;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
.slick-dots li,.slick-dots li button{width:16px;height:16px;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;transition:0.3s}
.slick-dots li.slick-active,.slick-dots li:hover{background:rgba(255,255,255,1)}
.slick-dots li button,.slick-dots li button:before{color:transparent;opacity:0}
.slick-track{display:flex}.slick-track .slick-slide{display:flex;height:auto}

.parallax { background-size: cover; background-repeat: no-repeat; background-position: 50% 0; background-attachment: fixed; }
.title-review { font-size: 1.3em; font-weight: 400; line-height: 1.5em; color: var(--color-text-light); }

.img-zoom { overflow: hidden; background-color: var(--color-primary); }
.img-zoom img { width: 100%; transition: 0.1s all ease-in-out; }
.img-zoom:hover img { transform: scale(1.2); }

.text-saas h2 { font-size: 1.15em; font-weight: 700; }

.list-benefits { position: relative; max-width: 900px; font-size: 1.1em; }
.list-benefits strong { display: block; font-size: 1.1em; color: var(--color-primary); margin-bottom: 5px; }
.list-benefits p { padding: 0; margin: 0; }
.list-benefits .btn { font-size: 1.1em; }

@media (min-width:1919px) {
	.list-benefits { max-width: 1300px; padding-right: 300px; margin-left: auto; margin-right: auto; }
}

#plans { max-width: 1100px; width: 100%; margin: auto; overflow-x: auto;  box-shadow: 0px 250px 20px 2px rgba(0,0,0,0.1); }
#plans table { position: relative; border-collapse: collapse; border-spacing: -0.05em; table-layout: auto; width: 100%; border: none; border-bottom: 2px solid #EAEAEA; }
#plans table * { border: none; }
#plans table thead tr { border-top-right-radius: 50px; border-top-left-radius: 50px; }
#plans table thead tr th { background: #FFF; padding: 30px 10px 20px 10px; vertical-align: middle; font-size: 1.4em;  color: var(--color-primary); font-weight: 600; letter-spacing: -0.03em; text-align: center; border-top-right-radius: 50px; border-top-left-radius: 50px; box-shadow: inset 0px 1px 0px 1px #EAEAEA;	 }
#plans table thead tr th:first-child { box-shadow: none; }
#plans table thead tr th:nth-child(2) { box-shadow: inset 1px 0px 0px 0px #EAEAEA, inset 0px 1px 0px 1px #EAEAEA;	}
#plans table thead tr th:last-child { box-shadow: inset -1px 0px 0px 0px #EAEAEA, inset 0px 1px 0px 1px #EAEAEA;}
#plans table thead tr th p { margin-top: 15px; }
#plans table tbody tr:nth-child(odd) td { background: #FFFFFF; }
#plans table tbody tr:nth-child(even) td { background: #F8F8F8; }
#plans table tbody td { width: 35%; text-align: center; padding: 15px 10px; vertical-align: middle; font-size: 1em; font-weight: 500; letter-spacing: 0; line-height: 1.3em; border-left: 2px solid #EAEAEA; border-right: 2px solid #EAEAEA; }
#plans table tbody td:first-child { width: 30%; }
#plans table tr > th:first-child, #plans table tr > td:first-child { position: -webkit-sticky; position: sticky; left: 0; text-align: left; color: var(--color-primary); font-weight: 700; line-height: 1.2em; padding: 15px 20px; }
#plans table tr.sub td  { background: #F8F8F8 !important; padding-top: 30px; padding-bottom: 20px; }
#plans table tr.sub td:first-child { border-top-left-radius: 30px; border-left-color: #FFF; }
#plans small { display: block; font-size: 0.75em; line-height: 1.2em; font-weight: 500;}
#plans big { font-size: 1.4em; font-weight: 800; color: var(--color-primary); }
#plans strong { font-size: 1.3em; font-weight: 700; color: var(--color-primary); }
#plans p { display: flex; justify-content: center; gap: 3px; font-size: 1.6em; line-height: 1em; padding: 0; margin: 15px 0 0 0; color: var(--color-price); font-weight: 800; }
#plans p span:first-child { font-size: 0.6em; transform: translateY(-3px); }
#plans p span:last-child { font-size: 0.6em; transform: translateY(5px); }
#plans table .fas { font-size: 1.7em; }
#plans table .fa-check-circle { color: #56C366; } 
#plans table .fa-times-circle { color: #FF3B3B; } 
.plans-wrapper { height: 300px; background-color: #FFF; margin: -20px -20px 0 -20px;  background: linear-gradient(0deg, rgba(255,255,255,1) 85%, rgba(255,255,255,0.30) 100%); }

#services { max-width: 1100px; width: 100%; margin: auto; font-size: 0.95em; line-height: 1.5em; display: grid;  grid-template-columns: repeat(2, 1fr); gap: 40px; /*grid-template-columns: repeat(3, 1fr); gap: 30px;*/ }
#services .shadow { line-height: 1.35em; position: relative; padding: 70px 50px 100px 50px; border-radius: 30px; text-align: center; }
#services .shadow .btn { position: absolute; font-size: 1em; padding: 15px 0; width: 230px; bottom: 40px; left: 50%;transform: translate(-50%); }
#services .shadow:nth-child(1) { padding-left: 50px; padding-right: 50px; }
#services .shadow:nth-child(2) { padding-left: 60px; padding-right: 60px; }
#services .shadow:nth-child(3) { padding-left: 20px; padding-right: 20px; }
#services .shadow h6 { font-weight: 700; }

#history { margin-top: -300px; background-image: url('../images/bg-historia.jpg'); }
#history .overlay { background: rgba(206,145,92,0.3); }
#history .h5 { padding: 50px 0 50px 0;  background: #FFF; border-bottom-right-radius: var(--radius-side); }
#history .d-flex { gap: 30px; }
#history .shadow { /*max-width: calc(100% / 3);*/ min-width: calc(100% / 3); line-height: 1.35em; background: var(--color-white); padding: 50px 40px; border-radius: 30px; }
#history .shadow p { margin: 0; padding: 0; }
#history .text-primary { margin-top: 20px; }
#history .text-primary strong { font-weight: 500; font-size: 1.3em; }
#history .fa-quote-left { font-size: 1.8em; color: var(--color-primary); margin-bottom: 10px; }
#history .wrapper { border-top-left-radius: var(--radius-side); height: 150px; background: var(--color-primary); }

#history .video-wrapper { position: relative; }
#history .video-wrapper img { height: auto; width: 100%; border-radius: 10px; }
#history .video-wrapper .play-btn { display: inline-block; /*background: #FF0000;*/ color: #FFF; padding: 0; height: 75px; width: 75px; line-height: 75px; text-align: center; font-size: 20px; position: absolute; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#history .video-wrapper .play-btn i::after { content: ""; position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: -1; background-color: #FF0000; border-radius: 50px; animation: ripple-wave 1s linear infinite; -webkit-transform: scale(1); transform: scale(1); transition: all 0.5 ease-in-out; }

@keyframes ripple-wave {
  0% { opacity: 0.8; -webkit-transform: scale(0.9); transform: scale(0.9); }
  100% { opacity: 0; -webkit-transform: scale(1.5); transform: scale(1.5); } 
}

#client { background: var(--color-primary); }
#client .h6 { margin-top: -30px; font-weight: 600; }
#client .list-client { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }
#client .list-client img { max-width: 100%; }

#news { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
#news .list-news { position: relative; border-radius: 20px;  }
#news .list-news img { width: 100%; border-radius: 20px; }
#news .list-news span { position: absolute; border-radius: 20px; display: flex; justify-content: center; align-items: flex-end; top: 0; left: 0; right: 0; bottom: 0; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%); -webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;transition:0.5s; opacity: 0;  }
#news .list-news span:hover { opacity: 1; }
#news .list-news span .btn { margin-bottom: 30px; }

#contact { background-image: url('../images/bg-contato.jpg');  }
#contact .overlay { background: linear-gradient(0deg, rgba(11,79,57,0.8) 0%, rgba(11,79,57,1) 100%); }
form .form-control { height: 50px; font-size: 1.05em; color: var(--color-primary); background: var(--color-white); border-radius: 25px; border: 3px solid var(--color-secondary); padding-left: 25px; padding-right: 25px; }
form .form-control::placeholder { color: var(--color-primary);}
form .form-control:hover, form .form-control:focus { border-color: var(--color-tertiary); }
form .btn { border-color: var(--color-secondary) !important; color: var(--color-secondary); }

.cta-account { background-image: url('../images/bg-criar-conta.jpg'); }
.cta-account .overlay { background: rgba(115,183,124,0.85); }

.box-company { background-image: url('../images/bg-empresa.jpg'); }
.box-company .overlay { background: rgba(0,67,44,0.85); }
.box-company p { font-size: 1.4em; font-weight: 300; line-height: 1.6em; }
.box-company .h6 { font-size: 2em; font-weight: 700;  }

.team { display: flex; flex-wrap: wrap; justify-content: center; font-size: 1.1em; text-align: center; line-height: 1.2em; color: var(--color-text-light); font-weight: 400; }
.team .my-4 { width: 20%; min-width: 200px; }
.team img { width: 150px; height: 150px; object-position: 100% 0; object-fit: cover; margin-bottom: 10px; border: 13px solid var(--color-primary); margin-left: -25px; box-shadow: 25px 0px 0px 0px var(--color-secondary); }
.team h5 { font-family: "Open Sans", sans-serif; margin: 5px 0; font-weight: 600; font-size: 1em; color: var(--color-text-light); }

.client { display: flex; flex-wrap: wrap; justify-content: center; font-size: 1em; text-align: center; line-height: 1.2em; color: var(--color-text-light); font-weight: 400; }
.client img { width: auto; height: 150px; margin: 20px; }

.cta-from h5 { font-size: 2.2em; }
.cta-from h4 { font-weight: 600; font-family: "Open Sans", sans-serif; }
.cta-from img { width: 80px; height: 80px; object-fit: scale-down; }
.cta-from .title-review { font-weight: 400; font-size: 1.6em; }
.cta-from .btn { font-size: 1.3em; padding: 20px 70px; }
.cta-from .slider-item { font-size: 0.95em; line-height: 1.3em; display: inline; background: #FFF; border: 3px solid var(--color-secondary); padding: 30px 20px; text-align: center; border-radius: 20px; }
.cta-from .slider-item img { margin: 0 auto; }
.cta-from .slider-item h6 { margin: 15px 0; }
.cta-from .slider-item p { padding: 0; margin: 0; }
.cta-from.no-border .shadow { border: 1px solid var(--color-secondary) !important;}
.cta-from.no-border .slider-item { border: 0; padding: 30px 20px 40px 20px; }

.box-indicated { background-image: url('../images/bg-indicado.jpg'); }
.cta-producers { background-image: url('../images/bg-resultados-cta.jpg'); border-bottom-right-radius: var(--radius-side); }
.cta-producers .overlay { background: linear-gradient(90deg, rgba(206,145,92,0.5) 0%, rgba(206,145,92,1) 80%); border-bottom-right-radius: var(--radius-side); }
.cta-advantage { background-image: url('../images/bg-resultados-cta.jpg'); border-bottom-right-radius: var(--radius-side); }
.cta-advantage .overlay { background: linear-gradient(90deg, rgba(114,183,124,0.5) 0%, rgba(114,183,124,1) 50%); border-bottom-right-radius: var(--radius-side); }

.box-advantage-producers { padding: 250px 0 0 0; margin-top: -250px; background: #FAFAFA; border-top-left-radius: var(--radius-side); }
#meet-tool { background: #FFF; /*padding: 250px 0 0 0; margin-top: -250px; border-top-left-radius: var(--radius-side);*/ }
#meet-tool .shadow { line-height: 1.35em; padding: 40px; border-radius: 30px; }
#meet-tool .shadow ul { list-style: none; margin: 0; padding: 0 0 0 20px; }
#meet-tool .shadow ul li { font-size: 0.9em; margin: 0 0 15px 0;}
#meet-tool .shadow ul li:last-child { margin: 0; }
#meet-tool .shadow ul li::before { content: "\2022"; color: var(--color-secondary); font-weight: bold; display: inline-block; width: 1em; margin-left: -1em; }

.box-count {  border-bottom-right-radius: var(--radius-side); background: var(--color-white); z-index: 9; position: relative; }
.box-count strong { font-size: 1.2em; color: var(--color-primary); }
.box-count .fas { font-size: 3.5em; color: var(--color-primary); }

.box-advantage-auction { margin-top: -150px; background-image: url('../images/bg-vantagens.jpg');}
.box-advantage-auction .overlay { padding: 150px 0; background: linear-gradient(90deg, rgba(206,145,92,1) 40%, rgba(206,145,92,0.5) 100%); }
.box-advantage-auction ul li { font-size: 1.1em; margin: 0 0 15px 0;}
.box-advantage-auction ul li:last-child { margin: 0; }
.box-advantage-seller { margin-top: -150px; background: #FFF; border-top-left-radius: var(--radius-side); z-index: 9; position: relative; }
.box-advantage-seller strong { font-size: 1.1em; font-weight: 500; }
.box-advantage-seller p { margin-bottom: 20px; }
.box-advantage-seller p:last-child { margin-bottom: 0; }
.box-advantage-buyer { padding-bottom: 150px; background: var(--color-primary); border-top-left-radius: var(--radius-side); color: var(--color-white); }
.box-advantage-buyer p { margin-bottom: 20px; }
.box-advantage-start { margin-top: -150px; background: #FFF; border-top-left-radius: var(--radius-side); z-index: 9; position: relative; }

#faq { overflow: hidden; }
#faq figure.paroller img { position: absolute; top: -20px; right: -80px; z-index: 1; }
#faq .list-faq { font-size: 1.05em; z-index: 9; position: relative; }
#faq .list-faq a { display: block; padding: 5px 0; color: #178AC3; -webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;transition:0.3s; }
#faq .list-faq a:hover, .list-faq a:active, .list-faq a:focus { color: var(--color-secondary); }


@media (min-width:1380px) {
	.container { max-width: 1320px; width: 1320px }
}

@media (max-width: 1379.99px) {  
		.container { max-width: 100%; width: 100%; }	
		#faq figure.paroller img { width: 450px; }
}

@media (max-width: 991.99px) { 
	header .navbar-brand, header.fixed .navbar-brand { padding: 20px 15px; }
	#advantage figure.paroller { margin-left: -150px; }
	header .navbar-nav { padding: 30px 0 50px 0; }
	header .nav-item { margin-left: 0; }
	header .nav-item a.nav-link { font-size: 1.2em; padding: 10px 20px; }
	#faq figure.paroller img { width: 350px; }

}

@media (max-width: 767.99px) { 
	:root{ 
		--radius-side: 40px;
	}

	body { font-size: 14px; }
	.btn-primary, .btn-secondary, .btn-outline-primary, .btn-outline-secondary, .btn-outline-light { display: block; text-align: center; font-size: 0.9rem; padding: 18px 5px; }

	h2, .h2 { font-size: 2.6rem; }
	h3, .h3 { font-size: 2.2rem; }
	h4, .h4 { font-size: 1.8rem; }
	h5, .h5 { font-size: 1.6rem; }
	h6, .h6 { font-size: 1.1rem; }

	.text-saas h2 { font-size: 1.35rem; margin: 30px 20px 0 20px; }
	.slider .platform .row {  min-height: calc(100vh - 120px); }	
	#advantage figure.paroller { display: none; }
	.list-benefits { font-size: 0.85rem; line-height: 1.1rem; }

	#plans { width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; background-color: #FFF; font-size: 0.85em; box-shadow: none; }
	#plans table { margin-left: -1px; }
	#plans table thead tr th { font-size: 0.8em; line-height: 1.2em; border-top-right-radius: 25px; border-top-left-radius: 25px;}
	#plans table thead tr th:first-child { box-shadow: none; border-top-right-radius: 0; border-top-left-radius: 0; z-index: 999;  }
	#plans table thead tr th p span:last-child { font-size: 0.5em; transform: translateY(2px); }
	#plans table tbody td { width: 30%; padding: 5px; font-size: 1em; line-height: 1.3em; border-left-width: 1px; border-right-width: 1px; }
	#plans table tbody td:first-child { width: 40%; }
	#plans table tr > th:first-child, #plans table tr > td:first-child { left: -1px; padding: 5px; }
	#plans table tr.sub td  { padding-top: 10px; padding-bottom: 10px; font-size: 0.8em; }
	.plans-wrapper { display: none; }

	#services { overflow-x: auto; display: flex; gap: 15px; padding: 15px 15px 30px 15px; margin: 0 -15px; }
	#services::-webkit-scrollbar { display: none; }    
	#services .shadow { flex: 1; min-width: 80%; padding: 30px 15px 70px 15px !important; }
	#services .shadow .btn { bottom: 20px; }

	#history { margin-top: 0; }
	#history .h5 { padding:30px 0; }
	#history .d-flex { overflow-x: auto; gap: 15px; padding: 15px 15px 30px 15px; margin: 0 -15px;}
	#history .d-flex::-webkit-scrollbar { display: none; }    
	#history .shadow { flex: 1; min-width: 80%; padding: 30px 20px; }
	#history .shadow { padding: 30px 20px;; }
	
	#client .h6 { margin-top: -100px;}
	#client .list-client { grid-template-columns: repeat(4, 1fr); gap: 10px; }

	#news { overflow-x: auto; display: flex; gap: 15px; margin: 0 -15px 0 -5px; }
	#news::-webkit-scrollbar { display: none; }    
	#news .list-news { flex: 1; min-width: 80%; }

	.form-group .btn { display: inline-block; width: 100%; }

	footer { text-align: center; }
	footer .logo { max-width: 120px; margin-bottom: 30px; }
	footer .fab { margin: 10px; }

	.box-company p { font-size: 1.2em; line-height: 1.6em; }
	.box-company .h6 { font-size: 1.6em;}

	.team { font-size: 0.9em; }
	.team .my-4 { width: 50%; min-width: 150px; }
	.team img { width: 120px; height: 120px; border-width: 8px; margin-left: -15px; box-shadow: 15px 0px 0px 0px var(--color-secondary); }

	.slider-4, .slider-6 { margin: 0 -15px; }

	.client img { width: auto; max-width: 100%; height: 120px; margin: 20px; }
	.cta-from h5 { font-size: 1.8em; }
	.cta-from .slider-item { padding: 20px 15px; }
	.cta-from .title-review { font-weight: 400; font-size: 1.2em; line-height: 1.3em; }
	.cta-from .btn { font-size: 1.1em; padding: 18px 5px; }
	#meet-tool .shadow { padding: 20px; }

	#faq figure.paroller img { display: none; }

}
