/* Start:/tools/css/devops.css?17791157807496*/
.b-devops {
    background: radial-gradient(50% 85.89% at 100% 0%, rgba(169, 137, 245, 0.2) 0%, rgba(169, 137, 245, 0) 100%), #FFFFFF;
    height: 100vh;
    display: flex;
    flex-wrap: wrap;
    padding: 80px 0 0;
    overflow: hidden;
  margin: 0 auto;
    border-radius: 16px;
  max-width: 1888px;
  width: calc(100% - 32px);
}
@media (max-width: 767px) {
  .b-devops {
    width: 100%;
    border-radius: 0;
}
}
.b-devops .__content {
    position: relative;
    z-index: 2;
    align-self: center;
}

.b-devops .b-logos {
    background: #F6F3FE;
    position: relative;
    padding: 60px 0;
    width: 100%;
    align-self: flex-end;
    z-index: 1;
}

.b-devops .b-logos ::-webkit-scrollbar {
    opacity: 0;
    height: 0px;
    width: 0px;
}

@media (max-width: 768px) {
    .b-devops .b-logos {
        padding: 48px 0;
    }
    }
.b-devops .b-logos .__bg {
    position: absolute;
    z-index: 0;
    bottom: 0;
  width: 1505px;
  right: 0;
}
@media (max-width: 1920px) {
  .b-devops .b-logos .__bg {
    width: 75vw;
}
}
.b-devops .b-logos .__list {
    position: relative;
    z-index: 2;
    font-size: 0;
    white-space: nowrap;
    overflow: auto;
}

@media (max-width: 768px) {
    .b-devops .b-logos .__list {
        margin-right: -24px;
    }
}

.b-devops .b-logos .__list div {
    display: inline-block;
    background: #FFFFFF;
    border-radius: 8px;
    padding: 24px;
    margin: 0 24px 0 0;
}

.b-pr-devops {
    background: url(/images/devops/bg1.svg) no-repeat center center #F6F3FE;
  margin: 0 auto;
    border-radius: 16px;
  max-width: 1888px;
  width: calc(100% - 32px);
}
@media (max-width: 767px) {
  .b-pr-devops {
    width: 100%;
    border-radius: 0;
}
}
.b-pr-devops .b-block-shadow {
    background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.5) 100%);
    box-shadow: none;
}

.b-etaps {
    background: radial-gradient(50% 57.34% at 0% 100%, rgba(226, 67, 41, 0.12) 0%, rgba(226, 67, 41, 0) 100%), radial-gradient(50% 100% at 100% 100%, rgba(169, 137, 245, 0.2) 0%, rgba(169, 137, 245, 0) 100%), #FFFFFF;
}

.b-etaps .__num {
    font-weight: 700;
    font-size: 32px;
    line-height: 1;
}

.b-devops-form {
    background: url(/images/devops/bg2.jpg);
    font-weight: 700;
    font-size: 52px;
    line-height: 120%;
    color: #fff;
  margin: 0 auto;
    border-radius: 16px;
  max-width: 1888px;
  width: calc(100% - 32px);
}

@media (max-width: 991px) {
    .b-devops-form {
        font-size: 36px;
    }
}

@media (max-width: 767px) {
    .b-devops-form {
        font-size: 24px;
    width: 100%;
    border-radius: 0;
    }
}

.b-shema {
    background: #F6F3FE;
}

.b-shema .b-block-shadow {
    background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.5) 100%);
    box-shadow: none;
}

.b-shema .b-block-shadow .__name {
    display: grid;
    grid-template-columns: 1fr 124px;
    column-gap: 16px;
    align-items: end;
    margin: 0 0 32px;
}

.b-shema .b-block-shadow .__name .__title {
    font-size: 24px;
    order: 1;
}

.b-shema .b-block-shadow .__name .__ico {
    order: 2;
}

@media (max-width: 500px) {
    .b-shema .b-block-shadow .__name {
        grid-auto-columns: 1fr;
        grid-template-columns: 100%;
        grid-template-rows: auto auto;
        row-gap: 16px;
        margin: 0 0 24px;
    }

    .b-shema .b-block-shadow .__name .__title {
        order: 2;
        margin: 0;
    }

    .b-shema .b-block-shadow .__name .__ico {
        order: 1;
        width: 50%;
    }
}

.b-shema .b-block-shadow .__shema {
    font-weight: 600;
    font-size: 14px;
}

.b-shema .b-block-shadow .__descr {
    padding: 32px 0 0;
    margin: 32px 0 0;
    border-top: 2px solid #F6F3FE;
}

@media (max-width: 991px) {
    .b-shema .b-block-shadow .__descr {
        padding: 24px 0 0;
        margin: 24px 0 0;
    }
}

