:root{--bs-blue:#0d6efd;
--bs-indigo:#6610f2;--bs-purple:#6f42c1;
--bs-pink:#d63384;--bs-red:#dc3545;
--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;
--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;
--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;
--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;
--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;
--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;
--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;
--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;
--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;
--bs-dark-rgb:33,37,41;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;
--bs-body-color-rgb:33,37,41;--bs-body-bg-rgb:255,255,255;
--bs-font-sans-serif:system-ui,
-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;
--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-bg:#fff}
*,::after,::before{box-sizing:border-box}

@media(prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}
body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);
ont-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);
color:var(--bs-body-color);text-align:var(--bs-body-text-align);
background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25}
hr:not([size]){height:1px}
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}
h1{font-size:calc(1.375rem + 1.5vw)}

@media(min-width:1200px){
h1{font-size:2.5rem}}

h2{font-size:calc(1.325rem + .9vw)}
@media(min-width:1200px){h2{font-size:2rem}}h3{font-size:calc(1.3rem + .6vw)}
@media(min-width:1200px){h3{font-size:1.75rem}}h4{font-size:calc(1.275rem + .3vw)}
@media(min-width:1200px){h4{font-size:1.5rem}}h5{font-size:1.25rem}h6{font-size:1rem}
p{margin-top:0;margin-bottom:1rem}
abbr[data-bs-original-title],
abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}
address{margin-bottom:1rem;font-style:normal;line-height:inherit}
ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}
dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}
blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}
small{font-size:.875em}mark{padding:.2em;background-color:#fcf8e3}
sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}
sub{bottom:-.25em}sup{top:-.5em}a{color:#0d6efd;text-decoration:underline}a:hover{color:#0a58ca}
a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}
code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em;direction:ltr;unicode-bidi:bidi-override}
pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}
pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:#d63384;word-wrap:break-word}
a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:.875em;color:#fff;background-color:#212529;border-radius:.2rem}
kbd kbd{padding:0;font-size:1em;font-weight:700}figure{margin:0 0 1rem}img,svg{vertical-align:middle}
table{caption-side:bottom;border-collapse:collapse}
caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:left}
th{text-align:inherit;text-align:-webkit-match-parent}
tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}
label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}
button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}
button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}
select:disabled{opacity:1}[list]::-webkit-calendar-picker-indicator{display:none}[type=button],[type=reset],[type=submit],
button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),
button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}
fieldset{min-width:0;padding:0;margin:0;border:0}
legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}
@media(min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]
{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit}::-webkit-file-upload-button
{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}
summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}




html, body{font-family:'Roboto',sans-serif;margin:0;padding:0}

.container{max-width:1400px;margin:0 auto;padding:0 43px}
.title{color:red;font-weight:700;font-size:28px}
.item-title{padding-top:10px;font-size:21px;font-weight:700}
.item-descr{padding-top:5px;font-size:12px;font-weight:400}
.header{padding:7px 0;min-height:100px}
.header__logo{display:flex;align-items:center}
.header__logo-title{margin-left:12px;display:flex;flex-direction:column;align-items:center;
font-size:48px;line-height:48px;margin-bottom:0;color:red;font-weight:700}
.header__logo-title span{
    font-size:16px;line-height:16px;font-weight:300;
    padding: 0 0 0 6px;
}

.first-section{
    position:relative;min-height:360px;padding-top:70px;padding-bottom:138px;
    background:url(/img/bg/first-section.svg) 65% 0/contain no-repeat;background-size:430px 269px
    }
.first-section-team{
    position:relative;min-height:360px;padding-top:70px;padding-bottom:138px;
    background:url(/img/bg/first-section-team.svg) 65% 0/contain no-repeat;background-size:430px 269px
    }
.first-section-cust{
    position:relative;min-height:360px;padding-top:70px;padding-bottom:138px;
    background:url(/img/bg/first-section-cust.svg) 65% 0/contain no-repeat;background-size:430px 269px
    }
