/* {
font-family:Montserrat,sans-serif
}

p {
font-weight:500;
font-size:18px
}

.menu {
display:block;
text-align:center;
margin:0;
padding:0
}

.serti h3.header_text {
margin-bottom:20px
}

.serti p {
margin-bottom:50px
}

ul.sub-menu li {
text-align:left
}

ul.sub-menu {
width:210px
}

.menu li {
display:inline-block;
position:relative;
z-index:100
}

ul.sub-menu {
width:220px
}

.menu li:first-child {
margin-left:0
}

.menu li a {
font-weight:600;
text-decoration:none;
padding:11px;
display:block;
color:#fff;
transition:all .2s ease-in-out 0;
font-size:18px
}

.menu li a:hover,.menu li:hover>a {
color:#f8c100
}

.menu ul {
display:none;
margin:0;
padding:0;
width:150px;
position:absolute;
top:43px;
left:0;
background:#fff
}

li.gridder-list img {
margin:3px auto
}

.menu ul li {
display:block;
float:none;
background:0 0;
margin:0;
padding:0
}

.menu ul li a {
font-size:12px;
font-weight:400;
display:block;
color:#797979;
border-left:3px solid #fff;
background:#fff
}

.menu ul li a:hover,.menu ul li:hover>a {
background:#f0f0f0;
border-left:3px solid #9ca3da;
color:#797979
}

.menu li:hover>ul {
display:block
}

.menu ul ul {
left:149px;
top:0
}

.mobile-menu {
display:none;
width:100%;
padding:11px;
background:#f8c100;
color:#000;
text-transform:uppercase;
font-weight:600
}

.modal-body input.form-control {
margin:8px 0;
color:#000
}

.mobile-menu:hover {
background:#f8c100;
color:#000;
text-decoration:none
}

.link-wrapper a {
cursor:pointer
}

section.wrapper-outer {
background-image:url(/img/sl.jpg);
background-size:cover;
background-repeat:no-repeat;
background-position:center;
padding-top:20px;
padding-bottom:59px
}

p.icon-loc.icon-phone a {
text-decoration:none;
color:#333
}

p.icon-loc {
font-size:18px
}

.fixed-block-top {
text-align:center
}

.col-md-6.col-sm-6.col-xs-6.cl-phone,.col-md-6.col-sm-6.col-xs-6.cl-wa {
padding:0
}

.col-md-6.col-sm-6.col-xs-6.cl-wa {
background:#6d952e
}

.col-md-6.col-sm-6.col-xs-6.cl-phone a,.col-md-6.col-sm-6.col-xs-6.cl-wa a {
font-size:12px;
color:#fff;
text-transform:uppercase;
text-decoration:none;
font-weight:700;
display:block;
margin:10px 0
}

.fixed-block-top {
text-align:center;
position:fixed;
z-index:999;
top:0;
width:100%;
background:red;
left:0;
right:0;
border-bottom:2px solid #000
}

.utp-block h1 {
text-transform:uppercase;
font-weight:900
}

.utp-block h2 {
font-size:1.8vw;
line-height:28px
}

.col-md-6.col-sm-6.utp-block-wrapper-outer {
padding-top:85px
}

.link-wrapper {
margin-top:60px
}

span.big {
color:red;
font-weight:700;
text-transform:uppercase
}

.location {
text-align:center
}

p.icon-loc:before {
position:absolute;
content:'';
width:25px;
height:35px;
background:url(/img/loc.png);
background-size:cover;
left:-146px;
right:0;
margin:0 auto;
top:9px;
background-repeat:no-repeat
}

p.icon-phone:before {
left:-167px;
background:url(/img/phone.png);
width:18px;
height:30px
}

p.icon-phone {
margin:12px 0 8px
}

a.link-header {
display:block;
width:164px;
margin:7px auto;
background:#6d952e;
color:#fff;
text-transform:uppercase;
text-decoration:none;
padding:5px;
box-shadow:3px 3px 3px #706f6c;
cursor:pointer
}

section.section_2 {
background:url(/img/bg.jpg);
padding:85px 0;
text-align:center
}

h3.header_text {
text-transform:uppercase;
font-weight:900;
margin-bottom:60px
}

.text-block {
margin-top:20px
}

.text-block p {
font-size:18px
}

section.section_3 {
background-image:url(/img/green.jpg);
background-size:cover;
background-repeat:no-repeat;
background-position:center;
padding:85px 0
}

section.section_3 h3.header_text {
font-size:3.8vw;
text-align:center;
color:#fff;
margin-bottom:30px
}

.text-wrapper-block {
max-width:650px;
margin:0 auto;
text-align:center;
font-size:20px;
color:#fff
}

.text-wrapper-block a.link-header {
width:375px;
background:#de261e;
box-shadow:3px 3px 3px #443737
}

section.Section_4 h4 {
font-size:22px;
text-transform:uppercase;
font-weight:700;
margin:20px 0
}

.row-wrapper {
margin:30px 0;
padding:30px 0;
border:10px solid #6d952e
}

.owl-item-block3.owl-carousel.owl-theme .item img {
max-width:95%
}

.col-md-6.col-sm-6.text-block2 h3.header_text {
text-align:initial;
font-size:2.8vw
}

.col-md-6.col-sm-6.text-block2 p {
text-align:initial;
font-size:25px
}

.clear {
clear:both
}

.row-wrapper-in {
padding:30px 0
}

section.sertificat-wrapper {
    background: url(/img/bg.jpg);
}

section.sertificat {
    padding: 85px 0px 115px;
    background-image: url(/img/serti.png);
    background-size: cover;
	background-position: center;
}
section.section_5 {
background-image:url(/img/red.jpg);
background-size:cover;
background-repeat:no-repeat;
background-position:center;
padding:35px 0 30px;
color:#fff
}

input.form-control {
color:#000!important;
border-radius:0!important;
height:45px!important;
box-shadow:2px 3px 4px #161616!important;
margin-bottom:15px
}

input.btn-success {
border-radius:0;
height:45px;
text-transform:uppercase;
font-size:20px;
background:#6d952e!important;
border-color:#6d952e!important;
box-shadow:3px 3px 3px #446d03
}

section.section_5 {
text-align:center
}

section.section_5 h3.header_text {
margin-bottom:15px;
font-size:3.8vw
}

section.section_5 h5 {
font-size:2vw;
margin-bottom:40px
}

.bottom-img-block img {
max-width:95%
}

section.section_6 p {
text-align:justify;
font-size:18px
}

section.section_6 h1 {
margin-bottom:19px;
text-transform:uppercase;
font-size:27px;
font-weight:700
}

footer.footer {
background:#000;
padding:30px 0;
background:#000;
color:#fff!important;
font-size:18px
}

footer.footer a {
text-decoration:none;
color:#fff
}

.call-back {
position:fixed;
bottom:0;
width:100%;
text-align:center;
background:#6d952e
}

.call-back a {
font-size:13px;
color:#fff;
text-transform:uppercase;
text-decoration:none;
font-weight:700;
display:block;
margin:10px 0;
cursor:pointer
}
.modal-body input {
    box-shadow: none !important;
    border-radius: 0 !important;
}
@media (max-width:767px) {
section.section_2,section.section_3 {
padding:40px 0
}
section.sertificat {
    padding: 40px 0px 40px;
}

p.icon-phone:before {
top:-4px
}

.col-md-6.col-sm-6.utp-block-wrapper-outer {
padding-top:0;
text-align:center
}

.utp-block {
background:#ffffff66;
padding:5px
}

.utp-block h2 {
font-size:1.8em
}

header.header {
text-align:center
}

.link-wrapper {
margin-top:20px;
text-align:center
}

.col-md-6.col-sm-6.text-block2 h3.header_text {
text-align:center;
font-size:4.8vw;
margin-bottom:30px
}

.col-md-6.col-sm-6.text-block2 p {
text-align:center;
font-size:22px
}

section.section_5 h3.header_text {
font-size:4.8vw
}

section.section_5 h5 {
font-size:1.7em;
margin-bottom:30px
}

section.section_3 h3.header_text {
font-size:4.8vw
}

section.wrapper-outer {
margin-top:35px
}
}

@media (min-width:768px) {
.fixed-block-top {
display:none
}

.call-back {
display:none
}
}*/
:root{
--bg:#ffffff; --fg:#0f172a; --muted:#52525b; --accent:#2563eb; --line:#e5e7eb; --ok:#059669; --warn:#ea580c; --bad:#dc2626;
--radius:16px; --space: clamp(16px, 2vw, 24px);
}
img{max-width:100%; display:block}
.wrap{/* max-width:1200px; *//* margin:0 auto; */padding:0 var(--space)}
.btn{display:inline-flex; align-items:center; gap:10px; padding:14px 18px; border:1px solid var(--fg); border-radius:999px; transition:.2s; font-weight:600}
.btn:hover{transform:translateY(-1px)}
.btn--primary{background:var(--fg); color:#fff; border-color:var(--fg)}
.btn--accent{background:var(--accent); color:#fff; border-color:var(--accent)}
.btn--ghost{background:transparent}
.badge{display:inline-block; padding:6px 10px; border:1px solid var(--line); border-radius:999px; color:var(--muted); font-size:12px}
header{/* position:sticky; *//* top:0; *//* backdrop-filter:saturate(180%) blur(10px); *//* background:color-mix(in srgb, var(--bg) 85%, transparent); *//* border-bottom:1px solid var(--line); *//* z-index:20; */}
.nav{display:flex; align-items:center; justify-content:space-between; padding:14px 0}
.nav__right{display:flex; align-items:center; gap:10px}
.logo{font-weight:800; letter-spacing:.2px}
.hero{padding:64px 0 40px}
.hero__grid{display:grid; grid-template-columns:1.2fr .8fr; gap:40px; align-items:end}
.h1{font-size: clamp(28px, 4vw, 56px); line-height:1.05; letter-spacing:-.02em; margin:0 0 12px}
.lead{font-size: clamp(16px, 1.6vw, 20px);color: white;margin:0 0 24px}
.hero__stats{display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:24px}
.stat{padding:14px; border:1px solid var(--line); border-radius:var(--radius)}
.stat b{font-size:20px;color: white;}
.card{border:1px solid var(--line); border-radius:var(--radius); padding:20px; background:#fff}
.grid{display:grid; gap:16px}
.grid--3{grid-template-columns:repeat(3,1fr)}
.grid--4{grid-template-columns:repeat(4,1fr)}
.grid--2{grid-template-columns:repeat(2,1fr)}
.section{padding:56px 0; border-top:1px solid var(--line)}
.section h2{font-size: clamp(22px, 2.6vw, 34px); margin:0 0 16px; letter-spacing:-.02em}
.muted{color: #ffffff;}
.list{display:grid; gap:6px; margin:0; padding:0; list-style:none}
.list li{display:flex; gap:10px}
.pill{display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border:1px solid var(--line); border-radius:999px;}
.steps{counter-reset: step}
.step{display:flex; gap:16px; align-items:flex-start}
.step:before{counter-increment: step;content: counter(step);/* width:36px; *//* height:36px; *//* border-radius:999px; */display:flex;align-items:center;justify-content:center;/* background:var(--fg); */color: #000000;font-weight:700;font-size: 50px;}
.price{font-size:28px; font-weight:800}
.striked{color:var(--muted); text-decoration:line-through}
.faq details{border:1px solid var(--line); border-radius:var(--radius); padding:16px}
.faq summary{cursor:pointer; font-weight:600}
.cta{display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px; border:1px solid var(--line); border-radius:var(--radius)}
.footer{padding:32px 0; border-top:1px solid var(--line); color:var(--muted)}
.kpi{display:flex; gap:8px; flex-wrap:wrap}
.mono{font-variant-numeric: tabular-nums}
.field{display:flex; gap:10px; flex-wrap:wrap}
input,select,textarea{width:100%; padding:12px 14px; border:1px solid var(--line); border-radius:12px; font: inherit}
form .btn{padding:12px 16px}
@media (max-width: 980px){
.hero__grid{grid-template-columns:1fr; gap:24px}
.grid--4{grid-template-columns:repeat(2,1fr)}
.grid--3{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 640px){
.nav{flex-wrap:wrap; gap:10px}
.cta{flex-direction:column; align-items:flex-start}
.grid--3,.grid--4,.grid--2{grid-template-columns:1fr}
}

h1.h1 {
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 35px;
}

a.button.btn.btn-default.d-table.btn-block.btn-success {
    width: auto;
}
.card p {
    color: black;
}
.wrap h2 {
    color: white;
}