.b-ourpr-devops {
    background: radial-gradient(50% 75.52% at 0% 100%, rgba(226, 67, 41, 0.12) 0%, rgba(226, 67, 41, 0) 100%), radial-gradient(50% 69.59% at 100% 100%, rgba(169, 137, 245, 0.2) 0%, rgba(169, 137, 245, 0) 100%), #FFFFFF;
    font-weight: 600;
  margin: 0 auto;
    border-radius: 16px;
  max-width: 1888px;
  width: calc(100% - 32px);
}
@media (max-width: 767px) {
  .b-ourpr-devops {
    width: 100%;
    border-radius: 0;
  }
}

.b-calc-devops {
  background: #F6F3FE;
  position: relative;
  overflow: hidden;
}
.b-calc-devops:after {
  content: "";
  position: absolute;
  left: calc(50% - 960px - 43px);
  top: 50%;
  transform: translateY(-50%);
  aspect-ratio: 2751/1307;
  width: 2751px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2751' height='1307' viewBox='0 0 2751 1307' fill='none'%3E%3Cpath d='M1970.11 12.5554C2096.86 -12.6565 2228.24 0.283 2347.64 49.738C2467.03 99.1931 2569.08 182.942 2640.88 290.395C2712.68 397.848 2751 524.179 2751 653.412C2751 782.644 2712.68 908.975 2640.88 1016.43C2569.08 1123.88 2467.03 1207.63 2347.64 1257.08C2228.24 1306.54 2096.86 1319.48 1970.11 1294.27C1846.69 1269.72 1733.06 1210.07 1642.81 1122.58L1641.78 1123.64L1374.42 862.892L1115.22 1115.22L1115.44 1115.44C1024.06 1206.82 907.635 1269.06 780.886 1294.27C654.137 1319.48 522.757 1306.54 403.362 1257.08C283.967 1207.63 181.918 1123.88 110.12 1016.43C38.3224 908.975 0.000117827 782.644 0 653.412C-1.52588e-05 524.179 38.3224 397.848 110.12 290.395C181.918 182.942 283.967 99.1931 403.362 49.738C522.757 0.282996 654.136 -12.6565 780.886 12.5554C907.635 37.7674 1024.06 99.9985 1115.44 191.38L1115.2 191.622L1374.62 444.634L1639.26 187.006L1639.61 187.363C1730.37 98.174 1845.23 37.3964 1970.11 12.5554ZM722.444 306.361C653.804 292.708 582.657 299.715 517.999 326.497C453.342 353.279 398.078 398.633 359.196 456.823C320.315 515.013 299.563 583.427 299.563 653.412C299.563 723.396 320.315 791.81 359.196 850C398.078 908.19 453.342 953.544 517.999 980.326C582.656 1007.11 653.804 1014.12 722.444 1000.46C789.017 987.219 850.331 955.119 899.112 908.049L898.857 907.787L1159.9 653.664L900.065 400.248L900.341 399.965C851.362 352.245 789.577 319.715 722.444 306.361ZM2233 326.497C2168.34 299.715 2097.2 292.708 2028.56 306.361C1959.92 320.014 1896.87 353.715 1847.38 403.202L1847.01 402.832L1589.14 653.863L1846.31 904.684L1847.38 903.621C1896.87 953.108 1959.92 986.808 2028.56 1000.46C2097.2 1014.12 2168.34 1007.11 2233 980.326C2297.66 953.544 2352.92 908.19 2391.8 850C2430.69 791.81 2451.44 723.396 2451.44 653.412C2451.44 583.427 2430.69 515.013 2391.8 456.823C2352.92 398.633 2297.66 353.279 2233 326.497Z' fill='url(%23paint0_linear_11550_12957)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_11550_12957' x1='29.433' y1='0.0006397' x2='2751' y2='1.59458e-05' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.074504' stop-color='%23F6F3FE'/%3E%3Cstop offset='0.223493' stop-color='%23E7E1F4'/%3E%3Cstop offset='0.697917' stop-color='%23FCD5E0' stop-opacity='0.64'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-size: cover;
}
@media (max-width: 1920px) {
  .b-calc-devops:after {
    width: 137.5vw;
    left: -2vw;
  }
}
.b-calc-devops > * {
  position: relative;
  z-index: 2;
}

.--bg-devops {
    background: linear-gradient(180deg, #F6F3FE 0%, #FFF 100%);
}

.--bg-grad {
  background: radial-gradient(51.3% 110.62% at 100% 0%, rgba(169, 137, 245, 0.2) 0%, rgba(169, 137, 245, 0) 100%), radial-gradient(6.51% 123.78% at 0% 0%, rgba(226, 67, 41, 0.12) 0%, rgba(226, 67, 41, 0) 100%), linear-gradient(180deg, #FFF 0%, #F6F3FE 100%);
}

/*# sourceMappingURL=devops.css.map */

/* End */
/* /tools/css/devops.css?17791157807496 */