.first-section-msg{
    position:relative;min-height:360px;padding-top:70px;padding-bottom:138px;
    background:url(/img/bg/first-section-msg.svg) 65% 0/contain no-repeat;background-size:430px 269px
    }
.first-section p{max-width:525px;font-size:14px}
.first-section-team p{max-width:525px;font-size:14px}
.first-section-cust p{max-width:525px;font-size:14px}
.first-section-msg p{max-width:525px;font-size:14px}
.our-services{min-height:398px;padding:29px 0 113px 0;background-color:#ebf2fb}
.our-services__grid{margin-top:54px;display:grid;grid-template-columns:repeat(3,minmax(auto,272px));
-moz-column-gap:106px;column-gap:106px}
.about{padding-top:71px;padding-bottom:100px}
.about__grid{margin-top:45px;display:grid;grid-template-columns:repeat(3,280px);row-gap:83px;-moz-column-gap:70px;column-gap:70px}
.about__item{border-left:2px solid #000;padding-left:24px}
.about__item .item-title{padding-top:0;line-height:15px}
.about__item .item-descr{padding-top:15px}
.footer{position:relative;min-height:272px;padding-top:41px;padding-bottom:57px;background-color:#000}

.footer::before{
    content:"";
    position:absolute;
    top:50%;left:65%;
    transform:translateY(-50%);
    display:block;
    background:url(../img/footer-pic.png) 
    center center/contain no-repeat;width:100px;height:198px;z-index:1;
    }
.footer h2{color:#fff;margin-bottom:45px}
.footer p{position:relative;max-width:619px;font-size:14px;color:#fff;font-weight:300;z-index:20}

@media(max-width:1199px){
    .container{max-width:960px}
    .first-section{
        background:url(/img/bg/first-section.svg) 82% 43%/contain no-repeat;
        background-size:430px 269px
        }
    .first-section-team{
        background:url(/img/bg/first-section-team.svg) 82% 43%/contain no-repeat;
        background-size:430px 269px
        }
    .first-section-cust{
        background:url(/img/bg/first-section-cust.svg) 82% 43%/contain no-repeat;
        background-size:430px 269px
        }
    .first-section-msg{
        background:url(/img/bg/first-section-msg.svg) 82% 43%/contain no-repeat;
        background-size:430px 269px
        }
    .about__grid{grid-template-columns:repeat(3,minmax(auto,280px));row-gap:50px;-moz-column-gap:50px;column-gap:50px}
    .footer::before{transform:rotate(45deg) translate(-69px,-50px)}
}

@media(max-width:991px){
    .container{max-width:720px}
    .first-section{background:url(/img/bg/first-section.svg) 93% 89%/contain no-repeat;background-size:430px 269px}
    .first-section-team{background:url(/img/bg/first-section-team.svg) 93% 89%/contain no-repeat;background-size:430px 269px}
    .first-section-cust{background:url(/img/bg/first-section-cust.svg) 93% 89%/contain no-repeat;background-size:430px 269px}
    .first-section-msg{background:url(/img/bg/first-section-msg.svg) 93% 89%/contain no-repeat;background-size:430px 269px}
    .our-services__grid{grid-template-columns:repeat(3,1fr);-moz-column-gap:20px;column-gap:20px}
    .item-title{font-size:19px}
    .about__grid{grid-template-columns:repeat(3,1fr);row-gap:30px;-moz-column-gap:30px;column-gap:30px}
    .footer::before{top:10px;left:40%;width:50px;height:100px;transform:none}}

@media(max-width:767px){
    .container{max-width:540px}
    .first-section{background-size:336px 199px}
    .first-section-team{background-size:336px 199px}
    .first-section-cust{background-size:336px 199px}
    .first-section-msg{background-size:336px 199px}
    .item-title{font-size:14px}
    .item-descr{font-size:13px}
    .about__grid{grid-template-columns:repeat(2,1fr)}
    .our-services__grid{grid-template-columns:repeat(1,1fr)}
    .footer::before{left:51%}
}
@media(max-width:575px){
    .container{max-width:100%;padding:0 23px 0 23px}
    .first-section{padding-top:200px;padding-bottom:55px;background:url(/img/bg/first-section.svg) top left/contain no-repeat;background-size:310px 210px}
    .first-section-team{padding-top:200px;padding-bottom:55px;background:url(/img/bg/first-section-team.svg) top left/contain no-repeat;background-size:310px 210px}
    .first-section-cust{padding-top:200px;padding-bottom:55px;background:url(/img/bg/first-section-cust.svg) top left/contain no-repeat;background-size:310px 210px}
    .first-section-msg{padding-top:200px;padding-bottom:55px;background:url(/img/bg/first-section-msg.svg) top left/contain no-repeat;background-size:310px 210px}
    .first-section h2{margin-bottom:20px}
    .first-section-team h2{margin-bottom:20px}
    .first-section-cust h2{margin-bottom:20px}
    .first-section-msg h2{margin-bottom:20px}
    .our-services{min-height:300px;padding:23px 0 43px 0}
    .our-services__grid{row-gap:20px}.item-title{font-size:21px;font-weight:700;padding-top:0}
    .item-descr{font-size:14px}.about__grid{grid-template-columns:1fr;row-gap:50px}
    .footer{padding-bottom:50px}.footer::before{background-image:none}
    .footer 
    .container{padding-left:43px;padding-right:32px}
}



.squad{min-height:815px;padding-bottom:182px}

.squad__item{
    /*grid-template-columns:1fr;*/
    grid-template-rows:25px 20px -webkit-max-content;
    grid-template-rows:25px 20px max-content;
}
.squad__item{
    display:grid;
    grid-template-columns:256px 1fr;
    grid-template-rows:25px 20px 1fr;
    row-gap:16px;-moz-column-gap:30px;
    column-gap:30px;
}

@media(max-width: 575px){
    .squad__item{
        grid-template-columns: none;
    }
}


.squad__name{font-weight:700;font-size:21px;line-height:25px;color:#000}
.squad__profession{font-weight:500;font-size:14px;line-height:16px}
.squad__achievments{font-weight:300;font-size:14px;line-height:14px;max-width: 600px;}
.squad__stags{font-weight:300;font-size:14px;line-height:28px;max-width: 600px;}

.squad__img{width:256px;height:144px;grid-row:1/-1;border-radius:17px}
.squad__img img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}
.squad__grid{display:grid;grid-template-rows:repeat(4,1fr);row-gap:64px}

a{
    text-decoration: none;
    color: #f00;
    padding: 0 0 1px 0;
    border-bottom: 1px solid rgba(256,0,0,0.4);
}
.form__item{
    margin: 0 0 24px 0;
}
.form__input{
    border: 1px solid #ccc;
    border-radius: 4px;
    height: 36px;
    width: 256px;
    -webkit-transition: 1s;
    transition: 1s;
}
.form__input:hover{
    border: 1px solid #aaa;
}
.form__input:focus{
    border: 1px solid #ebf2fb !important;
}
.form__input_btn{
    width: 128px;
    height: 36px;
    border-radius: 4px;
    border: 1px solid #ccc;
    background: #ebf2fb;
}
.form__input_btn:hover{
    background: #7dabe8;
}

.stag{
    padding: 2px 4px;
    border: 1px solid #ddd;
}
.stag__c1{
    background: #fdf8da;
}
.stag__c2{
    background: #ffe6f1;
}
.stag__c3{
    background: #ffdacc;
}
.stag__c4{
    background: #c2def3;
}
.stag__c5{
    background: #c5bbe0;
}
.stag__c6{
    background: #f0f1f5;
}
.stag__c7{
    background: #d2eddc;
}