@font-face {
    font-family: 'Helvetica Light';
    src: url('/fonts/helvetica-light.otf');
    font-weight: 400;
    font-style: normal;
  }

@media (min-width: 1200px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1024px;
    }
}

body{
    font-family: "Helvetica Light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}


.container-color-one{
    /* padding: 79px 0 79px 0; */

    /* Frame 146 */




background: #00A3D4;

}

.logo-white-wide{
    height: 103px;
    position: relative;
    display: flex;
    justify-content: center;
}

.logo-white-wide img{
    z-index: 1;
}


.logo-white-wide:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    border-top: 1px solid #FFFFFF;
    background: #FFFFFF;
    width: 100%;
    transform: translateY(-50%);
  }

  .bg-dark {
    background-color: #00A3D4 !important;
}

.first-view-slide{
    background-image: url(/images/notebookpic.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 573px;
    /* Subdecorative text */
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    line-height: 36px;
    color: #FFFFFF;

}

.first-view-slide-header{
    /* IT-аутсорсинг */

width: 684px;
height: 119px;

/* Main-banner */
/* font-family: 'Helvetica'; */
/* font-style: normal; */
font-weight: 400;
font-size: 86px;
line-height: 119px;
/* identical to box height */
text-align: center;
text-transform: uppercase;

color: #FFFFFF;


}

.first-view-slide-text{
    /* Frame 237 */

/* Auto layout */
padding: 0px 7.5px 0px 27px;
gap: 36px;

width: 699px;
height: 273.51px;


/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;

}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;


    /* LargeOrderButton */
/* Auto layout */
justify-content: center;
align-items: center;
padding: 10px 18.3502px 14px;
gap: 7.98px;
width: 227px;
height: 42.29px;
left: 38px;
top: 20px;
background: #FFFFFF;
border-radius: 50.2637px;
font-size: 20px;
line-height: 26px;
text-align: center;
text-transform: uppercase;
color: #00A3D4;

transition: width 0.5s;
}

.btn-primary:hover,
.btn-primary:active{
align-items: center;
padding: 10px 18.3502px 14px;
gap: 7.98px;

width: 258px;
height: 43px;

background: #FFFFFF !important;
border-radius: 50.2637px;
color: #00A3D4 !important;
border-color:  #FFFFFF !important;

}

.btn-primary:visited{
background: rgba(255, 255, 255, 0.75);
color: #00A3D4;


}