@font-face {
font-family: 'Lato Thin';
src: url(//dprofit.kz/wp-content/themes/dprofit_by_bnv/libs/fonts/Lato-Thin.eot);
src: url(//dprofit.kz/wp-content/themes/dprofit_by_bnv/libs/fonts/Lato-Thin.eot?#iefix) format('embedded-opentype'),
url(//dprofit.kz/wp-content/themes/dprofit_by_bnv/libs/fonts/Lato-Thin.woff) format('woff'),
url(//dprofit.kz/wp-content/themes/dprofit_by_bnv/libs/fonts/Lato-Thin.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Lato Light';
src: url(//dprofit.kz/wp-content/themes/dprofit_by_bnv/libs/fonts/Lato-Light.eot);
src: url(//dprofit.kz/wp-content/themes/dprofit_by_bnv/libs/fonts/Lato-Light.eot?#iefix) format('embedded-opentype'),
url(//dprofit.kz/wp-content/themes/dprofit_by_bnv/libs/fonts/Lato-Light.woff) format('woff'),
url(//dprofit.kz/wp-content/themes/dprofit_by_bnv/libs/fonts/Lato-Light.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Lato Regular';
src: url(//dprofit.kz/wp-content/themes/dprofit_by_bnv/libs/fonts/Lato-Regular.eot);
src: url(//dprofit.kz/wp-content/themes/dprofit_by_bnv/libs/fonts/Lato-Regular.eot?#iefix) format('embedded-opentype'),
url(//dprofit.kz/wp-content/themes/dprofit_by_bnv/libs/fonts/Lato-Regular.woff) format('woff'),
url(//dprofit.kz/wp-content/themes/dprofit_by_bnv/libs/fonts/Lato-Regular.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Lato Semibold';
src: url(//dprofit.kz/wp-content/themes/dprofit_by_bnv/libs/fonts/Lato-SemiboldItalic.eot);
src: url(//dprofit.kz/wp-content/themes/dprofit_by_bnv/libs/fonts/Lato-SemiboldItalic.eot?#iefix) format('embedded-opentype'),
url(//dprofit.kz/wp-content/themes/dprofit_by_bnv/libs/fonts/Lato-SemiboldItalic.woff) format('woff'),
url(//dprofit.kz/wp-content/themes/dprofit_by_bnv/libs/fonts/Lato-SemiboldItalic.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Lato Bold';
src: url(//dprofit.kz/wp-content/themes/dprofit_by_bnv/libs/fonts/Lato-Bold.eot);
src: url(//dprofit.kz/wp-content/themes/dprofit_by_bnv/libs/fonts/Lato-Bold.eot?#iefix) format('embedded-opentype'),
url(//dprofit.kz/wp-content/themes/dprofit_by_bnv/libs/fonts/Lato-Bold.woff) format('woff'),
url(//dprofit.kz/wp-content/themes/dprofit_by_bnv/libs/fonts/Lato-Bold.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Lato Black';
src: url(//dprofit.kz/wp-content/themes/dprofit_by_bnv/libs/fonts/Lato-Black.eot);
src: url(//dprofit.kz/wp-content/themes/dprofit_by_bnv/libs/fonts/Lato-Black.eot?#iefix) format('embedded-opentype'),
url(//dprofit.kz/wp-content/themes/dprofit_by_bnv/libs/fonts/Lato-Black.woff) format('woff'),
url(//dprofit.kz/wp-content/themes/dprofit_by_bnv/libs/fonts/Lato-Black.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}  body {
margin: 0;
font-family: 'Lato Light' !important;
color: #202020 !important;
font-size: 20px !important
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}
.container{
max-width: 1170px !important
}  hr {
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace, monospace;
font-size: 1em;
}  a {
background-color: transparent;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
} button,
input {
overflow: visible;
} button,
select {
text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
} [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
} [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}  *,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}  body,
button,
input,
select,
optgroup,
textarea {
color: #404040;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} body {
background: #fff;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
} embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
} a {
color: #4169e1;
}
a:visited {
color: #800080;
}
a:hover,
a:focus,
a:active {
color: #191970;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
line-height: 1;
padding: 0.6em 1em 0.4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}   .main-navigation {
display: block;
width: 100%;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
display: block;
left: auto;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}
.main-navigation li {
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
} .menu-toggle,
.main-navigation.toggled ul {
display: block;
}
@media screen and (min-width: 980px) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: flex;
}
}
.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
} .sticky {
display: block;
}
.post,
.page {
margin: 0 0 1.5em;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
} .widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}   .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
} .infinity-end.neverending .site-footer {
display: block;
}   .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #primary[tabindex="-1"]:focus {
outline: 0;
} .alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
} .site-header{
padding-top: 10px;
padding-bottom: 10px;
border-bottom: #f5f5f5 2px solid;
}
.site-header .custom-logo{
max-width: 80px;
width: 100%;
}
.site-header i{
color: #246C22 ;
}
#site-navigation ul li a, .site-footer .FirstFooter .menu li a, .main-navigation a{
color: #202020 !Important;
font-family: 'Lato Thin';
font-size: 18px;
transition: 1s
}
#site-navigation ul li a:hover, .site-footer .FirstFooter .menu li a:hover, , .main-navigation a:hover{
font-family: 'Lato Thin';
color: #246C22;
text-decoration: underline;
transition: 1s
}
.main-navigation ul{
justify-content: space-around;	
}
#masthead .row{
align-items: center;
}
.Phone{
font-family: 'Lato Bold';
font-size: 18px;
color: #246C22;
float: right;
transition: 1s
}
.Phone:hover{
color: #246C22;
transition: 1s;
text-decoration: none;
}
.site-header .site-branding{
flex: 0 0 80px;
margin-right: 20px;
}
.site-header .Post{
flex: 0 0 30px;
margin-right: 20px;
}
.site-header .Post{
flex: 0 0 30px;
margin-right: 20px;
}
.site-header .HeaderPhone{
flex: 0 0 160px;
}
.call{
display: flex;
}
.HeaderPhone{
display: flex;
flex-direction: column;
align-items: flex-end;
}
.site-header .container, .new-header .new_container{
display: flex;
align-items: center;
}
.call img{
margin-right: 8px;
margin-top: 3px;
}
.call a{
font-family: 'Lato Bold';
color: #f9bb6d;
font-size: 16px;
text-decoration: underline;
line-height: 1;
}
.call a:hover{
color: #f9bb6d;
text-decoration: underline;
}
.site-footer{
background-color: #dddddd;
padding-top: 17px
}
.site-footer .custom-logo{
max-width: 138px;
width: 100%;
}
.FirstFooter{
display: flex;
align-items: center;
}
.FirstFooter .footer_logo{
flex: 0 0 180px;
margin-right: 20px;
}
.FirstFooter .footer_logo img{
max-width: 100px;
}
.FirstFooter .FooterCall{
flex: 0 0 180px;
}
.FirstFooter .footer-nav{
flex: 1;
}
.FirstFooter .footer-nav ul{
margin-bottom: 0;
}
.site-footer .FirstFooter .menu{
margin-left: 0;
padding-left: 0;
max-width: 600px;
display: flex;
justify-content: space-around;
margin-right: auto;
margin-left: auto;
flex-wrap: wrap;
}
.site-footer .FirstFooter .menu li{
list-style: none;
display: inline-block;
line-height: 1
}
.FooterCall{
text-align: right;
}
.FooterCall a{
color: #202020;
font-size: 18px;
transition: 1s
}
.FooterCall .LineLink{
border-bottom: #929292 1px solid;
line-height: 1.1;
}
.FooterCall a:hover{
color: #246C22;
text-decoration: none;
transition: 1s;
border-bottom:none;
}
.FooterCall > div{
line-height: 1.2;
margin-bottom: 8px;
}
.FooterCall > div:first-child{
line-height: 1.1
}
.FirstFooter .row{
align-items: center;
border-bottom: #cfcfcf 1px solid;
padding-top: 20px;
padding-bottom: 20px
}
.site-info{
text-align: center;
padding-top: 10px;
padding-bottom: 10px
}
.site-info p{
color: #707070;
font-family: 'Lato Light';
font-size: 15px;
margin-bottom: 0;
}
.site-info a{
color: #707070;
font-family: 'Lato Light';
font-size: 15px;
text-decoration: none;
border-bottom: #acacac 1px solid;
transition: 1s
}
.site-info a:hover{
font-family: 'Lato Bold';
color: #246C22;
text-decoration: none;
transition: 1s;
border-bottom: #246C22 1px solid
}
#Main_banner{
min-height: 600px;
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: 50% 50% !important;
display: flex;
justify-content: center;
align-items: center;
}
.wt_btn, .green_btn{
width: 100%;
max-width: 320px;
min-height: 60px;
border-radius: 20px;
}
.green_btn > p{
margin: 0;
}
.green_btn{
border: green 1px solid;
}
.wt_btn, .green_btn:hover {
background-color: #369433;
transition: 1s;
}
.fancybox-opened .fancybox-skin{
border-radius: 25px;
}
.green_btn, .wt_btn:hover{
background-color: #246C22;
transition: 1s;
}
.wt_btn a, .green_btn a{
font-weight: 600;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-transform: uppercase;
font-size: 20px;
min-height: 60px;
}
.wt_btn a:hover, .green_btn a:hover {
text-decoration: none;
}
.wt_btn a, .green_btn a:hover{
color:#246C22;
transition: 1s;
}
.green_btn a, .wt_btn a:hover{
color:#fff;
transition: 1s;
}
#Main_banner h2{
font-family: 'Lato Bold';
color: #fff;
font-size: 65px;
text-align: center;
margin-bottom: 40px;
}
#Main_banner .wt_btn{
margin: 0 auto;
}
.parallax { background-attachment: fixed !Important;
max-width: 1920px;
margin-right: auto;
margin-left: auto;
display: flex;
justify-content: center;
}
.parallax h1{
font-weight: 600;
font-size: 40px;
color: #222931;
max-width: 750px;
text-align: center;
}
.parallax2, .parallax_title {   background-attachment: fixed !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
margin-top: 0px;
max-width: 1920px;
margin-right: auto;
margin-left: auto;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
text-align: center;
padding: 80px 0;
}
.parallax2 {
min-height: 370px; 
}
.parallax_title{
min-height: 100px; 
margin-bottom: 30px;
}
.parallax2 h2, .parallax_title h2, .parallax_title h1, .parallax_title p{
color: #fff;
}
.parallax_title h1{
font-family: 'Lato Bold';
font-size: 40px;
max-width: 750px;
text-align: center;
margin: 0 auto;
}
.pp{
font-size: 16px;
max-width: 500px;
}
.parallax2 .pp, .parallax2 .pp a{
color: #fff;
}
.parallax2 .pp a{
text-decoration: underline;
}
.wpcf7-form-control-wrap input{
height: 50px;
padding: 0 20px;
width: 100%;
border-radius: 15px;
}
input[type="submit"]{
border: none !Important;
background: transparent !Important;
text-transform: uppercase;
color: #fff;
font-weight: 800;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
height: 57px;
}
.parallax2 .green_btn{
margin: 0 auto;
}
.wpcf7-spinner{
display: none !Important;
}
.green_btn p{
margin-bottom: 0;
}
a:active, a:focus { outline: none; }
input, textarea {outline:none;}
input:active, textarea:active {outline:none;}
:focus {outline:none;}
textarea {resize:none;}
textarea {resize:vertical;}
textarea {resize:horizontal;}  :active, :hover, :focus {
outline: 0;
outline-offset: 0;
}
.white_block, .grey_block{
min-height: 300px;
position: relative;
z-index: 600;
padding: 60px 0;
}
.white_block{
background-color: #fff;	
}
.grey_block{
background-color: #f8f8f8;	
}
.droggy .content_bl {
left: -160px;
}
.droggy img{
border-radius: 5px;
}
.content_bl {
padding: 50px 40px;
background-color: #fff;
margin-top: 60px;
position: relative;
width: 130%;
box-shadow: #c0bdbd 0 0 10px;
border-radius: 5px;
}
h2{
color:#246C22;
font-family: 'Lato Bold';
font-size: 35px !important;
margin-bottom: 30px !important;
} .slick-arrow{
position: absolute;
top: 50%;
z-index: 500;
cursor: pointer;
background-color: rgba(255,255,255,0.5);
padding: 10px;
}
.slick-arrow i{
font-size: 40px;
color: #246C22;
}
.sprite-prev{
left: 0;
}
.sprite-next{
right: 0;
}
.keys_item{
max-width: 320px;
margin: 0 auto;
display: block !Important;
background: #fff;
padding: 30px 20px;
border-radius: 5px;
box-shadow: #c0bdbd 0 0 10px;
min-height: 400px;
}
.keys_item h3{
color: #246C22;
font-family: 'Lato Regular';
margin-bottom: 20px;
}
.uslugy_item{
max-width: 560px;
border: #246C22 2px solid;
border-radius: 5px;
margin: 0 auto 30px auto;
}
.uslugy_item .title{
font-family: 'Lato Semibold';	
background-color: #246C22;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-weight: 600;
font-size: 24px;
text-transform: uppercase;
padding: 20px;
border-radius: 2px 2px 0 0;
}
.uslugy_item .cont{
padding: 30px 20px;
font-size: 22px;
min-height: 250px;
}
.uslugy_list{
list-style-type: none;
counter-reset: css-counter 0;
margin-top: 30px;
}
.uslugy_list .uslugy_item .cont{
counter-increment: css-counter 1; 
position: relative;
z-index: 2;
background-color: #fff;
}
.uslugy_list .uslugy_item .cont:before {
content: "0" counter(css-counter);
font-family: 'Lato Black';
font-size: 260px;
color: rgba(245,245,245,.4);
position: absolute;
z-index: -1;
left: 0;
bottom: 0;
line-height: .8;}
.uslugy_item .cost{
font-family: 'Lato Bold';
background: #f5f5f5;
height: 60px;
padding: 0 20px;
display: flex;
align-items: center;
color: #246C22;
font-weight: 800;
font-size: 28px;
border-radius: 0 0 5px 5px;
}
.egipment_img{
align-items: center;
}
.pppp{
padding: 40px 0;
}
.pppp img{
border-radius: 0 30px 30px 30px;
}
.mt60{
margin-top: 60px;
}
.droggy.right3 .content_bl {
left: 30px;
z-index: 88;
}
.egipment_img_item{
width: 100%;
height: 120px;
max-width: 120px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 30px;
}
.client-slider-item{
padding: 10px;
}
.client-slider-item img{
background-color: #fff;
border: #f5f5f5 1px solid;
border-radius: 10px;
width: 100%;
max-width: 180px;
height: 150px;
object-fit: contain;
padding: 10px;
box-shadow: #c0bdbd 0 0 10px;
}
.client-slider .slick-arrow{
top: 30%;
}
.otzyvy_item{
margin-bottom: 30px;
}
.otzyvy_item img{
width: 110px;
height: 110px;
object-fit: contain;
border-radius: 50%;
background-color: #fff;
}
.otzyvy_wrap .text_block{
background: #fff;
padding: 20px;
border-radius: 10px;
position: relative;
box-shadow: #c0bdbd 5px 5px 10px;
}
.otzyvy_wrap .text_block:before{
content: '';
width: 0; 
height: 0;
border-top: 20px solid transparent;
border-right: 30px solid #fff;
border-bottom: 20px solid transparent;
position: absolute;
top: 20%;
left: -30px;
}
.otzyvy_wrap .text_block h4, .otzyvy_wrap .text_block h5{
color: #246C22;
}
.otzyvy_wrap .text_block h4{
font-weight: 800;
text-transform: uppercase;
}
.contacts{
background: linear-gradient(rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0.4)),url(//dprofit.kz/wp-content/uploads/2023/03/1674698318_top-fon-com-p-foni-dlya-prezentatsii-nalogovaya-18.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 100%;
}
.contacts{
padding: 60px 0;
}
#contact_form_pop_up{
padding: 40px;
}
.contacts h3{
font-family: 'Lato Bold';
color: #fff;
font-size: 40px;
max-width: 450px;	
}
.contacts h3 span{
color:#246C22;
background: #fff;
padding: 2px;
}
.contacts hr{
max-width: 200px;
height: 5px;
background-color: #246C22;
margin: 20px 0;
}
.contacts p{
font-size: 25px;
color: #fff;
}
.contacts .row{
align-items: center;
}
.contacts .pp, #contact_form_pop_up .pp, .contacts .pp a, #contact_form_pop_up .pp a{
text-align: center;
font-size: 16px;
}
.contacts .pp, .contacts .pp a{
color: #fff;
}
#contact_form_pop_up .pp, #contact_form_pop_up .pp a{
color: #404040;
}
.contacts .green_btn, #contact_form_pop_up .green_btn{
margin: 0 auto;
}
.contacts .wpcf7-form > div{
text-align: center;
}
.page{
margin-bottom: 0 !Important;
}
.socsety a{
width: 30px;
height: 30px;
background-color: #fff;
border-radius: 10px;
display: flex !Important;
justify-content: center;
align-items: center;
transition: 1s;
margin-left: 10px;
}
.socsety a:hover, .contact_info .socsety a:hover{
background-color: #246C22;
transition: 1s;
color: #fff;
text-decoration: none;
}
.socsety{
display: flex;
justify-content: end;
}
.contact_info a{
color: #292929;
display: block;
}
.contact_info p{
margin-bottom: 0;
}
.contact_info {
margin-bottom: 30px;
}
.contact_info .socsety a{
background-color: #f5f5f5;
}
.bredcr_wrap{
background: #f5f5f5;
padding: 20px 0;
margin-bottom: 30px;
}
#breadcrumbs{
margin-bottom: 0;
}
#breadcrumbs a, .breadcrumb_last{
font-size: 16px;
}
#breadcrumbs a{
color: #246C22;
font-weight: 400;
border-bottom: #246C22 1px solid;
}
.Ya_sh_wrap{
margin-bottom: 30px;
}
.artc_item{
background-color: #f5f5f5;
padding: 20px;
margin-bottom: 30px;
border-radius: 5px;
transition: 0.5s;
box-shadow: none;
max-width: 360px;
margin-left: auto;
margin-right: auto;
}
.artc_item img{
height: 320px;
width: 100%;
max-width: 320px;
object-fit: cover;
}
.ark_link{
display: block;
min-height: 430px;
}
.artc_item:hover{
background-color: #fff;
box-shadow: #c0bdbd 0 0 10px;
transition: .5s;
}
.artc_item a, .artc_item a:hover, .post_nav a, .post_nav a:hover{
color: #292929;
text-decoration: none;
}
.artc_item h3{
font-size: 20px;
margin-top: 20px;
text-transform: uppercase;
}
.info_ark{
display: flex;
justify-content: space-between;
align-items: center;
}
.info_ark .data{
color: #9f9f9f;
font-size: 16px;
}
.info_ark .data p{
margin-bottom: 0;
}
.news .green_btn{
margin: 0 auto;
border: #246C22 1px solid;
}
.news .green_btn:hover{
background-color: #f5f5f5;
}
.post_nav{
background-color: #f5f5f5;
padding: 10px 20px;
margin: 20px 0;
}
.post_nav .post-navigation{
margin: 0;
}
.page-numbers {
padding: 1% 2%;
box-shadow: 0 0 10px #ccc;
margin: 0 1% 0 0;
background: #fff;
border-radius: 3px;
display: inline-block;
text-decoration: none;
color: #246C22 !important;
font-weight: 600;
}
.nav-links{
width: 100%;
margin-bottom: 30px;
}
.pokazately{
position: fixed;
top: 140px;
right: 20px;
background: rgba(255, 255, 255, .9);
padding: 30px;
border-radius: 0 25px 25px 25px;
z-index: 8888;
transition: 1s;
}
.pokazately.close{
right: -250px;
transition: 1s;
}
.pokazately.close > .close_pokazately i{
transform: rotate(180deg);
transition: 1s;
}
.pokazately_item{
background-color: #fff;
padding: 10px;
border-radius: 15px;
text-align: center;
box-shadow: #938e8e 0 0 20px;
max-width: 200px;
}
.pokazately_item:not(:last-child){
margin-bottom: 30px;
}
.pokazately_item h3{
font-size: 18px;
color: #246C22;
font-family: 'Roboto', sans-serif;
font-weight: 600;
}
.pokazately_item a, .pokazately_item a:hover, .pokazately_item a:visited {
color: green;
text-decoration: none;
}
.pokazately_item a:hover .pokazately_item{
box-shadow: #292929 0 0 5px;
}
.pokazately_item p{
font-family: 'Lato Bold';
font-size: 20px;
color: #212529;
margin-bottom: 0;
}
.close_pokazately{
width: 40px;
height: 40px;
background-color: #fff;
border-radius: 5px;
display: flex;
justify-content: center;
align-items: center;
top: 0;
position: absolute;
left: -30px;
cursor: pointer;
}
.close_pokazately i{
color: green;
}
.pokaz_table td{
padding: 10px;
}
.pokaz_table tr > td:nth-child(2), .pokaz_table tr > td:nth-child(3){
color: green;
} .wrap-myvertical-tabs {
max-width: 100%;
display: flex;
align-items: flex-start;
margin-bottom: 60px;
margin-top: 30px;
}
.myvertical-tabs {
list-style: none;
background: #FFF;
padding: 0;
margin: 0;
flex: 0 0 20%;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.myvertical-tabs li {
padding: 10px 15px;
color: #777;
cursor: pointer;
background: #f7f7f7;
border: 1px solid #e3e3e3;
position: relative;
flex-basis: 100%;
min-height: 64px;
display: flex;
align-items: center;
}
.myvertical-tabs li:hover {
color: #434343;
background: #efefef;
border: 1px solid #e3e3e3;
}
.myvertical-tabs li.chosen {
color: #434343;
background: #efefef;
border-right: 1px solid transparent;
font-family: 'Lato Bold';
}
.myvertical-tabs-content {
display: none;
background: #EFEFEF;
padding: 15px 30px;
margin-left: -1px;
min-height: 400px;
border: #EFEFEF 1px solid;
}
.myvertical-tabs-content.active {
display: block;
}
.myvertical-tabs-content-wrap{
width: 100%;
}
.myvertical-tabs-content a, .poles_link a{
font-size: 18px;
color: #246C22;
border-bottom: green 1px solid;
}
.myvertical-tabs-content a:hover, .poles_link a:hover{
color: #246C22;
border-bottom: none;
text-decoration: none;
}
.lending_banner{
background: linear-gradient(rgba(255, 255, 255, 0.8),rgba(0, 0, 0, 0.8)),url(//dprofit.kz/wp-content/uploads/2023/06/1614858748_98-p-bukhgalterskii-fon-132.webp) 50% 0% no-repeat;
background-size: cover;
max-height: 550px;
margin-bottom: 60px;
}
.lending_banner .banner_pict img{
border-radius: 40px;
max-height: 550px;
}
.lending_banner .banner_pict{
margin-top: 30px;
display: flex;
justify-content: end;
position: relative;
}
.lending_banner .banner_text{
display: flex;
flex-direction: column;
justify-content: center;
}
.lending_banner .banner_pict::before {
content: '';
border-radius: 60px 0px 60px 60px;
width: 500px;
height: 500px;
transform: rotate(-5.989deg);
z-index: 1;
border: #fff 4.7px solid;
position: absolute;
left: 30%;
}
.lending_banner .banner_text h1{
color: #fff;
margin-bottom: 30PX;
}
.lending_banner .banner_text h2{
color: #44EA3F;
}
.arrow-7 {
margin: 0 0 0px 30px;
width: 38px;
height: 100px;
}
.arrow-7 span {
display: block;
width: 30px;
height: 30px;
border-bottom: 5px solid #44EA3F;
border-right: 5px solid #44EA3F;
transform: rotate(45deg);
margin: -16px 0;
animation: arrow-7 2s infinite;
}
.arrow-7 span:nth-child(2){
animation-delay: -0.2s;
}
.arrow-7 span:nth-child(3){
animation-delay: -0.4s;
}
@keyframes arrow-7 {
0%{
opacity: 0;
transform: translate(0,-20px) rotate(45deg);
}
50%{
opacity: 1;
}
100%{
opacity: 0;
transform: translate(0,20px) rotate(45deg);
}
}
.gorizont .ikon_block_item{
display: flex;
}
.uslugy_list .ikon_block_item >div:first-child{
flex: 0 0 100px;
margin-right: 30px;
}
.vertikal {
display: flex;
column-gap: 30px;
margin: 40px 15px;
}
.modul-service-list > div{
flex: 0 0 24%;
text-align: center;
padding: 30px 20px;
border-radius: 5px;
box-shadow: #c0bdbd 0 0 10px;
}
.modul-service-list .ikon_block_item img{
width: 80px;
height: 80px;
object-fit: contain;
}
.modul-service-list .ikon_block_item > div:first-child{
width: 80px;
height: 80px;
margin: 0 auto 30px auto;
display: flex;
justify-content: center;
align-items: center;
}
.greenTxt{
color: #246C22;
font-weight: 800;
}
.uslugy_list .ikon_block_item{
margin-bottom: 30px;
background: #fff;
padding: 30px 20px;
border-radius: 5px;
box-shadow: #c0bdbd 0 0 10px;
align-items: center;
}
.uslugy_list h3{
color:#246C22;
font-size: 23px;
font-weight: 800;
}
.uslugy_list img{
max-width: 80px;
max-height: 80px;
object-fit: cover;
}
.discont{
margin-top: 30px;
margin-bottom: 30px;
}
.discont .green_btn{
max-width: 800px;
margin: 0 auto;
}
.txt56{
padding: 60px 10px;
}
.txt56 .h3{
line-height: 1.6;
}
.color_banner{
border-radius: 15px;
margin-top: 40px;
margin-bottom: 40px;
position: relative;
min-height: 360px;
}
.color_banner_wrap .text_blco_color_banner{
padding: 40px 70px 0 70px;
}
.color_banner_wrap .batton_block{
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 70px 0px;
flex-wrap: wrap;
}
.color_banner_wrap ul li, .color_banner_wrap ol li, .color_banner_wrap p, .color_banner_wrap ul li a, .color_banner_wrap ol li a{
font-size: 18px;
font-weight: 400;
}
.color_banner_wrap h2{
font-size: 38px;
}
.color_banner_wrap .call_fos, .color_banner_wrap .detail_link, .fotoBanner .call_fos{
height: 50px;
border-radius: 5px;
margin-bottom: 10px;
}
.fotoBanner .call_fos{
max-width: 260px;
}
.color_banner_wrap .call_fos a, .color_banner_wrap .detail_link a, .fotoBanner .call_fos a{
font-size: 16px;
text-transform: uppercase;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 0 25px;
text-decoration: none;
}
.fotoBanner .call_fos a{
color:#ef5120 ;
}
.fotoBanner .call_fos {
background-color: #ffffff;
color: #ef5120;
border: #ffffff 2px solid;
transition: .5s;
}
.fotoBanner .call_fos:hover {
background-color: #ef5120;
border: #ffffff 2px solid;
transition: .5s;
}
.fotoBanner .call_fos:hover a{
color: #fff;
}
.color_banner_wrap .banner_img{
position: absolute;
right: 0;
max-width: 350px;
}
.color_banner_wrap .detail_link:hover a, .fotoBanner .call_fos a{
text-decoration: none;
}
.color_banner_wrap{
padding-bottom: 30px;
}
.color_banner_wrap a:hover{
text-decoration: none;
}
.akcia{
padding:10px;
background-color: #cf2e2e;
color: #fff;
font-weight: 600;
text-align: center;
}
.not-found{
position: relative;
min-height: 300px;
}
#nothing-pict{
position: absolute;
bottom: 0;
right: 0;
max-width: 400px;
}
.not-found input[type="submit"]{
background: #246C22;
max-width: 258px;
}
.non_akcia{
background: #fff;
min-height: 50px;
}
.uslugy_item .wt_btn, .uslugy_item .green_btn{
max-width: 100%;
border-radius: 0;
border: none;
}
.uslugy_item .wt_btn:hover, .uslugy_item .green_btn:hover{
background-color: #dbd8d8;
}
.uslugy_item .wt_btn:hover > a, .uslugy_item .green_btn:hover > a{
color: #292929;
}
.preimesh .preim_header{
background-color: #246C22;
display: flex;
align-items: center;
gap: 15px;
padding: 15px;
border-radius: 5px;
min-height: 160px;
margin-bottom: 10px;
}
.preimesh .preim_header > div:first-child{
flex: 0 0 50px;
}
.preimesh .preim_header img{
filter: brightness(800%);
}
.preimesh .preim_header h3{
color: #fff;
font-size: 22px;
font-family: 'Lato Bold';
}
.preimesh .preim_body{
padding: 15px;
border-radius: 5px;
border: #246C22 1px solid;
box-shadow: #c0bdbd 0 0 10px;
min-height: 250px;
display: flex;
align-items: center;
background-color: #fff;
}
.preimesh > .container > .row > div{
margin-bottom: 30px;
}
.sertif_slider .slick-slide > div{
padding: 15px;
}
.sertif_slider .slick-slide img{
max-width: 330px;
max-height: 400px;
object-fit: contain;
padding: 5px;
border: #dfdfdf 1px solid;
border-radius: 5px;
margin: 0 auto;
}
.scheme__list {
counter-reset: li;
padding-left: 0;
position: relative;
margin-bottom: 50px;
}
.scheme__list::before {
content: '';
width: 2px;
position: absolute;
left: 25px;
top: 0;
bottom: 0;
background-color: #246C22;
}
.scheme__item {
list-style-type: none;
display: flex;
margin-bottom: 20px;
font-size: 22px;
align-items: center;
}
.scheme__item::before {
counter-increment: li;
content: counter(li);
width: 50px;
height: 50px;
border-radius: 50%;
display: flex;
align-items: center;
flex-shrink: 0;
justify-content: center;
background-color: #246C22;
color: #fff;
font-weight: 400;
font-size: 24px;
margin-right: 20px;
position: relative;
z-index: 1;
font-family: 'Lato Bold';
}
.sertificates{margin-top: 40px;}
.main-navigation .sub-menu{
display: flex !Important;
flex-direction: column;
background-color: #fff !Important;
background: #fff;
padding: 20px;
}
.main-navigation.toggled .sub-menu{
background-color: #fff
}
.main-navigation .sub-menu li{
margin-bottom: 10px;
}
.testmon{
display: none;
}
.main_uslugy_list {
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: flex-start;
gap: 30px;
}
.main_uslugy_list > div{
flex: 0 0 30%;
max-width: 400px;
min-width: 320px;
}
.fotoBanner{
background-color: #ef5120;
border-radius: 30px;
}
.fotoBanner .text_blco_color_banner h2, .fotoBanner .text_blco_color_banner p{
color: #fff;
}
.fotoBanner .text_blco_color_banner{
padding: 30px 10px;
}
.fotoBanner img{
border-radius: 30px 0 0 30px;
width: 100%;
height: 100%;
object-fit: cover;
}
.fotoBanner{
box-shadow: #918f8f 0 10px 10px;
}
.new_banner_s_video{
display: flex;
position: relative;
}
#comp_name{
color: green;
font-family: 'Lato Bold';
font-size: 80px;
margin-left: -50px;
font-weight: 800;
background-color: rgba(255,255,255,.7);
display: inline-block;
padding: 0px 20px;
margin-top: 30px;
box-shadow: #aca5a5 0 0 10px;
z-index: 8888;
position: relative;
}
#about_dir img{
width: 80px;
height: 80px;
border-radius: 50%;
}
#about_dir h3{
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
}
#about_dir{
text-align: center;
position: absolute;
top: 40px;
right: 40px;
}
.text_block{
padding: 30px;
}
#about_dir .pol{
width: 2px;
height: 30px;
background-color: #3c3c3c;
margin: 20px auto;
}
.text_block .main_txt{
margin-top: 100px;
}
.text_block .main_txt .green_txt{
color: #246C22;
font-weight: 800;
font-size: 25px;
}
.text_block .second_txt{
font-family: 'Lato Semibold';
}
.new_banner_s_video{
background-color: rgba(245, 245, 245, 0.8); 
box-shadow: #292929 0 10px 20px; 
margin-top: 30px;
margin-bottom: 30px;
}
.wrap-myvertical-tabs.video_sovety_tabs{
background-color: #efefef;
}
.wrap-myvertical-tabs.video_sovety_tabs .myvertical-tabs{
flex: 0 0 60%;
gap: 20px;
padding: 20px;
background-color: transparent;
}
.wrap-myvertical-tabs.video_sovety_tabs .myvertical-tabs li{
flex: 0 0 40% ;
justify-content: center;
background: #fff;
border: 1px solid #fff;
}
.wrap-myvertical-tabs.video_sovety_tabs .myvertical-tabs li.chosen{
color: #fff;
background: #1a8d1a;
}
.video_bl{
position: relative;
z-index: 8888;
}
.video_bl > video{
position: relative;
z-index: 1;
}
.warning, .imptxt {
background: #fff;
padding: 40px 40px 40px 120px !Important;
border-radius: 5px;
position: relative;
margin: 20px 0;
}
.warning {
border: #e42320 2px solid;
}
.signpost1-right.red {
background-color: #e42320;
}
.signpost1-right {
background-color: #e42320;
width: 100px;
height: 40px;
clip-path: polygon(0% 0%, 88% 0%, 100% 50%, 88% 100%, 0% 100%);
shape-outside: polygon(0% 0%, 88% 0%, 100% 50%, 88% 100%, 0% 100%);
position: absolute;
left: -10px;
top: 20px;
}
.wp-video{
margin-bottom: 30px;
}
.text_blco_color_banner p{
font-size: 22px;
}
.new-header .main-navigation a, .new-header #site-navigation ul li a{
font-family: 'Manrope', sans-serif;
color: #334155; 
font-size: 16px;
font-weight: 500;
}
.new-header .site-branding{
flex: 0 0 160px;
}
.new-header .custom-logo{
max-width: 160px;
}
.new-header .main-navigation a:hover, .new-header #site-navigation ul li a:hover{
color: #246C22 !important;
text-decoration: none;
}
.btn-consultation {
font-family: 'Manrope', sans-serif;
background-color: #246C22;
color: #ffffff !important;
font-weight: 600;
font-size: 14px;
border-radius: 18px;
text-decoration: none;
transition: all 0.2s ease;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
width: 100%;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.btn-consultation:hover{
text-decoration: none;
color: #fff;
} 
.btn-consultation:hover {
background-color: #1c571b;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.header-cta{
flex: 0 0 220px;
}
:root {
--primary-color: #246C22;
--primary-hover: #1c571b;
--font-roboto: 'Manrope', sans-serif;
}
.new-footer {
background-color: #040711;
color: #94a3b8;
padding: 48px 0;
font-family: var(--font-roboto);
font-size: 12px;
border-top: 1px solid rgba(15, 23, 42, 0.8);
}
.footer-container {
max-width: 1280px;
margin: 0 auto;
padding: 0 16px;
display: flex;
flex-direction: column;
gap: 40px;
} .footer-top {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
gap: 32px;
flex-wrap: wrap;
}
.footer-col {
display: flex;
flex-direction: column;
gap: 12px;
min-width: 160px;
}
.col-info {
max-width: 320px;
}
.company-desc {
margin: 0;
line-height: 1.6;
color: #94a3b8;
}
.company-bin {
color: var(--primary-color);
font-weight: 600;
font-size: 11px;
}
.text-white {
color: #ffffff !important;
}
.footer-title {
color: #ffffff;
font-size: 14px;
font-weight: 700;
margin: 0;
}
.footer-links {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 8px;
}
.footer-links a {
color: #94a3b8;
text-decoration: none;
transition: color 0.2s ease;
}
.footer-links a:hover {
color: var(--primary-color);
}
.footer-address {
font-style: normal;
display: flex;
flex-direction: column;
gap: 6px;
}
.footer-address p {
margin: 0;
}
.footer-address .phone {
color: #ffffff;
font-weight: 700;
font-size: 14px;
text-decoration: none;
}
.footer-address .whatsapp {
color: #32932f;
font-weight: 600;
text-decoration: none;
}
.footer-address .email {
color: #94a3b8;
text-decoration: none;
}
.footer-address a:hover {
color: var(--primary-color);
} .footer-bottom {
padding-top: 24px;
border-top: 1px solid rgba(15, 23, 42, 0.8);
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
font-size: 11px;
color: #64748b;
flex-wrap: wrap;
gap: 16px;
}
.footer-bottom .copyright {
margin: 0;
}
.legal-links {
display: flex;
gap: 24px;
}
.legal-links a {
color: #64748b;
text-decoration: none;
transition: color 0.2s ease;
}
.legal-links a:hover {
color: #cbd5e1;
}
.footer-links a:hover{
text-decoration: none;
}
.copyright a{
color: #fff;
}
.copyright a:hover{
color:#cbd5e1;
text-decoration: none;
}
.new-footer .socsety{
justify-content: start;
}
.new-footer .socsety a{
margin-left: 0;
margin-right: 10px;
}
.new-footer .socsety i{
color: #000;
}
.new-footer .socsety a:hover > i{
color: #fff;
} .new-first-block {
position: relative;
background-color: #0B1730;
color: #ffffff;
font-family: 'Roboto', sans-serif;
padding: 60px 0 100px 0;
overflow: hidden;
}
.new_container{
max-width: 1280px;
margin: 0 auto;
padding: 0 15px;
}
.new-first-block__container {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 48px;
flex-wrap: wrap;
}
.new-first-block__content {
flex: 1;
min-width: 320px;
display: flex;
flex-direction: column;
gap: 24px;
}
.new-first-block__badge {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 6px 16px;
border-radius: 9999px;
background-color: rgba(30, 41, 59, 0.7);
border: 1px solid rgba(51, 65, 85, 0.6);
font-size: 13px;
color: #cbd5e1;
width: fit-content;
}
.new-first-block__badge-dot {
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #246C22;
}
.new-first-block__title {
font-size: 48px;
font-weight: 700;
line-height: 1.15;
margin: 0;
color: #ffffff;
}
.new-first-block__title-accent {
color: #246C22;
}
.new-first-block__desc {
font-size: 16px;
line-height: 1.6;
color: #cbd5e1;
margin: 0;
max-width: 600px;
}
.new-first-block__features {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 20px;
font-size: 14px;
font-weight: 500;
color: #cbd5e1;
}
.new-first-block__feature-item {
display: flex;
align-items: center;
gap: 8px;
}
.new-first-block__buttons {
display: flex;
flex-direction: row;
gap: 16px;
flex-wrap: wrap;
padding-top: 8px;
}
.new-first-block__btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 14px 28px;
border-radius: 12px;
font-size: 15px;
font-weight: 700;
text-decoration: none;
cursor: pointer;
transition: all 0.2s ease;
border: none;
}
.new-first-block__btn--primary {
background-color: #246C22;
color: #ffffff !important;
text-decoration: none !Important;
}
.new-first-block__btn--primary:hover {
background-color: #1c571b;
}
.new-first-block__btn--secondary {
background-color: rgba(30, 41, 59, 0.8);
color: #ffffff !important;
border: 1px solid rgba(51, 65, 85, 0.8);
text-decoration: none !Important;
}
.new-first-block__btn--secondary:hover {
background-color: rgba(30, 41, 59, 1);
border-color: rgba(100, 116, 139, 0.8);
}
.new-first-block__card-wrapper {
position: relative;
width: 100%;
max-width: 480px;
}
.new-first-block__card {
background-color: rgba(20, 38, 76, 0.9);
border: 1px solid rgba(51, 65, 85, 0.5);
border-radius: 20px;
padding: 28px;
display: flex;
flex-direction: column;
gap: 24px;
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3);
}
.new-first-block__stats {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.new-first-block__stat-item {
flex: 1 1 calc(50% - 12px);
min-width: 140px;
background-color: rgba(25, 47, 92, 0.8);
border: 1px solid rgba(51, 65, 85, 0.4);
border-radius: 14px;
padding: 16px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.new-first-block__stat-num {
font-size: 26px;
font-weight: 800;
color: #ffffff;
}
.new-first-block__stat-label {
font-size: 12px;
color: #94a3b8;
margin-top: 4px;
}
.new-first-block__director {
display: flex;
align-items: center;
gap: 12px;
padding-top: 16px;
border-top: 1px solid rgba(51, 65, 85, 0.5);
}
.new-first-block__director-avatar {
width: 44px;
height: 44px;
border-radius: 50%;
background-color: #246C22;
color: #ffffff;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.new-first-block__director-name {
font-size: 14px;
font-weight: 700;
color: #ffffff;
}
.new-first-block__director-title {
font-size: 12px;
color: #94a3b8;
}
.new-first-block__offer {
position: absolute;
bottom: -54px;
right: -12px;
background-color: #246C22;
color: #ffffff;
padding: 14px 20px;
border-radius: 14px;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
border: 1px solid rgba(52, 211, 153, 0.4);
cursor: pointer;
transition: transform 0.2s ease;
}
.new-first-block__offer:hover {
transform: translateY(-2px);
background-color: #1c571b;
}
.new-first-block__offer-subtitle {
font-size: 10px;
text-transform: uppercase;
font-weight: 700;
color: #a7f3d0;
letter-spacing: 0.5px;
}
.new-first-block__offer-title {
font-size: 14px;
font-weight: 800;
margin-top: 2px;
}
.new-first-block__offer-text {
font-size: 11px;
color: #d1fae5;
margin-top: 2px;
}
.new-first-block__wave {
position: absolute;
bottom: 0;
left: 0;
right: 0;
line-height: 0;
pointer-events: none;
}
.new-first-block__wave-svg {
width: 100%;
height: 48px;
fill: #f8fafc;
} .new-about-us {
position: relative;
background-color: #f8fafc;
padding: 80px 0;
font-family: 'Roboto', sans-serif;
color: #0f172a;
}
.new-about-us__container {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
gap: 48px;
flex-wrap: wrap;
}
.new-about-us__content {
flex: 1 1 580px;
display: flex;
flex-direction: column;
gap: 24px;
}
.new-about-us__tag {
font-size: 13px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 1.5px;
color: #246C22;
}
.new-about-us__title {
font-size: 40px;
font-weight: 800;
line-height: 1.2;
color: #0f172a;
margin: 0;
}
.new-about-us__desc {
display: flex;
flex-direction: column;
gap: 16px;
font-size: 15px;
line-height: 1.65;
color: #475569;
}
.new-about-us__desc p {
margin: 0;
}
.new-about-us__desc strong {
color: #0f172a;
font-weight: 700;
}
.new-about-us__grid {
display: flex;
flex-wrap: wrap;
gap: 16px;
padding-top: 12px;
}
.new-about-us__card {
flex: 1 1 calc(50% - 16px);
min-width: 260px;
background-color: #ffffff;
border-radius: 16px;
padding: 24px;
border: 1px solid #f1f5f9;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
display: flex;
flex-direction: column;
gap: 8px;
transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.new-about-us__card:hover {
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.08);
transform: translateY(-2px);
}
.new-about-us__card-icon {
width: 40px;
height: 40px;
border-radius: 12px;
background-color: #ecfdf5;
color: #246C22;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 4px;
}
.new-about-us__card-title {
font-size: 16px;
font-weight: 700;
color: #0f172a;
margin: 0;
}
.new-about-us__card-text {
font-size: 13px;
line-height: 1.5;
color: #64748b;
margin: 0;
}
.new-about-us__leader-wrapper {
flex: 1 1 420px;
max-width: 500px;
width: 100%;
}
.new-about-us__leader-card {
background-color: #0F1E3D;
color: #ffffff;
border-radius: 24px;
padding: 36px;
box-shadow: 0 20px 30px rgba(15, 30, 61, 0.25);
border: 1px solid rgba(255, 255, 255, 0.08);
display: flex;
flex-direction: column;
gap: 28px;
}
.new-about-us__leader-header {
display: flex;
flex-direction: column;
gap: 16px;
}
.new-about-us__leader-avatar {
width: 72px;
height: 72px;
border-radius: 18px;
background-color: #246C22;
border: 2px solid rgba(52, 211, 153, 0.6);
display: flex;
align-items: center;
justify-content: center;
font-size: 32px;
font-weight: 900;
color: #ffffff;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.new-about-us__leader-name {
font-size: 22px;
font-weight: 800;
color: #ffffff;
margin: 0;
}
.new-about-us__leader-title {
font-size: 13px;
color: #34d399;
font-weight: 500;
margin-top: 4px;
margin-bottom: 0;
}
.new-about-us__leader-quote {
border-left: 3px solid #246C22;
padding-left: 16px;
margin: 0;
font-style: italic;
font-size: 14px;
line-height: 1.6;
color: #e2e8f0;
}
.new-about-us__leader-metrics {
display: flex;
flex-direction: row;
gap: 12px;
padding-top: 20px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.new-about-us__metric-box {
flex: 1;
background-color: #15274D;
border-radius: 14px;
padding: 14px 10px;
text-align: center;
}
.new-about-us__metric-num {
font-size: 20px;
font-weight: 800;
color: #ffffff;
}
.new-about-us__metric-num--accent {
color: #34d399;
}
.new-about-us__metric-label {
font-size: 11px;
color: #94a3b8;
margin-top: 4px;
} .new-our-services {
position: relative;
background-color: #ffffff;
padding: 80px 0;
font-family: 'Roboto', sans-serif;
color: #0f172a;
}
.new-our-services__container {
display: flex;
flex-direction: column;
gap: 48px;
}
.new-our-services__header {
text-align: center;
max-width: 720px;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
}
.new-our-services__tag {
font-size: 13px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 1.5px;
color: #246C22;
}
.new-our-services__title {
font-size: 38px;
font-weight: 800;
line-height: 1.2;
color: #0f172a;
margin: 0;
}
.new-our-services__subtitle {
font-size: 15px;
color: #64748b;
margin: 0;
line-height: 1.6;
}
.new-our-services__grid {
display: flex;
flex-wrap: wrap;
gap: 28px;
}
.new-our-services__card {
flex: 1 1 calc(33.333% - 28px);
min-width: 300px;
background-color: #f8fafc;
border: 1px solid #f1f5f9;
border-radius: 20px;
padding: 28px;
display: flex;
flex-direction: column;
justify-content: space-between;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.03);
transition: all 0.3s ease;
}
.new-our-services__card:hover {
border-color: rgba(36, 108, 34, 0.3);
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.08);
transform: translateY(-3px);
}
.new-our-services__card-content {
display: flex;
flex-direction: column;
gap: 18px;
}
.new-our-services__card-top {
display: flex;
align-items: center;
justify-content: space-between;
}
.new-our-services__card-icon {
width: 44px;
height: 44px;
border-radius: 12px;
background-color: #ecfdf5;
color: #246C22;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
}
.new-our-services__card-price {
font-size: 12px;
font-weight: 700;
color: #334155;
background-color: #ffffff;
padding: 6px 12px;
border-radius: 9999px;
border: 1px solid #e2e8f0;
}
.new-our-services__card-body {
display: flex;
flex-direction: column;
gap: 8px;
}
.new-our-services__card-title {
font-size: 19px;
font-weight: 800;
color: #0f172a;
margin: 0;
transition: color 0.2s ease;
}
.new-our-services__card:hover .new-our-services__card-title {
color: #246C22;
}
.new-our-services__card-desc {
font-size: 13px;
line-height: 1.5;
color: #64748b;
margin: 0;
}
.new-our-services__list {
list-style: none;
padding: 14px 0 0 0;
margin: 0;
border-top: 1px solid #e2e8f0;
display: flex;
flex-direction: column;
gap: 10px;
}
.new-our-services__list-item {
display: flex;
align-items: flex-start;
gap: 8px;
font-size: 13px;
color: #334155;
line-height: 1.4;
}
.new-our-services__card-footer {
padding-top: 24px;
}
.new-our-services__btn {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
background-color: #ffffff;
color: #1e293b !important;
font-size: 13px;
font-weight: 700;
padding: 12px 16px;
border-radius: 12px;
border: 1px solid #e2e8f0;
cursor: pointer;
transition: all 0.2s ease;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
text-decoration: none;
}
.new-our-services__btn:hover {
background-color: #246C22;
color: #ffffff !important;
border-color: #246C22;
text-decoration: none;
}
.new-our-services__card:hover .new-our-services__card-price{
background-color: #246C22;
color: #ffffff;
border-color:#246C22;
}
.grey_block888{
background-color: #bababa;
} .kalkulator {
position: relative;
background-color: #0B132B;
padding: 80px 0;
font-family: 'Roboto', sans-serif;
color: #ffffff;
}
.kalkulator__container {
max-width: 1280px;
margin: 0 auto;
padding: 0 16px;
display: flex;
flex-direction: column;
gap: 48px;
}
.kalkulator__header {
text-align: center;
max-width: 760px;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
}
.kalkulator__tag {
font-size: 13px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 1.5px;
color: #34d399;
}
.kalkulator__title {
font-size: 38px;
font-weight: 800;
line-height: 1.2;
color: #ffffff;
margin: 0;
}
@media (max-width: 768px) {
.kalkulator__title {
font-size: 28px;
}
}
.kalkulator__subtitle {
font-size: 15px;
color: #94a3b8;
margin: 0;
line-height: 1.6;
}
.kalkulator__box {
background-color: #15274D;
border-radius: 24px;
padding: 40px;
border: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.4);
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: space-between;
gap: 36px;
flex-wrap: wrap;
}
@media (max-width: 768px) {
.kalkulator__box {
padding: 24px;
gap: 28px;
}
}
.kalkulator__controls {
flex: 1 1 540px;
display: flex;
flex-direction: column;
gap: 26px;
}
.kalkulator__field {
display: flex;
flex-direction: column;
gap: 10px;
}
.kalkulator__label {
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #cbd5e1;
}
.kalkulator__options {
display: flex;
flex-direction: row;
gap: 12px;
flex-wrap: wrap;
}
.kalkulator__option-btn {
flex: 1 1 140px;
padding: 12px 16px;
border-radius: 12px;
border: 1px solid rgba(255, 255, 255, 0.12);
background-color: #0F1E3D;
color: #cbd5e1;
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition: all 0.2s ease;
text-align: center;
font-family: inherit;
}
.kalkulator__option-btn:hover {
border-color: rgba(255, 255, 255, 0.3);
color: #ffffff;
}
.kalkulator__option-btn--active {
background-color: #246C22;
border-color: #246C22;
color: #ffffff;
font-weight: 700;
box-shadow: 0 4px 12px rgba(36, 108, 34, 0.4);
}
.kalkulator__slider-header {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.kalkulator__slider-value {
font-size: 15px;
font-weight: 800;
color: #34d399;
}
.kalkulator__range {
width: 100%;
height: 6px;
background-color: #1e293b;
border-radius: 4px;
outline: none;
cursor: pointer;
accent-color: #246C22;
}
.kalkulator__field--checkbox {
padding-top: 6px;
}
.kalkulator__checkbox-label {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
cursor: pointer;
user-select: none;
}
.kalkulator__checkbox {
width: 18px;
height: 18px;
accent-color: #246C22;
cursor: pointer;
margin: 0;
flex-shrink: 0;
}
.kalkulator__checkbox-text {
font-size: 14px;
color: #cbd5e1;
line-height: 1.4;
}
.kalkulator__result-wrapper {
flex: 1 1 360px;
max-width: 440px;
width: 100%;
}
.kalkulator__result-card {
background-color: #0F1E3D;
border-radius: 20px;
padding: 32px;
border: 1px solid rgba(255, 255, 255, 0.12);
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 28px;
height: 100%;
box-sizing: border-box;
}
.kalkulator__result-top {
display: flex;
flex-direction: column;
gap: 20px;
}
.kalkulator__result-badge {
display: flex;
align-items: center;
gap: 8px;
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 1px;
color: #94a3b8;
}
.kalkulator__price-block {
display: flex;
flex-direction: column;
gap: 8px;
}
.kalkulator__price-value {
font-size: 38px;
font-weight: 900;
color: #34d399;
line-height: 1.1;
display: flex;
align-items: baseline;
flex-wrap: wrap;
}
.kalkulator__price-period {
font-size: 14px;
font-weight: 400;
color: #94a3b8;
margin-left: 8px;
}
.kalkulator__price-note {
font-size: 12px;
color: #94a3b8;
line-height: 1.5;
margin: 0;
}
.kalkulator__included {
display: flex;
flex-direction: column;
gap: 12px;
padding-top: 18px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.kalkulator__included-title {
font-size: 12px;
font-weight: 700;
color: #e2e8f0;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.kalkulator__included-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 8px;
}
.kalkulator__included-item {
display: flex;
align-items: center;
gap: 8px;
font-size: 13px;
color: #cbd5e1;
line-height: 1.4;
}
.kalkulator__submit-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
width: 100%;
background-color: #246C22;
color: #ffffff !important;
font-size: 14px;
font-weight: 700;
padding: 15px 20px;
border-radius: 12px;
border: none;
cursor: pointer;
transition: all 0.2s ease;
box-shadow: 0 4px 15px rgba(36, 108, 34, 0.35);
font-family: inherit;
text-decoration: none;
}
.kalkulator__submit-btn:hover {
background-color: #1c571b;
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(36, 108, 34, 0.45);
text-decoration: none;
} .new-our-cases {
position: relative;
background-color: #f8fafc;
padding: 80px 0;
font-family: 'Roboto', sans-serif;
color: #0f172a;
border-top: 1px solid #e2e8f0;
}
.new-our-cases__container {
max-width: 1280px;
margin: 0 auto;
padding: 0 16px;
display: flex;
flex-direction: column;
gap: 48px;
}
.new-our-cases__header {
text-align: center;
max-width: 760px;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
}
.new-our-cases__tag {
font-size: 13px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 1.5px;
color: #246C22;
}
.new-our-cases__title {
font-size: 40px;
font-weight: 900;
line-height: 1.2;
color: #0f172a;
margin: 0;
letter-spacing: -0.5px;
}
@media (max-width: 768px) {
.new-our-cases__title {
font-size: 28px;
}
}
.new-our-cases__subtitle {
font-size: 15px;
color: #64748b;
margin: 0;
line-height: 1.6;
}
.new-our-cases__list {
display: flex;
flex-direction: column;
gap: 32px;
}
.new-our-cases__card {
background-color: #ffffff;
border-radius: 24px;
border: 1px solid #e2e8f0;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.04);
overflow: hidden;
display: flex;
flex-direction: row;
align-items: stretch;
transition: all 0.3s ease;
}
.new-our-cases__card:hover {
box-shadow: 0 15px 25px -5px rgba(0, 0, 0, 0.08);
}
@media (max-width: 860px) {
.new-our-cases__card {
flex-direction: column;
}
}
.new-our-cases__card-media {
position: relative;
flex: 0 0 340px;
min-height: 240px;
background-color: #0f172a;
overflow: hidden;
}
@media (max-width: 1024px) {
.new-our-cases__card-media {
flex: 0 0 280px;
}
}
@media (max-width: 860px) {
.new-our-cases__card-media {
flex: 1 1 auto;
min-height: 220px;
}
}
.new-our-cases__card-img {
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.92;
transition: transform 0.6s ease;
display: block;
}
.new-our-cases__card:hover .new-our-cases__card-img {
transform: scale(1.04);
}
.new-our-cases__card-badge {
position: absolute;
top: 16px;
left: 16px;
background-color: rgba(14, 165, 233, 0.9);
color: #ffffff;
font-size: 11px;
font-weight: 800;
padding: 6px 14px;
border-radius: 9999px;
backdrop-filter: blur(4px);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.new-our-cases__card-content {
flex: 1 1 auto;
padding: 32px;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 24px;
}
.new-our-cases__card-top {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.new-our-cases__industry {
display: flex;
align-items: center;
gap: 6px;
font-size: 12px;
font-weight: 700;
color: #64748b;
}
.new-our-cases__toggle-btn {
display: inline-flex;
align-items: center;
gap: 6px;
background: transparent;
border: none;
font-size: 13px;
font-weight: 700;
color: #246C22;
cursor: pointer;
padding: 4px 8px;
border-radius: 6px;
transition: color 0.2s ease, background-color 0.2s ease;
font-family: inherit;
}
.new-our-cases__toggle-btn:hover {
color: #1c571b;
background-color: #f0fdf4;
}
.new-our-cases__card-info {
display: flex;
flex-direction: column;
gap: 6px;
}
.new-our-cases__card-title {
font-size: 24px;
font-weight: 900;
color: #0f172a;
margin: 0;
line-height: 1.3;
}
.new-our-cases__card-desc {
font-size: 14px;
color: #64748b;
margin: 0;
line-height: 1.5;
}
.new-our-cases__metrics {
display: flex;
flex-direction: row;
gap: 12px;
flex-wrap: wrap;
}
.new-our-cases__metric-item {
flex: 1 1 calc(33.333% - 12px);
min-width: 140px;
background-color: #f8fafc;
border: 1px solid #f1f5f9;
border-radius: 14px;
padding: 12px 14px;
display: flex;
align-items: flex-start;
gap: 10px;
}
.new-our-cases__metric-icon {
margin-top: 2px;
flex-shrink: 0;
}
.new-our-cases__metric-info {
display: flex;
flex-direction: column;
gap: 2px;
min-width: 0;
}
.new-our-cases__metric-val {
font-size: 16px;
font-weight: 800;
color: #0f172a;
line-height: 1.2;
}
.new-our-cases__metric-label {
font-size: 11px;
font-weight: 500;
color: #64748b;
line-height: 1.2;
}
.new-our-cases__details {
display: flex;
flex-direction: column;
gap: 20px;
padding-top: 20px;
border-top: 1px solid #f1f5f9;
animation: casesFadeIn 0.25s ease forwards;
}
@keyframes casesFadeIn {
from { opacity: 0; transform: translateY(-4px); }
to { opacity: 1; transform: translateY(0); }
}
.new-our-cases__details-grid {
display: flex;
flex-direction: row;
gap: 16px;
flex-wrap: wrap;
}
.new-our-cases__step-box {
flex: 1 1 calc(33.333% - 16px);
min-width: 200px;
padding: 16px;
border-radius: 14px;
display: flex;
flex-direction: column;
gap: 8px;
}
.new-our-cases__step-box--task {
background-color: #fff1f2;
border: 1px solid #ffe4e6;
}
.new-our-cases__step-box--solution {
background-color: #f0f9ff;
border: 1px solid #e0f2fe;
}
.new-our-cases__step-box--result {
background-color: #ecfdf5;
border: 1px solid #d1fae5;
}
.new-our-cases__step-tag {
font-size: 11px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.8px;
}
.new-our-cases__step-tag--task {
color: #e11d48;
}
.new-our-cases__step-tag--solution {
color: #0284c7;
}
.new-our-cases__step-tag--result {
color: #16a34a;
}
.new-our-cases__step-text {
font-size: 13px;
line-height: 1.55;
color: #334155;
margin: 0;
font-weight: 500;
}
.new-our-cases__tools {
display: flex;
flex-wrap: wrap;
gap: 8px;
padding-top: 4px;
}
.new-our-cases__tool-tag {
padding: 6px 12px;
background-color: #f1f5f9;
color: #334155;
font-size: 12px;
font-weight: 600;
border-radius: 8px;
border: 1px solid #e2e8f0;
}
.new-our-cases__cta-wrapper {
text-align: center;
display: flex;
justify-content: center;
padding-top: 16px;
}
.new-our-cases__cta-btn {
display: inline-flex;
align-items: center;
justify-content: center;
background-color: #246C22;
color: #ffffff !important;
font-size: 15px;
font-weight: 800;
padding: 16px 36px;
border-radius: 14px;
border: none;
text-decoration: none;
cursor: pointer;
transition: all 0.2s ease;
box-shadow: 0 4px 14px rgba(36, 108, 34, 0.3);
font-family: inherit;
text-decoration: none;
}
.new-our-cases__cta-btn:hover {
background-color: #1c571b;
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(36, 108, 34, 0.4);
text-decoration: none;
} .new-rews {
position: relative;
background-color: #ffffff;
padding: 80px 0;
font-family: 'Roboto', sans-serif;
color: #0f172a;
border-top: 1px solid #f1f5f9;
}
.new-rews__container {
max-width: 1280px;
margin: 0 auto;
padding: 0 16px;
display: flex;
flex-direction: column;
gap: 40px;
}
.new-rews__header-row {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
gap: 24px;
flex-wrap: wrap;
}
.new-rews__header-info {
max-width: 720px;
display: flex;
flex-direction: column;
gap: 12px;
}
.new-rews__tag {
font-size: 13px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 1.5px;
color: #246C22;
}
.new-rews__title {
font-size: 38px;
font-weight: 900;
line-height: 1.2;
color: #0f172a;
margin: 0;
letter-spacing: -0.5px;
}
.new-rews__subtitle {
font-size: 15px;
color: #64748b;
margin: 0;
line-height: 1.6;
max-width: 500px;
}
.new-rews__nav-btn {
width: 46px;
height: 46px;
border-radius: 50%;
border: 1px solid #e2e8f0;
background-color: #ffffff;
color: #0f172a;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.2s ease;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}
.new-rews__nav-btn:hover:not(.new-rews__nav-btn--disabled) {
background-color: #246C22;
border-color: #246C22;
color: #ffffff;
box-shadow: 0 4px 12px rgba(36, 108, 34, 0.3);
}
.new-rews__nav-btn--disabled {
opacity: 0.35;
cursor: not-allowed;
background-color: #f8fafc;
}
.new-rews__trust-bar {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: stretch;
background-color: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 20px;
padding: 20px 24px;
gap: 20px;
flex-wrap: wrap;
width: 100%;
}
.new-rews__trust-item {
flex: 1 1 200px;
display: flex;
flex-direction: column;
gap: 4px;
text-align: center;
}
.new-rews__trust-title {
font-size: 15px;
font-weight: 800;
color: #0f172a;
}
.new-rews__trust-title--accent {
color: #246C22;
}
.new-rews__trust-desc {
font-size: 12px;
color: #64748b;
font-weight: 500;
} .otziv_slider {
display: flex;
flex-direction: row;
gap: 24px;
overflow-x: auto;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
padding: 12px 4px 24px 4px;
margin: 0 -4px;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.otziv_slider::-webkit-scrollbar {
display: none;
}
.new-rews__card {
flex: 0 0 calc(33.333% - 16px);
min-width: 320px;
scroll-snap-align: start;
background-color: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 22px;
padding: 28px;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 24px;
transition: all 0.3s ease;
box-sizing: border-box;
min-height: 380px;
}
.new-rews__card:hover {
background-color: #ffffff;
border-color: #cbd5e1;
box-shadow: 0 15px 30px -8px rgba(0, 0, 0, 0.08);
transform: translateY(-3px);
}
.new-rews__card-top {
display: flex;
flex-direction: column;
gap: 16px;
}
.new-rews__card-header {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 12px;
}
.new-rews__stars {
display: flex;
align-items: center;
gap: 3px;
}
.new-rews__star-icon {
width: 16px;
height: 16px;
fill: #246C22;
color: #246C22;
}
.new-rews__industry-badge {
font-size: 11px;
font-weight: 700;
background-color: #e2e8f0;
color: #334155;
padding: 4px 10px;
border-radius: 9999px;
white-space: nowrap;
}
.new-rews__quote-icon {
width: 32px;
height: 32px;
color: #a7f3d0;
margin-top: 4px;
}
.new-rews__card-text {
font-size: 14px;
line-height: 1.65;
color: #334155;
font-style: italic;
margin: 0;
}
.new-rews__card-author {
display: flex;
flex-direction: row;
align-items: center;
gap: 14px;
padding-top: 20px;
border-top: 1px solid #e2e8f0;
}
.new-rews__avatar {
width: 44px;
height: 44px;
border-radius: 50%;
background-color: #246C22;
color: #ffffff;
font-weight: 800;
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
box-shadow: 0 4px 10px rgba(36, 108, 34, 0.25);
}
.new-rews__author-meta {
display: flex;
flex-direction: column;
gap: 2px;
min-width: 0;
}
.new-rews__author-name-row {
display: flex;
align-items: center;
gap: 6px;
}
.new-rews__author-name {
font-size: 14px;
font-weight: 800;
color: #0f172a;
line-height: 1.2;
}
.new-rews__verified-icon {
width: 14px;
height: 14px;
color: #246C22;
flex-shrink: 0;
}
.new-rews__author-role {
font-size: 12px;
font-weight: 600;
color: #64748b;
line-height: 1.2;
}
.new-rews__author-company {
display: flex;
align-items: center;
gap: 4px;
font-size: 11px;
color: #94a3b8;
margin-top: 2px;
}
.new-rews__dots, .new-rews__slider .slick-dots {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
bottom: 0;
}
.new-rews__dot, .new-rews__slider .slick-dots li button {
width: 8px;
height: 8px;
border-radius: 9999px;
background-color: #cbd5e1;
border: none;
cursor: pointer;
transition: all 0.2s ease;
padding: 0;
}
.new-rews__dot--active, .new-rews__slider .slick-dots li.slick-active button{
width: 24px;
background-color: #246C22;
}
.new-rews__slider .slick-dots li button::before{
content: '' !important;
}
.new-rews__slider .slick-slide{
margin: 0 15px;
}
.new-rews .new-our-cases__cta-wrapper{
width: 100%;
}
.otziv_slider{
margin-bottom: 0px !Important;
padding-bottom: 50px;
} .new_post_list {
position: relative;
background-color: #f8fafc;
padding: 80px 0;
font-family: 'Roboto', sans-serif;
color: #0f172a;
border-top: 1px solid #e2e8f0;
}
.new_post_list__container {
max-width: 1280px;
margin: 0 auto;
padding: 0 16px;
display: flex;
flex-direction: column;
gap: 36px;
}
.new_post_list__header {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
gap: 20px;
flex-wrap: wrap;
}
.new_post_list__header-info {
display: flex;
flex-direction: column;
gap: 8px;
}
.new_post_list__tag {
font-size: 13px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 1.5px;
color: #246C22;
}
.new_post_list__title {
font-size: 38px;
font-weight: 900;
line-height: 1.2;
color: #0f172a;
margin: 0;
letter-spacing: -0.5px;
}
@media (max-width: 768px) {
.new_post_list__title {
font-size: 28px;
}
}
.new_post_list__header-action {
display: flex;
align-items: center;
}
.new_post_list__all-link {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 13px;
font-weight: 800;
color: #0f172a !important;
text-decoration: none;
padding: 10px 20px;
background-color: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 12px;
transition: all 0.2s ease;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
}
.new_post_list__all-link:hover {
background-color: #246C22;
border-color: #246C22;
color: #ffffff;
box-shadow: 0 4px 12px rgba(36, 108, 34, 0.25);
}
.new_post_list__all-icon {
transition: transform 0.2s ease;
}
.new_post_list__all-link:hover .new_post_list__all-icon {
transform: translateX(3px);
} .new_post_list__grid {
display: flex;
flex-direction: row;
gap: 28px;
flex-wrap: wrap;
} .new_post_list__card {
flex: 1 1 calc(33.333% - 20px);
min-width: 290px;
display: flex;
flex-direction: column;
justify-content: space-between;
background-color: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 20px;
overflow: hidden;
text-decoration: none;
color: inherit;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
box-sizing: border-box;
}
.new_post_list__card:hover {
transform: translateY(-4px);
box-shadow: 0 16px 32px -8px rgba(0, 0, 0, 0.08);
border-color: #cbd5e1;
text-decoration: none;
}
@media (max-width: 1024px) {
.new_post_list__card {
flex: 1 1 calc(50% - 14px);
}
}
@media (max-width: 640px) {
.new_post_list__card {
flex: 1 1 100%;
min-width: 100%;
}
} .new_post_list__thumb {
position: relative;
width: 100%;
height: 210px;
overflow: hidden;
background-color: #f1f5f9;
}
.new_post_list__img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.5s ease;
}
.new_post_list__card:hover .new_post_list__img {
transform: scale(1.05);
} .new_post_list__body {
padding: 22px 24px;
display: flex;
flex-direction: column;
gap: 12px;
flex: 1 1 auto;
}
.new_post_list__meta {
display: flex;
align-items: center;
gap: 14px;
font-size: 12px;
color: #94a3b8;
font-weight: 600;
}
.new_post_list__date {
display: inline-flex;
align-items: center;
gap: 5px;
}
.new_post_list__card-title {
font-size: 17px;
font-weight: 800;
line-height: 1.4;
color: #0f172a;
margin: 0;
transition: color 0.2s ease;
}
.new_post_list__card:hover .new_post_list__card-title {
color: #246C22;
}
.new_post_list__excerpt {
font-size: 13px;
line-height: 1.6;
color: #64748b;
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
} .new_post_list__footer {
padding: 0 24px 22px 24px;
display: flex;
align-items: center;
}
.new_post_list__more {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 13px;
font-weight: 800;
color: #246C22;
transition: all 0.2s ease;
}
.new_post_list__more-icon {
transition: transform 0.2s ease;
}
.new_post_list__card:hover .new_post_list__more {
color: #1c571b;
}
.new_post_list__card:hover .new_post_list__more-icon {
transform: translateX(4px);
}
.new_post_list__empty {
font-size: 15px;
color: #64748b;
padding: 24px;
width: 100%;
text-align: center;
} .reels {
position: relative;
background-color: #ffffff;
padding: 80px 0;
font-family: 'Roboto', sans-serif;
color: #0f172a;
border-top: 1px solid #f1f5f9;
}
.reels__container {
max-width: 1280px;
margin: 0 auto;
padding: 0 16px;
display: flex;
flex-direction: column;
gap: 36px;
}
.reels__header {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
gap: 20px;
flex-wrap: wrap;
}
.reels__header-info {
display: flex;
flex-direction: column;
gap: 8px;
}
.reels__tag {
font-size: 13px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 1.5px;
color: #246C22;
}
.reels__title {
font-size: 38px;
font-weight: 900;
line-height: 1.2;
color: #0f172a;
margin: 0;
letter-spacing: -0.5px;
}
@media (max-width: 768px) {
.reels__title {
font-size: 28px;
}
}
.reels__header-desc {
font-size: 14px;
color: #64748b;
max-width: 400px;
text-align: right;
line-height: 1.5;
}
@media (max-width: 768px) {
.reels__header-desc {
text-align: left;
}
} .reels__grid {
display: flex;
flex-direction: row;
gap: 24px;
flex-wrap: wrap;
} .reels__card {
flex: 1 1 calc(33.333% - 16px);
min-width: 280px;
height: 520px;
position: relative;
border-radius: 24px;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 24px;
cursor: pointer;
outline: none;
color: #ffffff;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
transition: all 0.35s ease;
box-sizing: border-box;
background-color: #0f172a;
}
.reels__card:hover,
.reels__card:focus-visible {
transform: translateY(-6px);
box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.28);
}
@media (max-width: 1024px) {
.reels__card {
flex: 1 1 calc(50% - 12px);
height: 480px;
}
}
@media (max-width: 640px) {
.reels__card {
flex: 1 1 100%;
min-width: 100%;
height: 460px;
}
} .reels__media-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
overflow: hidden;
}
.reels__bg-video {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.6s ease;
}
.reels__card:hover .reels__bg-video {
transform: scale(1.04);
}
.reels__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(
180deg,
rgba(15, 23, 42, 0.4) 0%,
rgba(15, 23, 42, 0.1) 40%,
rgba(15, 23, 42, 0.85) 85%,
rgba(15, 23, 42, 0.95) 100%
);
transition: opacity 0.3s ease;
pointer-events: none;
} .reels__card.is-playing .reels__overlay {
opacity: 0.15;
}
.reels__card.is-playing .reels__content {
opacity: 0.25;
transition: opacity 0.3s ease;
}
.reels__card.is-playing:hover .reels__content {
opacity: 1;
} .reels__play-icon-wrap {
position: relative;
z-index: 2;
display: flex;
justify-content: flex-end;
}
.reels__play-btn {
width: 48px;
height: 48px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border: 1px solid rgba(255, 255, 255, 0.4);
display: flex;
align-items: center;
justify-content: center;
color: #ffffff;
cursor: pointer;
transition: all 0.3s ease;
padding: 10px;
}
.reels__play-icon {
width: 18px;
height: 18px;
fill: currentColor;
}
.reels__play-icon--play {
margin-left: 2px;
}
.reels__card:hover .reels__play-btn {
background-color: #246C22;
border-color: #246C22;
transform: scale(1.12);
box-shadow: 0 0 20px rgba(36, 108, 34, 0.6);
} .reels__content {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
gap: 10px;
transition: opacity 0.3s ease;
}
.reels__meta {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 12px;
font-weight: 700;
color: rgba(255, 255, 255, 0.8);
}
.reels__date {
display: inline-flex;
align-items: center;
gap: 5px;
}
.reels__rubric {
background-color: rgba(36, 108, 34, 0.85);
color: #ffffff;
padding: 3px 8px;
border-radius: 6px;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 800;
}
.reels__card-title {
font-size: 18px;
font-weight: 900;
line-height: 1.35;
color: #ffffff;
margin: 0;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
transition: color 0.2s ease;
}
.reels__card:hover .reels__card-title {
color: #86efac;
}
.reels__action-row {
margin-top: 4px;
}
.reels__watch-link {
display: inline-flex;
align-items: center;
font-size: 12px;
font-weight: 800;
color: #86efac;
}
.reels__empty {
width: 100%;
text-align: center;
font-size: 15px;
color: #64748b;
padding: 24px;
} .Stager_block {
position: relative;
background-color: #0b1329;
padding: 84px 0;
font-family: 'Roboto', sans-serif;
color: #ffffff;
border-top: 1px solid #1e293b;
overflow: hidden;
}
.Stager_block__container {
max-width: 1280px;
margin: 0 auto;
padding: 0 16px;
display: flex;
flex-direction: column;
gap: 32px;
}
.Stager_block__header {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
gap: 20px;
flex-wrap: wrap;
}
.Stager_block__header-info {
display: flex;
flex-direction: column;
gap: 10px;
}
.Stager_block__tag-row {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.Stager_block__tag {
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 1.5px;
color: #4ade80;
}
.Stager_block__badge {
display: inline-flex;
align-items: center;
gap: 5px;
background-color: rgba(36, 108, 34, 0.4);
border: 1px solid rgba(74, 222, 128, 0.3);
color: #86efac;
font-size: 11px;
font-weight: 700;
padding: 3px 10px;
border-radius: 20px;
}
.Stager_block__title {
font-size: 36px;
font-weight: 900;
line-height: 1.2;
color: #ffffff;
margin: 0;
letter-spacing: -0.5px;
}
.Stager_block__title-accent {
color: #4ade80;
}
@media (max-width: 768px) {
.Stager_block__title {
font-size: 26px;
}
}
.Stager_block__header-desc {
font-size: 14px;
color: #94a3b8;
max-width: 440px;
text-align: right;
line-height: 1.5;
}
@media (max-width: 768px) {
.Stager_block__header-desc {
text-align: left;
}
} .Stager_block__intro {
display: flex;
flex-direction: row;
align-items: center;
gap: 20px;
background: linear-gradient(135deg, rgba(30, 41, 59, 0.8) 0%, rgba(15, 23, 42, 0.9) 100%);
border: 1px solid rgba(51, 65, 85, 0.8);
border-radius: 20px;
padding: 18px 24px;
}
@media (max-width: 640px) {
.Stager_block__intro {
flex-direction: column;
text-align: center;
}
}
.Stager_block__intro-avatar-wrap {
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
flex-shrink: 0;
}
.Stager_block__intro-avatar {
width: 58px;
height: 58px;
border-radius: 16px;
object-fit: cover;
border: 2px solid #246C22;
}
.Stager_block__intro-role {
display: inline-flex;
align-items: center;
gap: 4px;
font-size: 11px;
font-weight: 800;
color: #86efac;
}
.Stager_block__intro-text {
flex: 1 1 auto;
}
.Stager_block__intro-p {
font-size: 14px;
color: #cbd5e1;
line-height: 1.6;
margin: 0;
} .Stager_block__grid {
display: flex;
flex-direction: row;
gap: 20px;
flex-wrap: wrap;
}
.Stager_block__card {
flex: 1 1 calc(25% - 15px);
min-width: 250px;
height: 490px;
position: relative;
border-radius: 22px;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 20px;
cursor: pointer;
outline: none;
color: #ffffff;
background-color: #0f172a;
border: 1px solid rgba(51, 65, 85, 0.6);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
transition: all 0.35s ease;
box-sizing: border-box;
max-width: 400px;
}
.Stager_block__card:hover,
.Stager_block__card:focus-visible {
transform: translateY(-6px);
border-color: rgba(74, 222, 128, 0.5);
box-shadow: 0 18px 36px -8px rgba(0, 0, 0, 0.45);
}
@media (max-width: 1120px) {
.Stager_block__card {
flex: 1 1 calc(50% - 10px);
height: 460px;
}
}
@media (max-width: 640px) {
.Stager_block__card {
flex: 1 1 100%;
min-width: 100%;
height: 440px;
}
} .Stager_block__media-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
overflow: hidden;
}
.Stager_block__bg-video {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.6s ease;
}
.Stager_block__card:hover .Stager_block__bg-video {
transform: scale(1.05);
}
.Stager_block__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(
180deg,
rgba(11, 19, 41, 0.45) 0%,
rgba(11, 19, 41, 0.1) 35%,
rgba(11, 19, 41, 0.85) 80%,
rgba(11, 19, 41, 0.98) 100%
);
transition: opacity 0.3s ease;
pointer-events: none;
}
.Stager_block__card.is-playing .Stager_block__overlay {
opacity: 0.15;
}
.Stager_block__card.is-playing .Stager_block__content {
opacity: 0.25;
}
.Stager_block__card.is-playing:hover .Stager_block__content {
opacity: 1;
} .Stager_block__top-bar {
position: relative;
z-index: 2;
display: flex;
align-items: center;
justify-content: space-between;
}
.Stager_block__episode-pill {
font-size: 11px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 4px 10px;
background-color: rgba(36, 108, 34, 0.85);
border: 1px solid rgba(74, 222, 128, 0.4);
color: #ffffff;
border-radius: 20px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.Stager_block__play-btn {
width: 42px;
height: 42px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border: 1px solid rgba(255, 255, 255, 0.4);
display: flex;
align-items: center;
justify-content: center;
color: #ffffff;
cursor: pointer;
transition: all 0.3s ease;
}
.Stager_block__play-icon {
width: 16px;
height: 16px;
fill: currentColor;
margin-left: 2px;
}
.Stager_block__card:hover .Stager_block__play-btn {
background-color: #246C22;
border-color: #246C22;
transform: scale(1.1);
box-shadow: 0 0 16px rgba(36, 108, 34, 0.7);
} .Stager_block__content {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
gap: 8px;
transition: opacity 0.3s ease;
}
.Stager_block__meta {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 11px;
font-weight: 700;
color: rgba(255, 255, 255, 0.75);
}
.Stager_block__date {
display: inline-flex;
align-items: center;
gap: 4px;
}
.Stager_block__rubric {
background-color: rgba(15, 23, 42, 0.7);
border: 1px solid rgba(255, 255, 255, 0.2);
color: #86efac;
padding: 2px 7px;
border-radius: 6px;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 0.5px;
font-weight: 800;
}
.Stager_block__card-title {
font-size: 16px;
font-weight: 900;
line-height: 1.35;
color: #ffffff;
margin: 0;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
transition: color 0.2s ease;
}
.Stager_block__card:hover .Stager_block__card-title {
color: #86efac;
}
.Stager_block__action-row {
margin-top: 4px;
}
.Stager_block__watch-text {
font-size: 11px;
font-weight: 800;
color: #86efac;
} .Stager_block__footer-cta {
background: linear-gradient(135deg, rgba(30, 41, 59, 0.9) 0%, rgba(15, 23, 42, 0.95) 100%);
border: 1px solid rgba(51, 65, 85, 0.8);
border-radius: 20px;
padding: 20px 24px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 20px;
flex-wrap: wrap;
}
.Stager_block__footer-text {
display: flex;
flex-direction: column;
gap: 4px;
}
.Stager_block__footer-title {
font-size: 16px;
font-weight: 800;
color: #ffffff;
margin: 0;
}
.Stager_block__footer-sub {
font-size: 13px;
color: #94a3b8;
margin: 0;
}
.Stager_block__footer-btn {
background-color: #246C22;
color: #ffffff !important;
font-size: 13px;
font-weight: 800;
padding: 12px 24px;
border-radius: 12px;
text-decoration: none;
display: inline-block;
cursor: pointer;
transition: all 0.2s ease;
box-shadow: 0 4px 12px rgba(36, 108, 34, 0.3);
}
.Stager_block__footer-btn:hover {
background-color: #1c571b;
transform: translateY(-2px);
box-shadow: 0 6px 16px rgba(36, 108, 34, 0.45);
text-decoration: none;
}
.Stager_block__empty {
width: 100%;
text-align: center;
font-size: 15px;
color: #94a3b8;
padding: 24px;
} .Stager_block {
position: relative;
background-color: #070d19; padding: 80px 0;
font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
color: #ffffff;
border-top: 1px solid #172033;
box-sizing: border-box;
}
.Stager_block *,
.Stager_block *::before,
.Stager_block *::after {
box-sizing: border-box;
}
.Stager_block__container {
max-width: 1280px;
margin: 0 auto;
padding: 0 20px;
display: flex;
flex-direction: column;
gap: 36px;
} .Stager_block__header {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 24px;
flex-wrap: wrap;
}
.Stager_block__header-info {
display: flex;
flex-direction: column;
gap: 14px;
} .Stager_block__tag-pill {
display: inline-flex;
align-items: center;
gap: 6px;
background-color: rgba(6, 46, 32, 0.75);
border: 1px solid rgba(46, 160, 67, 0.55);
color: #22c55e;
font-size: 11px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 1.2px;
padding: 6px 14px;
border-radius: 9999px;
width: fit-content;
}
.Stager_block__tag-pill-icon {
color: #22c55e;
flex-shrink: 0;
} .Stager_block__title {
font-size: 38px;
font-weight: 900;
line-height: 1.2;
color: #ffffff;
margin: 0;
letter-spacing: -0.5px;
}
.Stager_block__title-accent {
color: #2e9d2a; }
.Stager_block__waving-hand {
display: inline-block;
}
@media (max-width: 768px) {
.Stager_block__title {
font-size: 28px;
}
} .Stager_block__schedule-badge {
display: inline-flex;
align-items: center;
gap: 12px;
background-color: #101b2e;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 16px;
padding: 12px 20px;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
}
.Stager_block__schedule-dot {
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #22c55e;
box-shadow: 0 0 8px rgba(34, 197, 94, 0.8);
flex-shrink: 0;
}
.Stager_block__schedule-text {
font-size: 12px;
line-height: 1.4;
color: #cbd5e1;
font-weight: 500;
} .stager_intro_card {
display: flex;
flex-direction: row;
align-items: center;
gap: 48px;
background-color: #0c1626;
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 28px;
padding: 44px 48px;
box-shadow: 0 12px 36px rgba(0, 0, 0, 0.4);
}
@media (max-width: 992px) {
.stager_intro_card {
flex-direction: column;
gap: 32px;
padding: 32px 24px;
}
} .stager_intro_card__author {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
flex-shrink: 0;
width: 220px;
}
@media (max-width: 992px) {
.stager_intro_card__author {
width: 100%;
}
}
.stager_intro_card__photo-box {
position: relative;
display: inline-flex;
flex-direction: column;
align-items: center;
margin-bottom: 18px;
}
.stager_intro_card__photo-frame {
width: 156px;
height: 156px;
border-radius: 24px;
border: 3px solid #246C22;
overflow: hidden;
background-color: #030712;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
}
.stager_intro_card__avatar {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top center;
display: block;
}
.stager_intro_card__badge {
position: absolute;
bottom: -11px;
left: 50%;
transform: translateX(-50%);
display: inline-flex;
align-items: center;
gap: 5px;
background-color: #246C22;
color: #ffffff;
font-size: 11px;
font-weight: 800;
padding: 4px 14px;
border-radius: 20px;
white-space: nowrap;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.35);
}
.stager_intro_card__badge-icon {
flex-shrink: 0;
}
.stager_intro_card__author-info {
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
}
.stager_intro_card__name {
font-size: 21px;
font-weight: 800;
color: #ffffff;
margin: 0;
line-height: 1.3;
}
.stager_intro_card__role {
font-size: 13px;
font-weight: 500;
color: #2dd4bf; margin: 0;
line-height: 1.4;
} .stager_intro_card__content {
flex: 1 1 auto;
display: flex;
flex-direction: column;
gap: 16px;
}
@media (max-width: 992px) {
.stager_intro_card__content {
text-align: center;
align-items: center;
}
}
.stager_intro_card__title {
font-size: 22px;
font-weight: 800;
color: #ffffff;
margin: 0;
letter-spacing: -0.3px;
}
.stager_intro_card__paragraphs {
display: flex;
flex-direction: column;
gap: 12px;
}
.stager_intro_card__paragraphs p {
font-size: 15px;
color: #cbd5e1;
line-height: 1.65;
margin: 0;
} .stager_intro_card__callout {
display: flex;
flex-direction: row;
align-items: center;
gap: 14px;
background-color: rgba(4, 38, 28, 0.55);
border: 1px solid rgba(34, 197, 94, 0.45);
border-radius: 16px;
padding: 14px 20px;
margin-top: 6px;
text-align: left;
}
@media (max-width: 640px) {
.stager_intro_card__callout {
flex-direction: column;
text-align: center;
gap: 10px;
}
}
.stager_intro_card__callout-icon {
color: #2dd4bf;
flex-shrink: 0;
}
.stager_intro_card__callout-text {
display: flex;
flex-direction: column;
gap: 2px;
}
.stager_intro_card__callout-text strong {
font-size: 14px;
font-weight: 700;
color: #ffffff;
}
.stager_intro_card__callout-text span {
font-size: 13px;
color: #94a3b8;
} .contact-new2 {
position: relative;
background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
padding: 80px 0;
font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
color: #0f172a;
border-top: 1px solid #e2e8f0;
box-sizing: border-box;
}
.contact-new2 *,
.contact-new2 *::before,
.contact-new2 *::after {
box-sizing: border-box;
}
.contact-new2__container {
max-width: 1280px;
margin: 0 auto;
padding: 0 20px;
display: flex;
flex-direction: column;
gap: 48px;
} .contact-new2__header {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 8px;
max-width: 760px;
margin: 0 auto;
}
.contact-new2__subtitle {
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 1.5px;
color: #246C22;
}
.contact-new2__title {
font-size: 36px;
font-weight: 900;
line-height: 1.2;
color: #0f172a;
margin: 0;
letter-spacing: -0.5px;
}
@media (max-width: 768px) {
.contact-new2__title {
font-size: 28px;
}
}
.contact-new2__desc {
font-size: 15px;
line-height: 1.6;
color: #64748b;
margin: 0;
} .contact-new2__body {
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: space-between;
gap: 36px;
flex-wrap: wrap;
} .contact-new2__info-col {
flex: 1 1 440px;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 28px;
padding-bottom: 55px;
}
.contact-new2__cards-list {
display: flex;
flex-direction: column;
gap: 16px;
}
.contact-new2__info-card {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
background-color: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 20px;
padding: 20px;
box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
transition: all 0.25s ease;
}
.contact-new2__info-card:hover {
border-color: rgba(36, 108, 34, 0.4);
box-shadow: 0 8px 24px rgba(36, 108, 34, 0.08);
transform: translateY(-2px);
}
.contact-new2__icon-wrap {
width: 46px;
height: 46px;
border-radius: 14px;
background-color: #f0fdf4;
border: 1px solid #bbf7d0;
display: flex;
align-items: center;
justify-content: center;
color: #246C22;
flex-shrink: 0;
}
.contact-new2__icon {
width: 22px;
height: 22px;
}
.contact-new2__info-text {
display: flex;
flex-direction: column;
gap: 4px;
}
.contact-new2__info-label {
font-size: 15px;
font-weight: 800;
color: #0f172a;
}
.contact-new2__info-val {
font-size: 14px;
line-height: 1.5;
color: #475569;
margin: 0;
}
.contact-new2__info-link {
font-size: 14px;
font-weight: 600;
color: #334155;
text-decoration: none;
display: block;
transition: color 0.2s ease;
}
.contact-new2__info-link:hover {
color: #246C22;
} .contact-new2__cta-wrap {
display: flex;
}
.contact-new2__whatsapp-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
background-color: #246C22;
color: #ffffff;
font-size: 14px;
font-weight: 800;
padding: 16px 28px;
border-radius: 16px;
text-decoration: none;
box-shadow: 0 6px 20px rgba(36, 108, 34, 0.35);
transition: all 0.25s ease;
width: 100%;
}
.contact-new2__whatsapp-btn:hover {
background-color: #1c571b;
box-shadow: 0 10px 24px rgba(36, 108, 34, 0.5);
transform: translateY(-2px);
} .contact-new2__form-col {
flex: 1 1 540px;
display: flex;
}
.contact-new2__form-box {
width: 100%;
background-color: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 28px;
padding: 36px 40px;
box-shadow: 0 12px 36px rgba(15, 23, 42, 0.06);
display: flex;
flex-direction: column;
justify-content: center;
}
@media (max-width: 640px) {
.contact-new2__form-box {
padding: 24px 20px;
}
}
.contact-new2__form {
display: flex;
flex-direction: column;
gap: 18px;
}
.contact-new2__form-title {
font-size: 22px;
font-weight: 800;
color: #0f172a;
margin: 0 0 6px 0;
}
.contact-new2__form-row {
display: flex;
flex-direction: row;
gap: 16px;
flex-wrap: wrap;
}
.contact-new2__form-group, .contact-new2__form-group > p {
display: flex;
flex-direction: column;
gap: 6px;
flex: 1 1 50px;
}
.contact-new2__label {
font-size: 13px;
font-weight: 700;
color: #334155;
}
.contact-new2__input,
.contact-new2__textarea, .contact-new2__form-group input:not([type="submit"]):not([type="checkbox"]), .contact-new2__form-group textarea {
width: 100%;
background-color: #f8fafc;
border: 1px solid #cbd5e1;
border-radius: 14px;
padding: 13px 16px;
font-size: 14px;
color: #0f172a;
outline: none;
transition: all 0.2s ease;
font-family: inherit;
}
.contact-new2__input:focus,
.contact-new2__textarea:focus, .contact-new2__form-group input:focus, .contact-new2__form-group textarea:focus {
background-color: #ffffff;
border-color: #246C22;
box-shadow: 0 0 0 3px rgba(36, 108, 34, 0.15);
}
.contact-new2__textarea, .contact-new2__form-group textarea {
resize: vertical;
height: 90px;
}
.contact-new2__submit-btn, .contact-new2__form-group input[type="submit"]{
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
background-color: #246C22;
color: #ffffff !important;
font-size: 15px;
font-weight: 800;
padding: 1px 24px;
border-radius: 16px;
border: none;
cursor: pointer;
box-shadow: 0 6px 20px rgba(36, 108, 34, 0.35);
transition: all 0.25s ease;
margin-top: 4px;
width: 100%;
}
.contact-new2__submit-btn:hover {
background-color: #1c571b;
box-shadow: 0 10px 24px rgba(36, 108, 34, 0.5);
transform: translateY(-2px);
}
.contact-new2__btn-icon {
width: 18px;
height: 18px;
}
.contact-new2__form-note {
font-size: 12px;
line-height: 1.4;
color: #64748b;
text-align: center;
margin: 0;
} .new-our-cases__manifesto {
background: #0B132B;
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 28px;
padding: 44px 48px;
color: #ffffff;
display: flex;
flex-direction: column;
gap: 20px;
box-shadow: 0 12px 36px rgba(15, 23, 42, 0.12);
position: relative;
overflow: hidden;
} .new-our-cases__manifesto::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px;
background: linear-gradient(90deg, #246C22, #22c55e, #10b981);
}
@media (max-width: 768px) {
.new-our-cases__manifesto {
padding: 28px 20px;
gap: 16px;
border-radius: 20px;
}
} .new-our-cases__manifesto-tag {
display: inline-flex;
align-items: center;
gap: 8px;
background-color: rgba(36, 108, 34, 0.35);
border: 1px solid rgba(74, 222, 128, 0.4);
color: #34d399;
font-size: 11px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 1.5px;
padding: 5px 14px;
border-radius: 9999px;
width: fit-content;
} .new-our-cases__manifesto-title {
font-size: 26px;
font-weight: 800;
line-height: 1.35;
color: #ffffff;
margin: 0;
letter-spacing: -0.4px;
}
@media (max-width: 768px) {
.new-our-cases__manifesto-title {
font-size: 20px;
}
} .new-our-cases__manifesto-desc {
display: flex;
flex-direction: column;
gap: 12px;
}
.new-our-cases__manifesto-desc p {
font-size: 15px;
line-height: 1.65;
color: #cbd5e1;
margin: 0;
} .new-our-cases__manifesto-highlight {
font-size: 16px;
font-weight: 700;
color: #34d399;
background-color: rgba(36, 108, 34, 0.2);
border-left: 3px solid #34d399;
padding: 10px 16px;
border-radius: 0 12px 12px 0;
width: fit-content;
}
@media (max-width: 768px) {
.new-our-cases__manifesto-highlight {
width: 100%;
font-size: 14px;
}
} .new-our-cases__header {
max-width: 820px;
margin: 8px auto 0;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 12px;
}
.new-our-cases__tag {
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 1.5px;
color: #246C22;
}
.new-our-cases__title {
font-size: 34px;
font-weight: 900;
line-height: 1.2;
color: #0f172a;
margin: 0;
letter-spacing: -0.5px;
}
@media (max-width: 768px) {
.new-our-cases__title {
font-size: 24px;
}
} .new-our-cases__disclaimer {
font-size: 14px;
color: #64748b;
margin: 0;
line-height: 1.6;
background-color: #f1f5f9;
border: 1px solid #e2e8f0;
padding: 8px 18px;
border-radius: 9999px;
max-width: 760px;
} .complex-biz {
position: relative;
background-color: #070d19;
padding: 90px 0;
font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
color: #ffffff;
border-top: 1px solid #172033;
box-sizing: border-box;
overflow: hidden;
}
.complex-biz *,
.complex-biz *::before,
.complex-biz *::after {
box-sizing: border-box;
}
.complex-biz__container {
max-width: 1280px;
margin: 0 auto;
padding: 0 20px;
display: flex;
flex-direction: column;
gap: 56px;
} .complex-biz__header {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
max-width: 860px;
margin: 0 auto;
gap: 16px;
}
.complex-biz__tag {
display: inline-flex;
align-items: center;
gap: 6px;
background-color: rgba(6, 46, 32, 0.8);
border: 1px solid rgba(46, 160, 67, 0.6);
color: #22c55e;
font-size: 11px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 1.5px;
padding: 5px 16px;
border-radius: 9999px;
}
.complex-biz__title {
font-size: 36px;
font-weight: 900;
line-height: 1.25;
color: #ffffff;
margin: 0;
letter-spacing: -0.5px;
}
@media (max-width: 768px) {
.complex-biz__title {
font-size: 26px;
}
}
.complex-biz__desc {
font-size: 16px;
line-height: 1.65;
color: #94a3b8;
margin: 0;
}
.complex-biz__intro-note {
font-size: 15px;
line-height: 1.6;
color: #cbd5e1;
background-color: #0f1c30;
border: 1px solid rgba(255, 255, 255, 0.08);
padding: 12px 24px;
border-radius: 16px;
margin-top: 4px;
}
.complex-biz__intro-note strong {
color: #22c55e;
} .complex-biz__industries-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 28px;
}
@media (max-width: 900px) {
.complex-biz__industries-grid {
grid-template-columns: 1fr;
}
}
.complex-biz__card {
background-color: #0d1a2d;
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 24px;
padding: 36px 32px;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 24px;
transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}
.complex-biz__card:hover {
transform: translateY(-4px);
border-color: rgba(34, 197, 94, 0.4);
box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5), 0 0 20px rgba(34, 197, 94, 0.1);
}
.complex-biz__card-header {
display: flex;
align-items: center;
gap: 16px;
}
.complex-biz__icon-box {
width: 52px;
height: 52px;
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
background-color: rgba(6, 46, 32, 0.9);
border: 1px solid rgba(46, 160, 67, 0.5);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
.complex-biz__card-title {
font-size: 22px;
font-weight: 800;
color: #ffffff;
margin: 0;
line-height: 1.3;
}
.complex-biz__card-body {
display: flex;
flex-direction: column;
gap: 14px;
flex-grow: 1;
}
.complex-biz__card-p {
font-size: 15px;
line-height: 1.65;
color: #cbd5e1;
margin: 0;
}
.complex-biz__card-p strong {
color: #ffffff;
}
.complex-biz__checklist-label {
font-size: 14px;
font-weight: 700;
color: #86efac;
margin-top: 4px;
}
.complex-biz__list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 10px;
}
.complex-biz__list li {
font-size: 14px;
line-height: 1.5;
color: #cbd5e1;
}
.complex-biz__special-competence {
display: flex;
align-items: flex-start;
gap: 10px;
background-color: rgba(15, 28, 48, 0.9);
border: 1px solid rgba(255, 255, 255, 0.1);
padding: 12px 16px;
border-radius: 14px;
font-size: 14px;
line-height: 1.5;
color: #e2e8f0;
}
.complex-biz__special-competence strong {
color: #86efac;
}
.complex-biz__card-highlight {
display: flex;
align-items: flex-start;
gap: 12px;
background-color: rgba(4, 38, 28, 0.6);
border: 1px solid rgba(34, 197, 94, 0.4);
border-radius: 16px;
padding: 14px 18px;
font-size: 13.5px;
line-height: 1.55;
color: #e2e8f0;
} .complex-biz__triggers-section {
background-color: #0b1524;
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 28px;
padding: 44px 48px;
display: flex;
flex-direction: column;
gap: 36px;
box-shadow: 0 12px 36px rgba(0, 0, 0, 0.3);
}
@media (max-width: 768px) {
.complex-biz__triggers-section {
padding: 30px 20px;
gap: 24px;
border-radius: 20px;
}
}
.complex-biz__triggers-header {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
}
.complex-biz__triggers-badge {
font-size: 11px;
font-weight: 800;
color: #22c55e;
text-transform: uppercase;
letter-spacing: 1.5px;
}
.complex-biz__triggers-title {
font-size: 28px;
font-weight: 900;
color: #ffffff;
margin: 0;
letter-spacing: -0.4px;
}
@media (max-width: 768px) {
.complex-biz__triggers-title {
font-size: 22px;
}
}
.complex-biz__triggers-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 18px;
}
@media (max-width: 1100px) {
.complex-biz__triggers-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 600px) {
.complex-biz__triggers-grid {
grid-template-columns: 1fr;
}
}
.complex-biz__trigger-item {
background-color: #101c2e;
border: 1px solid rgba(255, 255, 255, 0.06);
border-radius: 18px;
padding: 20px;
display: flex;
flex-direction: column;
gap: 12px;
transition: transform 0.2s ease, border-color 0.2s ease;
}
.complex-biz__trigger-item:hover {
transform: translateY(-2px);
border-color: rgba(34, 197, 94, 0.35);
background-color: #132238;
}
.complex-biz__trigger-num {
font-size: 14px;
font-weight: 900;
color: #22c55e;
font-family: monospace;
background-color: rgba(6, 46, 32, 0.7);
border: 1px solid rgba(46, 160, 67, 0.4);
width: fit-content;
padding: 2px 8px;
border-radius: 6px;
}
.complex-biz__trigger-item p {
font-size: 14px;
line-height: 1.5;
color: #e2e8f0;
margin: 0;
font-weight: 500;
}
.complex-biz__triggers-summary {
background: linear-gradient(135deg, rgba(6, 46, 32, 0.6) 0%, rgba(13, 26, 45, 0.8) 100%);
border: 1px solid rgba(34, 197, 94, 0.45);
border-radius: 20px;
padding: 20px 24px;
}
.complex-biz__triggers-summary-text {
font-size: 15px;
line-height: 1.6;
color: #ffffff;
font-weight: 600;
margin: 0;
} .complex-biz__manifesto-card {
background: linear-gradient(135deg, #0d1a30 0%, #061224 100%);
border: 1.5px solid rgba(34, 197, 94, 0.5);
border-radius: 28px;
padding: 48px;
position: relative;
overflow: hidden;
box-shadow: 0 16px 48px rgba(0, 0, 0, 0.45);
}
@media (max-width: 768px) {
.complex-biz__manifesto-card {
padding: 28px 20px;
border-radius: 20px;
}
}
.complex-biz__manifesto-content {
display: flex;
flex-direction: column;
gap: 20px;
position: relative;
z-index: 1;
}
.complex-biz__manifesto-top {
display: flex;
align-items: center;
gap: 12px;
}
.complex-biz__manifesto-brand {
font-size: 20px;
font-weight: 900;
color: #22c55e;
letter-spacing: 1px;
}
.complex-biz__manifesto-pill {
font-size: 10px;
font-weight: 800;
color: #86efac;
background-color: rgba(36, 108, 34, 0.4);
border: 1px solid rgba(74, 222, 128, 0.4);
padding: 3px 10px;
border-radius: 9999px;
text-transform: uppercase;
letter-spacing: 1px;
}
.complex-biz__manifesto-heading {
font-size: 30px;
font-weight: 900;
line-height: 1.3;
color: #ffffff;
margin: 0;
letter-spacing: -0.5px;
}
@media (max-width: 768px) {
.complex-biz__manifesto-heading {
font-size: 22px;
}
}
.complex-biz__manifesto-lead {
font-size: 16px;
line-height: 1.7;
color: #cbd5e1;
margin: 0;
max-width: 980px;
}
.complex-biz__manifesto-bottom {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 24px;
margin-top: 12px;
padding-top: 24px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
flex-wrap: wrap;
}
.complex-biz__manifesto-quote {
font-size: 18px;
font-weight: 800;
color: #86efac;
letter-spacing: -0.2px;
}
.complex-biz__manifesto-btn {
display: inline-flex;
align-items: center;
gap: 10px;
background-color: #246C22;
color: #ffffff;
font-size: 14px;
font-weight: 800;
padding: 14px 28px;
border-radius: 14px;
border: none;
cursor: pointer;
box-shadow: 0 6px 20px rgba(36, 108, 34, 0.4);
transition: all 0.25s ease;
}
.complex-biz__manifesto-btn:hover {
background-color: #1c571b;
box-shadow: 0 10px 28px rgba(36, 108, 34, 0.6);
transform: translateY(-2px);
}
.new-rews__more-btn{
background: transparent;
border: none;
font-size: 12px;
font-style: italic;
color: green;
text-decoration: underline;
padding: 0;
}
#menu-item-1551{
padding-right: 20px;
padding-left: 20px;
background: #34d399;
border-radius: 20px;
}
.main-navigation li {
padding-top: 5px;
padding-bottom: 5px;
}
#menu-item-1551 > a{
color: #fff !important;
}
.main-navigation li > a{
font-family: 'Roboto', sans-serif;
} .dp-guide {
background-color: #f8fafc;
color: #0f172a;
font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
line-height: 1.65;
font-size: 16px;
padding: 40px 16px 80px;
box-sizing: border-box;
}
.dp-guide *,
.dp-guide *::before,
.dp-guide *::after {
box-sizing: border-box;
}
.dp-guide__container {
max-width: 100%;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 40px;
} .dp-guide__hero {
background: linear-gradient(135deg, #0d1a30 0%, #070d19 100%);
border-radius: 28px;
padding: 48px 40px;
color: #ffffff;
box-shadow: 0 16px 40px rgba(15, 23, 42, 0.2);
border: 1px solid rgba(255, 255, 255, 0.08);
position: relative;
overflow: hidden;
}
.dp-guide__hero::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px;
background: linear-gradient(90deg, #246C22, #22c55e, #10b981);
}
.dp-guide__hero-badges {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px;
margin-bottom: 20px;
}
.dp-guide__pill-badge {
display: inline-flex;
align-items: center;
gap: 6px;
background-color: rgba(36, 108, 34, 0.4);
border: 1px solid rgba(74, 222, 128, 0.5);
color: #4ade80;
font-size: 11px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 1.4px;
padding: 6px 14px;
border-radius: 9999px;
}
.dp-guide__pill-icon {
color: #4ade80;
}
.dp-guide__meta-tag {
font-size: 12px;
font-weight: 600;
color: #94a3b8;
background: rgba(255, 255, 255, 0.06);
padding: 5px 12px;
border-radius: 9999px;
}
.dp-guide__title {
font-size: 42px;
font-weight: 900;
line-height: 1.15;
color: #ffffff;
margin: 0 0 16px 0;
letter-spacing: -0.8px;
}
.dp-guide__lead {
font-size: 20px;
line-height: 1.5;
color: #cbd5e1;
margin: 0 0 28px 0;
}
.dp-guide__info-stripe {
display: flex;
flex-wrap: wrap;
gap: 20px;
padding-top: 24px;
border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.dp-guide__info-stripe-item {
display: flex;
align-items: center;
gap: 8px;
font-size: 14px;
color: #e2e8f0;
}
.dp-guide__info-stripe-item svg {
color: #22c55e;
flex-shrink: 0;
}
.dp-guide__info-stripe-item strong {
color: #86efac;
} .dp-guide__source-card {
display: flex;
gap: 20px;
background-color: #ffffff;
border: 1px solid #e2e8f0;
border-left: 4px solid #246C22;
border-radius: 18px;
padding: 24px 28px;
box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
}
.dp-guide__source-icon {
width: 44px;
height: 44px;
border-radius: 12px;
background-color: #f0fdf4;
color: #246C22;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.dp-guide__source-body {
display: flex;
flex-direction: column;
gap: 8px;
}
.dp-guide__source-title {
font-size: 16px;
font-weight: 800;
color: #0f172a;
margin: 0;
}
.dp-guide__source-body p {
font-size: 14px;
line-height: 1.6;
color: #475569;
margin: 0;
}
.dp-guide__source-link-row a {
color: #246C22;
font-weight: 700;
text-decoration: underline;
word-break: break-all;
}
.dp-guide__source-note {
font-size: 13px !important;
color: #64748b !important;
font-style: normal;
border-top: 1px dashed #e2e8f0;
padding-top: 8px;
} .dp-guide__section {
display: flex;
flex-direction: column;
gap: 24px;
}
.dp-guide__section-header {
display: flex;
flex-direction: column;
gap: 6px;
}
.dp-guide__sub-badge {
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 1.5px;
color: #246C22;
}
.dp-guide__h2 {
font-size: 30px;
font-weight: 900;
color: #0f172a;
line-height: 1.25;
margin: 0;
letter-spacing: -0.5px;
}
.dp-guide__section-desc {
font-size: 16px;
color: #475569;
margin: 0;
} .dp-guide__who-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
}
.dp-guide__who-item {
display: flex;
align-items: flex-start;
gap: 12px;
background-color: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 16px;
padding: 16px 18px;
font-size: 14.5px;
line-height: 1.5;
color: #1e293b;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
}
.dp-guide__check-circle {
width: 22px;
height: 22px;
border-radius: 50%;
background-color: #dcfce7;
color: #15803d;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
font-weight: 900;
flex-shrink: 0;
} .dp-guide__deadline-banner {
background-color: #ffffff;
border: 1px solid #cbd5e1;
border-radius: 18px;
padding: 22px 24px;
display: flex;
flex-direction: column;
gap: 10px;
}
.dp-guide__deadline-badge {
display: inline-flex;
align-items: center;
gap: 8px;
color: #0f172a;
font-size: 15px;
font-weight: 800;
}
.dp-guide__deadline-badge svg {
color: #246C22;
}
.dp-guide__deadline-banner p {
margin: 0;
font-size: 15px;
color: #475569;
}
.dp-guide__deadline-alert {
background-color: #fef3c7;
border: 1px solid #fde68a;
color: #92400e;
padding: 10px 16px;
border-radius: 12px;
font-size: 14px;
font-weight: 700;
} .dp-guide__example-card {
background: linear-gradient(135deg, #0c1626 0%, #070d19 100%);
border: 1.5px solid rgba(34, 197, 94, 0.35);
border-radius: 24px;
padding: 36px 32px;
color: #ffffff;
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);
}
.dp-guide__example-tag {
display: inline-block;
background-color: #246C22;
color: #ffffff;
font-size: 11px;
font-weight: 800;
letter-spacing: 1.2px;
padding: 4px 12px;
border-radius: 9999px;
margin-bottom: 12px;
}
.dp-guide__example-title {
font-size: 22px;
font-weight: 800;
color: #ffffff;
margin: 0 0 6px 0;
}
.dp-guide__example-subtitle {
font-size: 14px;
color: #94a3b8;
margin: 0 0 20px 0;
}
.dp-guide__example-grid {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
}
.dp-guide__example-item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 14px;
background-color: rgba(255, 255, 255, 0.04);
border: 1px solid rgba(255, 255, 255, 0.06);
border-radius: 12px;
font-size: 14px;
}
.dp-guide__example-item-label {
color: #94a3b8;
}
.dp-guide__example-item-val {
color: #86efac;
font-weight: 700;
text-align: right;
} .dp-guide__steps-flow {
display: flex;
flex-direction: column;
gap: 16px;
}
.dp-guide__step-card {
background-color: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 20px;
padding: 24px 28px;
display: flex;
flex-direction: column;
gap: 8px;
box-shadow: 0 4px 14px rgba(15, 23, 42, 0.03);
}
.dp-guide__step-card--accent {
border-color: rgba(36, 108, 34, 0.4);
background: linear-gradient(180deg, #ffffff 0%, #f0fdf4 100%);
}
.dp-guide__step-num-badge {
font-size: 11px;
font-weight: 800;
color: #246C22;
letter-spacing: 1.2px;
text-transform: uppercase;
}
.dp-guide__step-title {
font-size: 19px;
font-weight: 800;
color: #0f172a;
margin: 0;
}
.dp-guide__step-card p {
font-size: 15px;
line-height: 1.6;
color: #334155;
margin: 0;
}
.dp-guide__tip-box {
background-color: #f8fafc;
border-left: 3px solid #246C22;
padding: 10px 14px;
border-radius: 0 10px 10px 0;
font-size: 13.5px;
color: #475569;
margin-top: 6px;
}
.dp-guide__action-flow {
display: flex;
flex-direction: column;
gap: 8px;
margin-top: 10px;
background-color: #ffffff;
border: 1px solid #bbf7d0;
border-radius: 14px;
padding: 14px 18px;
}
.dp-guide__action-item {
font-size: 14px;
color: #14532d;
} .dp-guide__app-box {
background-color: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 24px;
padding: 32px 30px;
display: flex;
flex-direction: column;
gap: 16px;
box-shadow: 0 6px 20px rgba(15, 23, 42, 0.04);
}
.dp-guide__app-head {
display: flex;
flex-direction: column;
gap: 4px;
}
.dp-guide__app-code {
font-size: 11px;
font-weight: 900;
color: #246C22;
letter-spacing: 1.5px;
}
.dp-guide__app-title {
font-size: 22px;
font-weight: 800;
color: #0f172a;
margin: 0;
line-height: 1.3;
}
.dp-guide__app-when {
font-size: 15px;
line-height: 1.6;
color: #334155;
background-color: #f1f5f9;
border-radius: 12px;
padding: 12px 16px;
margin: 0;
}
.dp-guide__bullet-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 8px;
}
.dp-guide__bullet-list li {
position: relative;
padding-left: 20px;
font-size: 14.5px;
color: #475569;
}
.dp-guide__bullet-list li::before {
content: '•';
position: absolute;
left: 6px;
color: #246C22;
font-weight: 900;
} .dp-guide__calc-card {
background-color: #0b1524;
border-radius: 16px;
padding: 20px 22px;
color: #ffffff;
display: flex;
flex-direction: column;
gap: 10px;
}
.dp-guide__calc-card--skip {
background-color: #f8fafc;
border: 1px dashed #cbd5e1;
color: #64748b;
}
.dp-guide__calc-card--skip p {
margin: 0;
font-size: 14px;
}
.dp-guide__calc-badge {
align-self: flex-start;
font-size: 10px;
font-weight: 900;
color: #22c55e;
background-color: rgba(34, 197, 94, 0.15);
border: 1px solid rgba(34, 197, 94, 0.4);
padding: 2px 10px;
border-radius: 9999px;
letter-spacing: 1px;
}
.dp-guide__calc-badge--gray {
color: #64748b;
background-color: #e2e8f0;
border-color: #cbd5e1;
}
.dp-guide__calc-content {
display: flex;
flex-direction: column;
gap: 6px;
}
.dp-guide__calc-row {
font-size: 14px;
color: #cbd5e1;
}
.dp-guide__calc-row strong {
color: #ffffff;
}
.dp-guide__calc-total {
margin-top: 6px;
padding-top: 10px;
border-top: 1px solid rgba(255, 255, 255, 0.12);
font-size: 15px;
color: #86efac;
font-weight: 800;
}
.dp-guide__calc-total--pay {
color: #38bdf8;
} .dp-guide__checklist-card {
background: linear-gradient(180deg, #ffffff 0%, #f0fdf4 100%);
border: 2px solid #bbf7d0;
border-radius: 28px;
padding: 40px 36px;
box-shadow: 0 12px 32px rgba(36, 108, 34, 0.08);
}
.dp-guide__checklist-header {
margin-bottom: 24px;
}
.dp-guide__checklist-tag {
font-size: 11px;
font-weight: 800;
color: #15803d;
letter-spacing: 1.4px;
text-transform: uppercase;
}
.dp-guide__checklist-title {
font-size: 28px;
font-weight: 900;
color: #0f172a;
margin: 4px 0 8px 0;
}
.dp-guide__checklist-desc {
font-size: 15px;
color: #475569;
margin: 0;
}
.dp-guide__checklist-ol {
padding-left: 20px;
margin: 0;
display: flex;
flex-direction: column;
gap: 12px;
}
.dp-guide__checklist-ol li {
font-size: 15px;
line-height: 1.55;
color: #1e293b;
}
.dp-guide__checklist-ol li strong {
color: #0f172a;
} .dp-guide__conclusion {
background: linear-gradient(135deg, #070d19 0%, #0d1a30 100%);
border-radius: 28px;
padding: 44px 36px;
color: #ffffff;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
gap: 14px;
box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
border: 1px solid rgba(255, 255, 255, 0.08);
}
.dp-guide__conclusion-badge {
font-size: 11px;
font-weight: 900;
color: #22c55e;
letter-spacing: 1.5px;
text-transform: uppercase;
}
.dp-guide__conclusion-title {
font-size: 32px;
font-weight: 900;
color: #ffffff;
margin: 0;
letter-spacing: -0.5px;
}
.dp-guide__conclusion-p {
font-size: 16px;
line-height: 1.6;
color: #94a3b8;
max-width: 680px;
margin: 0;
}
.dp-guide__conclusion-highlight {
font-size: 18px;
font-weight: 800;
color: #86efac;
background: rgba(36, 108, 34, 0.25);
border: 1px solid rgba(34, 197, 94, 0.4);
padding: 10px 24px;
border-radius: 9999px;
margin: 8px 0;
}
.dp-guide__brand-sign {
display: flex;
align-items: center;
gap: 8px;
font-size: 14px;
color: #cbd5e1;
}
.dp-guide__brand-logo {
color: #22c55e;
font-weight: 900;
font-size: 18px;
letter-spacing: 0.5px;
}
.dp-guide__brand-motto {
color: #94a3b8;
} @media (max-width: 768px) {
.dp-guide {
padding: 20px 12px 60px;
}
.dp-guide__hero {
padding: 32px 20px;
border-radius: 20px;
}
.dp-guide__title {
font-size: 28px;
}
.dp-guide__lead {
font-size: 16px;
}
.dp-guide__h2 {
font-size: 24px;
}
.dp-guide__who-grid {
grid-template-columns: 1fr;
}
.dp-guide__example-card {
padding: 24px 18px;
border-radius: 18px;
}
.dp-guide__example-item {
flex-direction: column;
align-items: flex-start;
gap: 4px;
}
.dp-guide__example-item-val {
text-align: left;
}
.dp-guide__app-box {
padding: 24px 18px;
border-radius: 18px;
}
.dp-guide__app-title {
font-size: 19px;
}
.dp-guide__checklist-card {
padding: 28px 20px;
border-radius: 20px;
}
.dp-guide__checklist-title {
font-size: 22px;
}
.dp-guide__conclusion {
padding: 32px 20px;
border-radius: 20px;
}
.dp-guide__conclusion-title {
font-size: 24px;
}
} .mb60{
margin-bottom: 60px;
}
.mt60{
margin-top: 60px;
}
.mt40{
margin-top: 40px;
}
.green_txt{
color: #246C22 ;
}
@media only screen and (max-width: 1100px){
.uslugy_list .uslugy_item .cont::before{
font-size: 160px;
}
.uslugy_item .cost{
font-size: 24px;
}
.uslugy_item .title{
height: 90px;
}
.ark_link{
min-height: 400px;
}
.lending_banner .banner_pict img {
border-radius: 40px;
max-height: 350px;
}
.lending_banner .banner_pict::before{
width: 350px;
height: 350px;
}
.lending_banner .banner_text h1{
font-size: 35px;
}
.lending_banner .banner_text h2 {
font-size: 25px !important;
}
}
@media only screen and (max-width: 980px){
.site-header .site-branding{
order: 1;
}
.site-header.new-header .site-branding{
order: 1;
}
.site-header.new-header .header-cta{
order: 2;
}
.site-header .main-navigation, .site-header.new-header .main-navigation{
order: 4;
display: flex;
justify-content: end;
}
.menu-icon {
margin: auto;
display: grid;
place-items: center;
height: 55px;
width: 55px;
cursor: pointer;
overflow:hidden;
}
.menu-icon > span {
width: 50px;
height: 3px;
display: block;
background-color: #246C22;
transition: all 0.3s ease-in-out;
justify-self: end;
}
.menu-icon > span:nth-child(1) {
width: 42px;
}
.menu-icon > span:nth-child(2) {
width: 35px;
}
.menu-icon:hover > span:nth-child(1) {
width: 30px;
}
.menu-icon:hover > span:nth-child(2) {
width: 40px;
}
.toggled .menu-icon span:nth-child(1) {
transform-origin: center center;
transform: rotate(-45deg) translate(-20%, 500%);
width: 55px;
}
.toggled .menu-icon span:nth-child(2) {
transform: translateX(40px);
}
.toggled .menu-icon span:nth-child(3) {
transform-origin: center center;
transform: rotate(45deg) translate(-20%, -500%);
width: 55px;
}
.site-header .Post{
order: 3;
display: none;
}
.site-header .HeaderPhone{
order: 2;
}
.menu-toggle{
background:#246C22;
color: #fff;
padding: 10px;
border: none;
width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
}
.new-header .menu-toggle{
background: transparent;
width: 70px;
height: 70px;
}
.menu-toggle i{
color: #fff;
}
.toggled .menu-menu-1-container, .toggled .menu-menu_inside-container{
position: absolute;
left: 0;
top: 100px;
background: #fff;
width: 100%;
padding: 20px 50px;
z-index: 9999999 !Important;
}
.new-header .toggled .menu-menu-1-container, .new-header .toggled .menu-menu_inside-container{
top: 90px;
}
.site-footer .FirstFooter .menu li a{
margin: 0 10px;
}
.ark_link {
min-height: 350px;
}
.color_banner_wrap .banner_img{
max-width: 300px;
top: 10%;
}
.color_banner_wrap .text_blco_color_banner {
padding: 40px 60px 0px 20px;
}
#nothing-pict{
position: relative;
}
}
@media only screen and (max-width: 890px){
#about_dir {
text-align: left;
position: relative;
top: 0;
right: 0;
display: flex;
flex-direction: row;
justify-content: end;
gap: 20px;
align-items: center;
}
#about_dir .pol{
display: none;
}
.text_block .main_txt {
margin-top: 30px;
}
#comp_name{
margin-left: -40px;
margin-top: 10px;
}
}
@media only screen and (max-width: 768px){
.droggy img{
display: none;
}
.droggy .content_bl{
left: 0;
}
.content_bl{
width: 100%;
background-color: transparent;
box-shadow: none;
margin-top: 0;
padding: 20px 0;
}
.white_block, .grey_block{
padding: 30px 0;
min-height: auto;
}
.parallax2{
padding: 40px 20px;
}
.pokazately{
right: 0px;
padding: 15px;
}
.pokazately_item{
max-width: 150px;
}
.pokazately.close{
right: -175px;
}
.pokazately_item h3{
font-size: 16px;
}
.pokazately_item p{
font-size: 14px;
margin-bottom: 0;
}
.banner_pict img{
margin: 0 auto;
}
.lending_banner{
max-height: 100%;
text-align: center;
}
.lending_banner .banner_text{
margin-top: 30px;
}
.arrow-7{
margin: 0 auto;
}
.lending_banner .banner_pict::before{
left: 10%;
}
.lending_banner .banner_text h1 {
font-size: 30px;
}
.lend1 h2, .discont h2 {
font-size: 25px !Important;
}
.txt56 .h3 {
line-height: 1.4;
font-size: 20px;
}
.contacts h3{
font-size: 30px;
}
.contacts p{
font-size: 20px;
}
.FirstFooter{
flex-wrap: wrap;
justify-content: center;
}
.FirstFooter .footer_logo{
flex: 0 0 100px;
}
.color_banner_wrap .banner_img {
max-width: 250px;
top: auto;
bottom: -50px;
}
.color_banner_wrap .text_blco_color_banner {
padding: 40px 20px 60px 20px;
}
.color_banner_wrap .batton_block{
padding-left: 15px;
}
.color_banner{
margin-bottom: 60px;
}
.testmon{
display: block;
}
.main_uslugy_list img{
width: 100%;
height: 200px;
object-fit: cover;
max-width: 100%;
max-height: 200px;
}
.uslugy_list .uslugy_item .cont::before{
content: '';
}
.uslugy_item .cont{
min-height: 200px;
padding: 10px;
}
.uslugy_item .part1{
position: relative;
}
.akcia{
position: absolute;
bottom: 0;
}
.non_akcia{
display: none;
}
}
@media only screen and (max-width: 699px){
.uslugy_item .cont{
min-height: 0;
}
#gallery-1.gallery-columns-4{
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (max-width: 575px){
.fotoBanner img {
border-radius: 30px 30px 0 0px;
}
.fotoBanner .batton_block{
padding: 0 10px;
}
.fotoBanner .call_fos {
margin: 0 auto 30px auto;
}
.new_banner_s_video{
flex-wrap: wrap;
}
.new_banner_s_video .text_block{
order: 1;
}
.new_banner_s_video .video_bl{
order: 2;
flex: 0 0 100%;
display: flex;
padding-bottom: 10px;
justify-content: center;
}
#about_dir h3{
font-size: 10px;
}
.wrap-myvertical-tabs.video_sovety_tabs .myvertical-tabs li {
flex: 0 0 100%;
}
.new-header .site-branding {
flex: 0 0 100px;
}
.header-cta {
flex: 0 0 200px;
}
.site-header.new-header .site-branding{
margin-right: 0px;
}
}
@media only screen and (max-width: 470px){
.footer-nav{
display: none;
}
.otzyvy_item .col-xl-3{
display: none;
}
.otzyvy_item .col-xl-9{
width:100% !Important;
flex: 0 0 100%;
max-width: 100%;
}
.otzyvy_wrap .text_block::before{
display: none;
}
.wrap-myvertical-tabs{
flex-direction: column;
}
.myvertical-tabs li{
padding: 10px 30px;
}
.gorizont .ikon_block_item {
flex-direction: column;
}
.lending_banner .banner_pict::before {
width: 300px;
height: 300px;
}
.lending_banner .banner_pict img {
max-height: 300px;
}
.text_blco_color_banner h2{
font-size: 25px !Important;
}
.color_banner_wrap .text_blco_color_banner {
padding: 40px 20px 0px 20px;
}
.color_banner_wrap .banner_img {
max-width: 200px;
}
}
@media only screen and (max-width: 350px){
.site-header .HeaderPhone{
display: none;
}
.FirstFooter .footer_logo{
flex: 0 0 40px;
}
}