/* Start:/include/2023/design_services/razrabotka-logotipa-new/style.css?174826331645696*/
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@800&display=swap");

.intec-content{
    max-width: 1240px !important;
}
.adaptive-container{
    max-width: 1240px !important;
    padding: 0 20px !important;
}
.development-logotype ~ #form_client .form-feedback-order-2023::before{
    background-image: url('/include/2023/design_services/razrabotka-logotipa-new/images/contacts-form-icon.svg');
    background-size: contain;
    background-repeat: no-repeat;
    top: auto;
    bottom: -20%;
}
.development-logotype ~ #form_client .form-feedback-order-2023 .header_grey::before{
    background: #FF6666;
}


/* BANNER */
.design-banner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-color: #151515;
    min-height: 855px;
    color: #fff;
    background-repeat: repeat;
}
.design-banner::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-transform: translateY(clamp(20px, 4vw, 78px));
    -ms-transform: translateY(clamp(20px, 4vw, 78px));
    transform: translateY(clamp(20px, 4vw, 78px));
    width: 100%;
    height: calc(100% + 78px);
    background: url('/include/2022/razrabotka-firmennogo-stilya/banner.svg') no-repeat;
    background-size: contain;
    background-position: right bottom;
}
.design-banner__wrapper {
    position: relative;
    z-index: 1;
}
.design-banner__container {
    width: 100%;
}
.design-banner__title {
    max-width: 575px;
    margin-bottom: 38px;
    margin-top: 84px;
    font-weight: 700;
    font-size: clamp(26px, 5vw, 48px);
    line-height: 135% !important;
    color: #fff;
    text-transform: uppercase;
}
.design-banner__text {
    max-width: 620px;
    font-weight: 400;
    font-size: clamp(16px, 2.8vw, 20px);
    line-height: 172%;
}
.design-banner__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 94px;
}
.design-banner__brief {
    padding: 17px 41px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #303030;
    background: #fff;
    border-radius: 4px;
    cursor: pointer;
    margin-right: 33px;
    border: 1px solid #fff;
    text-transform: uppercase;
    text-decoration: none !important;

    -webkit-transition: color .3s ease-out, border-radius .3s ease-out;
    -o-transition: color .3s ease-out, border-radius .3s ease-out;
    transition: color .3s ease-out, border-radius .3s ease-out;
}
.design-banner__brief:hover,
.design-banner__brief:focus,
.design-banner__brief:active {
    border-radius: 50px;
    color: #303030;
}
.design-banner__feedback {
    padding: 18px 45px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #fff;
    background: transparent;
    border-radius: 4px;
    cursor: pointer;
    margin-right: 33px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    border: 1px solid #fff;
    text-transform: uppercase;
}
.design-banner__feedback:hover,
.design-banner__feedback:focus,
.design-banner__feedback:active {
    border-radius: 50px;
    color: #fff;
    text-decoration: none;
}

/* MAIN LOGO */
.main-logo{
    position: relative;
    padding: 128px 0;
}
.main-logo .main-logo-wrapper{
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
}
.main-logo .main-logo-icon-mobile{
    display: none;
}
.main-logo .main-logo-top-line{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0 0 14px;
}
.main-logo .main-logo-text-content{
    font-weight: 400;
    font-size: clamp(16px, 3vw, 20px);
    line-height: 151%;
    color: #2E2E2E;
    max-width: 500px;
}
.main-logo .main-logo-text-content svg{
    margin: 0 0 18px;
}
.main-logo .main-logo-text-content p{
    margin: 0 0 30px;
}
.main-logo .main-logo-text-content p:last-child{
    margin: 0;
}
.main-logo .main-logo-logotype .main-logo-logotype-title{
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: clamp(85px, 20vw, 358px);
    line-height: 90%;
    text-transform: uppercase;
    color: #E1E1E1;
}
.main-logo .main-logo-logotype .main-logo-logotype-title span{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.main-logo .main-logo-logotype{
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.main-logo .main-logo-logotype:after{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-62%, -59%) scale(0);
    -ms-transform: translate(-62%, -59%) scale(0);
    transform: translate(-62%, -59%) scale(0);
    background: #FF6666;
    border-radius: 264px;
    width: clamp(300px, 38vw, 503px);
    height: 769px;
    z-index: -1;
    opacity: 0;

    -webkit-transition: transform .8s cubic-bezier(0, 0, 0.2, 1), opacity 1s cubic-bezier(0, 0, 0.2, 1);
    -o-transition: transform .8s cubic-bezier(0, 0, 0.2, 1), opacity 1s cubic-bezier(0, 0, 0.2, 1);
    -webkit-transition: opacity 1s cubic-bezier(0, 0, 0.2, 1), -webkit-transform .8s cubic-bezier(0, 0, 0.2, 1);
    transition: opacity 1s cubic-bezier(0, 0, 0.2, 1), -webkit-transform .8s cubic-bezier(0, 0, 0.2, 1);
    transition: transform .8s cubic-bezier(0, 0, 0.2, 1), opacity 1s cubic-bezier(0, 0, 0.2, 1);
    transition: transform .8s cubic-bezier(0, 0, 0.2, 1), opacity 1s cubic-bezier(0, 0, 0.2, 1), -webkit-transform .8s cubic-bezier(0, 0, 0.2, 1);
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
}
.main-logo .main-logo-logotype.show{
    display: inline-block !important;
}
.main-logo .main-logo-logotype.show:after{
    opacity: 1;
    -webkit-transform: translate(-62%, -59%) scale(1);
    -ms-transform: translate(-62%, -59%) scale(1);
    transform: translate(-62%, -59%) scale(1);
}
.main-logo .main-logo-logotype-up-title{
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: clamp(20px, 3.6vw, 44px);
    line-height: 120%;
    text-transform: uppercase;
    color: #292929;
    text-align: center;
    -webkit-transform: translate(-16px, -460px);
    -ms-transform: translate(-16px, -460px);
    transform: translate(-16px, -460px);
    opacity: 0;

    -webkit-transition: transform 1s cubic-bezier(0, 0, 0.2, 1), opacity 1s cubic-bezier(0, 0, 0.2, 1);
    -o-transition: transform 1s cubic-bezier(0, 0, 0.2, 1), opacity 1s cubic-bezier(0, 0, 0.2, 1);
    -webkit-transition: opacity 1s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1);
    transition: transform 1s cubic-bezier(0, 0, 0.2, 1), opacity 1s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1);
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
}
.main-logo .main-logo-logotype.show .main-logo-logotype-up-title{
    opacity: 1;
    -webkit-transform: translate(-16px, 26px) scale(1);
    -ms-transform: translate(-16px, 26px) scale(1);
    transform: translate(-16px, 26px) scale(1);
}


@-webkit-keyframes rotateCircles {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


@keyframes rotateCircles {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.main-logo .main-logo-logotype .main-logo-logotype-title .circle:after{
    content: '';
    position: absolute;
    background: url(/include/2023/design_services/razrabotka-logotipa-new/images/circles-new.svg) no-repeat, center;
    background-size: contain;
    -webkit-animation: rotateCircles 4.5s infinite linear;
    animation: rotateCircles 4.5s infinite linear;
    width: 100%;
    padding-top: 100%;
}
.main-logo .main-logo-logotype .main-logo-logotype-title .half-text{
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: clamp(85px, 20vw, 358px);
    text-transform: uppercase;
    color: #E1E1E1;
    /*padding: 0 0 0 137px;*/
    -webkit-transform: translateY(16px);
    -ms-transform: translateY(16px);
    transform: translateY(16px);
    display: inline-block;
}
/*.main-logo .main-logo-logotype .main-logo-logotype-title .half-text:after{*/
/*    content: '';*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 50%;*/
/*    -webkit-transform: translate(-186px, calc(-50% - 45px));*/
/*    -ms-transform: translate(-186px, calc(-50% - 45px));*/
/*    transform: translate(-186px, calc(-50% - 45px));*/
/*    width: clamp(300px, 40vw, 630px);*/
/*    height: clamp(230px, 35vw, 560px);*/
/*    background: url('/include/2023/design_services/razrabotka-logotipa-new/images/development-logo-small.png') no-repeat, center;*/
/*    background-size: cover;*/
/*}*/
.main-logo .main-logo-bottom-line{
    width: calc(100% + 540px);
    margin: 0 -270px;
}
.main-logo .main-logo-icon{
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-transform: translateY(199px);
    -ms-transform: translateY(199px);
    transform: translateY(199px);
}
.main-logo .main-logo-logotype-under-title{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 57px 0 0 0;
}
.main-logo .main-logo-logotype-under-title-wrapper{
    width: 354px;
}
.main-logo .main-logo-logotype-under-title .main-logo-name{
    position: relative;
    font-weight: 700;
    font-size: clamp(14px, 3vw, 20px);
    line-height: 105%;
    text-transform: uppercase;
    color: #313131;
}
.main-logo .main-logo-logotype-under-title .main-logo-position{
    font-weight: 400;
    font-size: clamp(14px, 3vw, 20px);
    line-height: 148.4%;
    color: #2E2E2E;
    margin: 3px 0 0 0;
}
.main-logo .main-logo-logotype-under-title .main-logo-name:after{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(-134px, -50%);
    -ms-transform: translate(-134px, -50%);
    transform: translate(-134px, -50%);
    background: #232424;
    height: 2px;
    width: 123px;
}

/* DEVELOPMENT LOGO */
.development-logo.additional{
    display: none;
    padding: clamp(44px, 9vw, 160px) 0 clamp(30px, 12vw, 70px);
}
.development-logo.additional .development-logo-icon{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: calc(100% + 40px);
    margin: 0 -20px 44px;
}
.development-logo.additional .widget-content{
    margin: 0;
}
.development-logo{
    position: relative;
    padding: clamp(39px, 9vw, 160px) 0 clamp(30px, 12vw, 70px);
}
.development-logo-wrapper{
    max-width: 1920px;
    margin: 0 auto;
}
.development-logo-wrapper-2{
    max-width: 1570px;
    padding: 0 20px;
}
.development-logo .widget-header{
    text-align: right;
}
.development-logo .widget-header .widget-header-title{
    font-weight: 400;
    font-size: clamp(28px, 4vw, 56px);
    line-height: 105%;
    text-transform: uppercase;
    color: #313131;
}
.development-logo .widget-header .widget-header-title span{
    font-weight: 700;
    font-size: clamp(52px, 8vw, 100px);
    line-height: 105%;
    text-transform: uppercase;
    color: #313131;
    display: block;
    margin: 3px 0 0 0;
}
.development-logo .widget-content{
    margin: 93px 0 0 -20px;
}

.development-logo .widget-items{
    max-width: 733px;
    width: 100%;
    position: relative;
}
.development-logo .widget-items .owl-nav{
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translate(-29px, 330px);
    -ms-transform: translate(-29px, 330px);
    transform: translate(-29px, 330px);
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.development-logo .widget-items .owl-nav button.owl-prev,
.development-logo .widget-items .owl-nav button.owl-next{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 14px !important;
    margin: 0;
}
.development-logo .widget-items .owl-nav button.owl-prev{
    margin: 0 35px 0 0;
}
.development-logo .widget-items .owl-nav button{
    -webkit-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
}
.development-logo .widget-items .owl-nav button.owl-prev:hover,
.development-logo .widget-items .owl-nav button.owl-next:hover{
    background: transparent;
}
.development-logo .widget-items .owl-nav button path{
    -webkit-transition: stroke .3s ease-out;
    -o-transition: stroke .3s ease-out;
    transition: stroke .3s ease-out;
}
.development-logo .widget-items .owl-nav button:not(.disabled):hover path{
    stroke: #fff;
}
.development-logo .widget-item{}
.development-logo .widget-item .picture{
    height: 389px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.development-logo .widget-item .description-wrap{
    margin: 30px 0 0 0;
    padding: 0 0 0 20px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.development-logo .widget-items:after {
    content: '';
    position: absolute;
    top: 389px;
    left: 0;
    -webkit-transform: translateY(46px);
    -ms-transform: translateY(46px);
    transform: translateY(46px);
    width: 100%;
    height: 1.5px;
    background: #6F6F6F;
    z-index: -1;
}
.development-logo .widget-item .description{
    position: relative;
    font-weight: 400;
    font-size: clamp(14px, 1.6vw, 20px);
    line-height: 150%;
    text-align: right;
    color: #6F6F6F;
    z-index: 1;
    padding: 0 20px;
    margin: 0 -20px;
}
.development-logo .widget-item .description::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 4px;
    width: calc(100% - 20px);
    height: 14px;
    background: rgb(255 255 255);
    z-index: -1;
}

.development-logo .text-table{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    width: 100%;
    padding: 59px 0 0 102px;
}
.development-logo .text-table-line{
    border-bottom: 1px solid #6F6F6F;
    padding: 9px 0;
    margin: 0 0 28px;
}
.development-logo .text-table-line:last-child{
    margin: 0;
}
.development-logo .text-table-line .text-table-title{
    font-weight: 400;
    font-size: clamp(16px, 2vw, 28px);
    line-height: 150%;
    color: #353535;
}
.development-logo .text-table-line .text-table-description{
    font-weight: 400;
    font-size: clamp(12px, 1.6vw, 20px);
    line-height: 140%;
    color: #6F6F6F;
    margin: 3px 0 0 0;
}
.development-logo .text-table-line .text-table-value{
    font-weight: 700;
    font-size: clamp(16px, 2vw, 28px);
    line-height: 150%;
    color: #353535;
}
.development-logo .text-table-line .text-table-value span{
    font-weight: 400;
}
.development-logo .more-logo{
    margin: 90px 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.development-logo .more-logo .more-logo-link{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    font-weight: 400;
    font-size: clamp(16px, 1.8vw, 20px);
    line-height: 150%;
    text-align: right;
    color: #000000;

    -webkit-transition: color .3s ease-out;
    -o-transition: color .3s ease-out;
    transition: color .3s ease-out;
}
.development-logo .more-logo .more-logo-link:hover{
    color: #FF6666;
}
.development-logo .more-logo .more-logo-link svg{
    margin: 0 0 0 8px;
}


/* WHAT IS INCLUDE IN DEVELOPMENT LOGO */
.what-is-include{
    position: relative;
    padding: clamp(36px, 9vw, 119px) 0 clamp(75px, 12vw, 160px);
}
.what-is-include .widget-header{}
.what-is-include .widget-header .widget-header-title{
    font-weight: 700;
    font-size: clamp(52px, 9vw, 125px);
    line-height: 80%;
    text-transform: uppercase;
    color: #1E1E1E;
}
.what-is-include .widget-header .widget-header-title .big-title{
    display: block;
    line-height: 82%;
    color: #E1E1E1;
}
.what-is-include .widget-header .widget-header-title .small-title{
    display: block;
    font-weight: 400;
    font-size: clamp(18px, 2.2vw, 32px);
    line-height: 110%;
    color: #151515;
    text-align: right;
    text-transform: lowercase;
    margin: 7px 5px 0 0;
}
.what-is-include .widget-content .what-is-include-in-development-logo{
    font-weight: 400;
    font-size: clamp(16px, 3vw, 20px);
    line-height: 150%;
    color: #313131;
    list-style: disc;
    max-width: 510px;
}


/* POPUP FORM */
.popup-form{
    background: #1E1E1E;
    position: relative;
    overflow: hidden;
}
.popup-form:before{
    content: '';
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('/include/2023/design_services/razrabotka-logotipa-new/images/popup-form-icon-horizontal.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
}
.popup-form-wrapper{
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 144px;
    padding: 31px 0 47px;
}
.popup-form .popup-form-title .tire{
    margin: 0 6px;
}
.popup-form .popup-form-text-content{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    z-index: 1;
}
.popup-form .popup-form-title,
.popup-form .popup-form-description{
    font-weight: 400;
    font-size: clamp(16px, 3vw, 20px);
    line-height: 124%;
    color: #FFFFFF;
}
.popup-form .popup-form-description{
    margin: 14px 0 0 0;
}
.popup-form .popup-form-price{
    display: inline-block;
    font-weight: 700;
    font-size: clamp(28px, 3vw, 42px);
    line-height: 124%;
    color: #FFFFFF;
    white-space: nowrap;
    transform: translateY(6px);
    position: relative;
}
.popup-form .popup-form-order-logo{
    font-weight: 500;
    font-size: 15px;
    line-height: 141.8%;
    text-align: center;
    color: #F97777;
    border: 1px solid #F97777;
    border-radius: 4px;
    padding: 16px 46px;
    text-transform: uppercase;
    background-color: transparent;

    -webkit-transition: border-radius .3s ease-out;
    -o-transition: border-radius .3s ease-out;
    transition: border-radius .3s ease-out;
}
.popup-form .popup-form-order-logo:hover{
    border-radius: 53px;
}
.popup-form .fake-block{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 170px;
    flex: 0 0 170px;
    display: block;
}


/* STEPS DEVELOPMENT */
.style-stages {
    overflow: hidden;
    position: relative;
    padding: clamp(30px, 20vw, 203px) 0 clamp(99px, 12vw, 100px);
}
.style-stages__title{
    font-weight: 700;
    font-size: clamp(45px, 9vw, 140px);
    line-height: 80%;
    text-transform: uppercase;
}
.style-stages__title-1 {
    color: #000000;
}
.style-stages__title-2-1 {
    color: #e1e1e1;
}
.style-stages__title-2-2 {
    font-weight: 400;
    font-size: clamp(18px, 4vw, 32px);
    line-height: 110%;
    color: #151515;
    margin-left: -11px;
    -webkit-transform: translateY(-9px);
    -ms-transform: translateY(-9px);
    transform: translateY(-9px);
    display: inline-block;
    text-transform: lowercase;
}
.stages__list {
    position: relative;
    margin-top: clamp(20px, 10vw, 134px);
    border-top: 2px solid #000;
    background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, transparent), color-stop(50%, #1e1e1e));
    background-image: -o-linear-gradient(right, transparent 50%, #1e1e1e 50%);
    background-image: linear-gradient(to left, transparent 50%, #1e1e1e 50%);
}
.stages__item--brief .stages__item-title-block::after {
    content: "";
    position: absolute;
    background-image: url(/include/2022/razrabotka-firmennogo-stilya/stages-bottom.svg);
    bottom: 0;
    width: 872px;
    height: 236px;
    right: 0;
    background-color: #1e1e1e;
}
.stages__list-carousel{
    padding: 135px 0 127px;
    position: relative;
}
.stages__list-carousel:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: calc(100% - 380px);
    background: white;
    z-index: 0;
}
.stages__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 0 87px;
    position: relative;
    z-index: 1;
}
.stages__item:last-child {
    position: relative;
}
.stages__item:last-child::after {
    content: "";
}
.stages__item-title-block {
    color: #fff;
    width: 380px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    margin: -5px 0 0 0;
}
.stages__item-text {
    position: relative;
    padding-left: 60px;
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    background: #fff;
}
.stages__item-title {
    position: relative;
    font-weight: 700;
    font-size: 48px;
    line-height: 126%;
    text-transform: uppercase;
    color: #ffffff;
}
.stages__item-title::after {
    content: "";
    margin-top: 16px;
    position: absolute;
    right: 0;
    top: 0;
    width: 51px;
    height: 4px;
    background: #fff;
}
.stages__item-name {
    font-weight: 400;
    font-size: 24px;
    line-height: 120%;
    color: #aeaeae;
    margin: 11px 0 0 0;
}
.stages__item--brief {
    background: #fff;
    padding: 0;
}
.stages__item-brief {
    position: absolute;
    bottom: 0;
    color: #FF6666;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    padding: 16px 42px;
    border: 1px solid #FF6666;
    border-radius: 4px;
    text-transform: uppercase;
    white-space: nowrap;
    text-decoration: none !important;

    -webkit-transition: border-radius .3s ease-out;
    -o-transition: border-radius .3s ease-out;
    transition: border-radius .3s ease-out;
}
.stages__item-brief:hover,
.stages__item-brief:focus{
    border-radius: 50px;
    color: #FF6666 !important;
}
.stages__next-slide {
    display: none;
    position: absolute;
    right: 26px;
    top: 53px;
    border: 1px solid #fff;
    border-radius: 50%;
    background: transparent;
    width: 41px;
    height: 41px;
}


/* IMPLEMENTED PROJECTS */
.design-projects {
    overflow: hidden;
    padding: clamp(30px, 12vw, 162px) 0 clamp(30px, 12vw, 124px);
}
.design-projects__bottom-slider {
    margin-top: 15px;
}
.design-projects__title-row {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 31px;
    margin-bottom: 78px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.design-projects__title-row::after {
    content: "";
    position: absolute;
    border-bottom: 2px solid #000;
    width: calc(100vw - ((100vw - 1240px) / 2));
    bottom: -2px;
    left: 0;
}
.design-projects__title {
    font-weight: 700;
    font-size: 100px;
    line-height: 114%;
    text-transform: uppercase;
    color: #313131;
}
.design-projects__more {
    color: #000000;
    text-decoration: none;
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    margin: 0 24px 16px 0;
}
.design-projects__more svg{
    margin: 0 0 0 2px;
}
.design-projects__more:hover,
.design-projects__more:focus {
    color: #FF6666;
    text-decoration: none;
}
.design-projects__sliders .owl-stage {
    -webkit-transition-timing-function: linear !important;
    -o-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
}
.design-projects__sliders .owl-stage .owl-item img{
    max-height: 521px;
}

@media all and (min-width: 1921px) {
    .design-projects__sliders .owl-stage .owl-item img{
        width: 500px;
    }
}

@media all and (max-width: 1800px) {
    .main-logo .main-logo-bottom-line{
        width: calc(100% + 400px);
        margin: 0 -200px;
    }
    .main-logo .main-logo-logotype-under-title-wrapper{
        width: 300px;
    }
}
@media all and (max-width: 1600px) {
    .main-logo .main-logo-bottom-line {
        width: calc(100% + 200px);
        margin: 0 -100px;
    }
    .main-logo .main-logo-logotype-up-title{
        -webkit-transform: translate(20px, -400px) scale(.98);
        -ms-transform: translate(20px, -400px) scale(.98);
        transform: translate(20px, -400px) scale(.98);
    }
    .main-logo .main-logo-logotype.show .main-logo-logotype-up-title{
        -webkit-transform: translate(20px, 26px) scale(1);
        -ms-transform: translate(20px, 26px) scale(1);
        transform: translate(20px, 26px) scale(1);
    }

    .popup-form:before{
        background-position: -260px;
    }
}
@media all and (max-width: 1400px) {
    .main-logo .main-logo-bottom-line {
        width: calc(100% + 60px);
        margin: 0 -30px;
    }
    .development-logo .widget-items{
        max-width: 50%;
    }
    .development-logo .text-table{
        -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        padding: 0 0 0 50px;
    }
}
@media all and (max-width: 1300px) {
    .main-logo{
        padding: 260px 0 120px;
    }
    .main-logo .main-logo-bottom-line {
        width: 100%;
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .main-logo .main-logo-logotype .main-logo-logotype-title .half-text:after{
        -webkit-transform: translate(-130px, calc(-50% - 45px));
        -ms-transform: translate(-130px, calc(-50% - 45px));
        transform: translate(-130px, calc(-50% - 45px));
    }
    .main-logo .main-logo-logotype .main-logo-logotype-title .half-text{
        padding: 0 0 0 100px;
    }
    .main-logo .main-logo-logotype-up-title{
        -webkit-transform: translate(40px, 26px);
        -ms-transform: translate(40px, 26px);
        transform: translate(40px, 26px);
    }
    .main-logo .main-logo-logotype:after{
        height: 680px;
        width: clamp(300px, 37vw, 503px);
    }
    .main-logo .main-logo-logotype:after{
        -webkit-transform: translate(-50%, -54%) scale(0);
        -ms-transform: translate(-50%, -54%) scale(0);
        transform: translate(-50%, -54%) scale(0);
    }
    .main-logo .main-logo-logotype.show:after{
        -webkit-transform: translate(-50%, -54%) scale(1);
        -ms-transform: translate(-50%, -54%) scale(1);
        transform: translate(-50%, -54%) scale(1);
    }
    .main-logo .main-logo-top-line{
        margin: 120px 0 0;
    }
    .main-logo .main-logo-wrapper-2{
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .main-logo .main-logo-text-content{
        max-width: 100%;
    }
    .main-logo .main-logo-icon{
        display: inline-block;
        position: relative;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        margin: 66px 0 0 0;
    }
    .main-logo .main-logo-logotype .main-logo-logotype-title .half-text:after{
        width: clamp(300px, 45vw, 630px);
        height: clamp(230px, 40vw, 560px);
    }
    .main-logo .main-logo-logotype .main-logo-logotype-title .half-text,
    .main-logo .main-logo-logotype .main-logo-logotype-title{
        font-size: clamp(85px, 26vw, 358px);
    }
    .main-logo .main-logo-logotype-up-title{
        -webkit-transform: translate(55px, -350px) scale(.98);
        -ms-transform: translate(55px, -350px) scale(.98);
        transform: translate(55px, -350px) scale(.98);
    }
    .main-logo .main-logo-logotype.show .main-logo-logotype-up-title{
        -webkit-transform: translate(55px, 26px) scale(1);
        -ms-transform: translate(55px, 26px) scale(1);
        transform: translate(55px, 26px) scale(1);
    }
    .main-logo .main-logo-icon svg{
        display: none;
    }
    .main-logo .main-logo-icon .main-logo-icon-mobile{
        display: block;
    }
}
@media all and (max-width: 1250px) {
    .design-banner__brief {
        margin-right: 15px;
    }
    .design-banner__brief,
    .design-banner__feedback {
        font-size: 16px;
        padding: 14px 30px;
    }
    .design-banner__buttons{
        margin-top: 50px;
    }

    .main-logo .main-logo-text-content{
        margin: 0;
    }

    .popup-form .fake-block{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 222px;
        flex: 0 0 222px;
    }
    
    .style-stages__title-2-2 {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .stages__item-text{
        padding-left: 40px;
    }
}
@media all and (max-width: 1024px) {
    .design-projects__bottom-slider,
    .design-projects__top-slider {
        pointer-events: none;
    }
    .design-projects__title {
        font-size: 50px;
        line-height: 100%;
    }
    .main-logo .main-logo-logotype-up-title{
        -webkit-transform: translate(26px, 26px);
        -ms-transform: translate(26px, 26px);
        transform: translate(26px, 26px);
    }
    .development-logo .widget-items:after{
        -webkit-transform: translateY(43px);
        -ms-transform: translateY(43px);
        transform: translateY(43px);
    }
}
@media all and (max-width: 1000px) {
    .what-is-include .widget-header .widget-header-title{
        display: inline-block;
    }
    .what-is-include .widget-content .what-is-include-in-development-logo{
        max-width: 100%;
        padding: 0 0 0 24px;
    }
    .what-is-include .widget-content{
        margin: 31px 0 0 0;
    }
    .what-is-include .widget-header .widget-header-title .small-title{
        margin: 10px 0 0 0;
        -webkit-transform: translateX(78px);
        -ms-transform: translateX(78px);
        transform: translateX(78px);
    }
    .what-is-include .widget-content .what-is-include-in-development-logo li{
        margin: 0 0 10px;
    }
}
@media all and (max-width: 980px) {
    .design-banner {
        min-height: 100%;
    }
    .design-banner::after {
        display: none;
    }
    .design-banner__wrapper{
        padding: 160px 0 120px;
    }
    .design-banner__title{
        margin-top: 0;
        margin-bottom: 25px;
    }

    .main-logo .main-logo-logotype .main-logo-logotype-title .half-text:after{
        display: none;
    }
    .main-logo .main-logo-logotype .main-logo-logotype-title .half-text{
        padding: 0;
    }
    .main-logo .main-logo-logotype-up-title{
        -webkit-transform: translate(0, -300px) scale(.98);
        -ms-transform: translate(0, -300px) scale(.98);
        transform: translate(0, -300px) scale(.98);
    }
    .main-logo .main-logo-logotype-up-title{
        font-size: clamp(20px, 4vw, 44px);
    }
    .main-logo .main-logo-logotype.show .main-logo-logotype-up-title{
        -webkit-transform: translate(0, 0) scale(1);
        -ms-transform: translate(0, 0) scale(1);
        transform: translate(0, 0) scale(1);
    }
    .main-logo .main-logo-logotype:after{
        height: clamp(176px, 63vw, 600px);
        width: clamp(120px, 38vw, 503px);
    }
    .main-logo .main-logo-logotype.show:after{
        -webkit-transform: translate(-80%, -50%) scale(1);
        -ms-transform: translate(-80%, -50%) scale(1);
        transform: translate(-80%, -50%) scale(1);
    }
    .main-logo .main-logo-logotype:after{
        -webkit-transform: translate(-80%, -50%) scale(0);
        -ms-transform: translate(-80%, -50%) scale(0);
        transform: translate(-80%, -50%) scale(0);
    }
    .main-logo .main-logo-logotype .main-logo-logotype-title .half-text{
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    .main-logo .main-logo-logotype .main-logo-logotype-title .circle:after{
        width: calc(100% + 30px);
        padding-top: calc(100% + 30px);
    }

    .development-logo .widget-items,
    .development-logo .text-table{
        max-width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
    }
    .development-logo .widget-items{
        margin: 0 -20px;
        width: calc(100% + 40px);
        max-width: calc(100% + 40px);
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .development-logo .text-table{
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .development-logo .more-logo{
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin: 25px 0 0 0;
        width: 100%;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .development-logo .text-table{
        padding: 0;
        margin: 0 0 84px 0;
    }
    .development-logo .widget-content{
        margin: 34px 0 0 0;
    }
    .development-logo .widget-item .description-wrap{
        padding: 0 20px;
    }
    .development-logo .widget-item .description{
        font-size: clamp(14px, 3vw, 20px);
    }
    .development-logo .text-table-line .text-table-title,
    .development-logo .text-table-line .text-table-value{
        font-size: clamp(16px, 3vw, 28px);
    }
    .development-logo .text-table-line .text-table-description{
        font-size: clamp(12px, 3vw, 20px);
    }
    .development-logo .more-logo .more-logo-link{
        font-size: clamp(16px, 3vw, 20px);
    }
    .development-logo .text-table-line .text-table-description br{
        display: none;
    }

    .popup-form .fake-block{
        display: none;
    }
    .popup-form-wrapper{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 50px 0;
    }
    .popup-form:before{
        background-image: url('/include/2023/design_services/razrabotka-logotipa-new/images/popup-form-icon-vertical.svg');
        background-repeat: repeat-y;
        background-position: right;
    }
    .popup-form .popup-form-text-content{
        margin: 0 0 32px;
    }
    .popup-form .popup-form-description{
        margin: 25px 0 0 0;
    }
    .popup-form .popup-form-price{
        transform: translateY(3px);
    }

    .style-stages__title-2{
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .style-stages__title-2-2{
        -webkit-transform: translateX(35px);
        -ms-transform: translateX(35px);
        transform: translateX(35px);
    }
}
@media all and (max-width: 768px) {
    .main-logo{
        padding: clamp(78px, 24vw, 260px) 0 clamp(23px, 7vw, 120px)
    }
    .main-logo .main-logo-top-line{
        margin: 150px 0 0;
    }
    .main-logo .main-logo-text-content svg{
        width: 37px;
        height: auto;
        margin: 0 0 10px;
    }
    .main-logo .main-logo-text-content p{
        margin: 0 0 23px;
    }
    .main-logo .main-logo-logotype-under-title-wrapper{
        width: auto;
    }
    .main-logo .main-logo-logotype-under-title{
        margin: 37px 0 0 0;
    }
    .popup-form .popup-form-order-logo{
        font-size: 14px;
        padding: 13px 30px;
    }

    .stages__item-title {
        font-size: 25.7483px;
        line-height: 142.4%;
    }
    .stages__item-name {
        font-weight: 400;
        font-size: 16px;
        line-height: 147.9%;
    }
    .stages__item-name{
        margin: 0;
    }
    .stages__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0;
    }
    .style-stages__title-2-2{
        color: #fff;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        margin: 8px 0 0 0;
    }
    .stages__item-text {
        padding: 0;
        font-weight: 400;
        font-size: 16px;
        line-height: 147.9%;
        color: #ffffff;
        background: #1e1e1e;
        width: 100%;
        margin-top: 46px;
    }
    .stages__item-title-block.bottom {
        padding-top: 0;
        width: calc(100% + 40px);
        height: 99px;
        margin: 40px -20px 0;
    }
    .stages__item-brief {
        padding: 14px 30px;
        font-size: 14px;
        background: #1e1e1e;
    }
    .stages__item-title::after {
        content: "";
        margin-top: 16px;
        position: absolute;
        left: 0;
        bottom: -43px;
        width: 29px;
        height: 1px;
        background: #fff;
        top: auto;
    }
    .stages__item--brief .stages__item-title-block::after {
        content: "";
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        right: 0;
        left: 0;
        background-position: right;
        background-size: cover;
    }
    .stages__item-brief{
        display: inline-block;
        position: relative;
    }
    .stages__item--brief {
        padding-top: 0;
        background: #1e1e1e;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .stages__item--brief .stages__item-text {
        margin: 22px 0 0 0;
        background: transparent;
    }
    .stages__list-carousel:after{
        display: none;
    }
    .stages__list{
        background: #1e1e1e;
        padding: 48px 0 0 0;
    }
    .stages__next-slide  {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        z-index: 7;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        right: 21px;
        top: 46px;
    }
    .style-stages{
        padding: clamp(50px, 13vw, 203px) 0 clamp(32px, 10vw, 100px);
    }

    .stages__list-carousel{
        padding: 0;
    }
    .style-stages__title-2 {
        background: transparent;
        color: #fff;
        position: relative;
        margin-top: -20px;
        padding: 23px 0 0;
    }
    .style-stages__title{
        background: #1e1e1e;
        width: calc(100% + 40px);
        margin: 0 -20px;
        padding: 0 20px;
        line-height: 64%;
    }
    .style-stages__title-2::before,
    .style-stages__title-2::after {
        display: none;
    }
    .style-stages__title-1{
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        width: calc(100% + 40px);
        margin: 0 -20px 8px;
        padding: 0 20px;
        background: #fff;
    }
    .stages__list {
        margin-top: 0;
        border: 0;
        background: #1e1e1e;
    }
}
@media all and (max-width: 550px) {
    .design-banner {
        height: auto;
    }
    .design-banner__text{
        line-height: 175%;
    }
    .design-banner__title{
        margin-bottom: 3px;
    }
    .design-banner__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        padding: 143px 0 64px;
    }
    .design-banner__buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 42px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .design-banner__brief,
    .design-banner__feedback{
        font-size: 14px;
        padding: 14px 31px;
    }
    .design-banner__brief {
        margin-bottom: 15px;
    }
    .style-more-services__title-1::after {
        width: 50%;
    }
    .design-projects__title {
        font-size: 32px;
        line-height: 100%;
    }
    .design-projects__title-row {
        margin-bottom: 22px;
        padding-bottom: 6px;
    }
    .design-projects__more {
        display: none;
    }
    .design-projects__bottom-slider {
        margin-top: -10px;
    }

    .main-logo .main-logo-bottom-line{
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .main-logo .main-logo-logotype-up-title{
        -webkit-transform: translate(26px, -200px) scale(.98);
        -ms-transform: translate(26px, -200px) scale(.98);
        transform: translate(26px, -200px) scale(.98);
    }
    .main-logo .main-logo-logotype.show .main-logo-logotype-up-title{
        -webkit-transform: translate(26px, 3px) scale(1);
        -ms-transform: translate(26px, 3px) scale(1);
        transform: translate(26px, 3px) scale(1);
    }
    .main-logo .main-logo-logotype:after{
        height: clamp(176px, 56vw, 600px);
    }
    .main-logo .main-logo-logotype.show:after{
        -webkit-transform: translate(-60%, -48%) scale(1);
        -ms-transform: translate(-60%, -48%) scale(1);
        transform: translate(-60%, -48%) scale(1);
    }
    .main-logo .main-logo-top-line{
        margin: 82px 0 0;
    }
    .main-logo .main-logo-logotype-under-title .main-logo-name:after{
        height: 1px;
    }
    .main-logo .main-logo-logotype:after{
        -webkit-transition-delay: .2s;
        -o-transition-delay: .2s;
        transition-delay: .2s;
    }
    .main-logo .main-logo-logotype-up-title{
        -webkit-transition-delay: .1s;
        -o-transition-delay: .1s;
        transition-delay: .1s;
    }

    .development-logo .widget-header .widget-header-title{
        text-align: left;
    }
    .development-logo .widget-header .widget-header-title span{
        margin: 0;
    }
    .development-logo .text-table-line .text-table-line-header{
        max-width: 70%;
    }
    .development-logo .widget-content{
        margin: 37px 0 0 0;
    }
    .development-logo .text-table-line .text-table-title{
        line-height: 106%;
    }
    .development-logo .text-table-line{
        padding: 0 0 8px;
        margin: 0 0 18px;
    }
    .development-logo .text-table-line:last-child{
        margin: 27px 0 0 0;
    }
    .development-logo .text-table-line .text-table-description{
        margin: 7px 0 0 0;
    }
    .development-logo .text-table{
        margin: 0 0 88px 0;
    }
    .development-logo .widget-item .picture{
        height: 332px;
    }
    .development-logo .widget-items .owl-nav{
        -webkit-transform: translate(-9px, 287px);
        -ms-transform: translate(-9px, 287px);
        transform: translate(-9px, 287px);
    }
    .development-logo .widget-items .owl-nav button{
        width: 35px;
    }
    .development-logo .widget-items .owl-nav button svg{
        width: 100%;
        height: auto;
    }
    .development-logo .widget-items .owl-nav button.owl-prev{
        margin: 0 15px 0 0;
    }
    .development-logo .widget-item .description-wrap{
        margin: 15px 0 0 0;
    }
    .development-logo .widget-items:after{
        top: 332px;
        -webkit-transform: translateY(25px);
        -ms-transform: translateY(25px);
        transform: translateY(25px);
    }
    .development-logo .more-logo{
        margin: 25px 0 0 0;
    }

    .development-logo.additional{
        display: block;
    }

    .what-is-include .widget-content .what-is-include-in-development-logo{
        line-height: 109%;
    }
    .popup-form .popup-form-title{
        line-height: 144%;
    }
    .popup-form .popup-form-description{
        line-height: 149%;
    }
    .popup-form .popup-form-description b:first-child{
        display: block;
    }
    .popup-form .popup-form-text-content{
        max-width: 84%;
    }
    .popup-form .popup-form-price{
        display: block;
        margin: 10px 0 0;
        transform: none;
    }
}
/* End */


/* Start:/bitrix/templates/newintec/components/bitrix/news.list/reviews_2023/style.css?16763706705341*/
.widget-template-reviews-2023 {
  background: #151515;
  padding-top: 141px;
  padding-bottom: 80px;
  color: #fff;
  overflow: hidden;
}
.widget-template-reviews-2023 .widget-header-word {
  display: block;
  font-weight: 700;
  font-size: 80px;
  line-height: 110%;
  text-transform: uppercase;
}
.widget-template-reviews-2023 .widget-header-word--1 {
  color: #888888;
}
.widget-template-reviews-2023 .widget-header-word--1 {
  line-height: 0.8;
}
.widget-template-reviews-2023 .widget-items {
  margin-top: 84px;
}
.widget-template-reviews-2023 .widget-item-author {
  font-weight: 700;
  font-size: clamp(16px, 2vw, 20px);
  line-height: 133.3%;
  text-transform: uppercase;
}
.widget-template-reviews-2023 .widget-item-position {
  font-weight: 400;
  font-size: clamp(14px, 2vw, 18px);
  line-height: 133.3%;
  color: #989494;
  padding-top: 10px;
}
.widget-template-reviews-2023 .widget-border {
  height: 1.5px;
  background: #fff;
  width: 100%;
  margin-top: 20px;
}
.widget-template-reviews-2023 .widget-item-information {
  padding-top: 34px;
  font-weight: 400;
  font-size: clamp(16px, 2vw, 20px);
  line-height: 150%;
  height: 215px;
}
.widget-template-reviews-2023 .widget-item-detail {
  text-decoration: none;
  color: #fecc08;
  font-weight: 500;
  font-size: 20px;
  line-height: 150%;
  margin-top: 34px;
  display: inline-block;
  position: relative;
}
.widget-template-reviews-2023 .widget-item-detail::after {
  content: "";
  position: absolute;
  border-bottom: 1px solid #fecc08;
  width: 100%;
  bottom: 2px;
  left: 0;
  z-index: 1;
  height: 1px;
}
.widget-template-reviews-2023 .widget-item-detail:hover,
.widget-template-reviews-2023 .widget-item-detail:focus,
.widget-template-reviews-2023 .widget-item-detail:active {
  text-decoration: none;
  color: #fecc08;
  opacity: 0.8;
}
.widget-template-reviews-2023 .widget-border-after {
  height: 2px;
  background: rgba(255, 255, 255, 0.32);
  margin-top: 40px;
  position: relative;
}
.widget-template-reviews-2023 .widget-border-after::after {
  content: "";
  position: absolute;
  width: 600px;
  right: -600px;
  background: rgba(255, 255, 255, 0.32);
  height: 2px;
}

.widget-template-reviews-2023 .widget-button-wrap {
  text-align: right;
  margin-top: 37px;
  color: #fff;
}
.widget-template-reviews-2023 .widget-button {
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
  text-decoration: none;
  color: #fff;
}
.widget-template-reviews-2023 .widget-button svg {
  transition: 0.4s;
}
.widget-template-reviews-2023 .widget-button:hover svg,
.widget-template-reviews-2023 .widget-button:focus svg,
.widget-template-reviews-2023 .widget-button:active svg {
  transform: translateX(5px);
}
.widget-template-reviews-2023 .adaptive-container {
  position: relative;
}
.widget-template-reviews-2023 .widget-reviews-nav {
  position: absolute;
  right: 0;
}
.widget-template-reviews-2023 .widget-reviews-nav-prev,
.widget-template-reviews-2023 .widget-reviews-nav-next {
  background: none;
  border: 0;
  border-radius: 0;
  opacity: 0.36;
  transition: 0.4s;
}
.widget-template-reviews-2023 .widget-reviews-nav-prev:hover,
.widget-template-reviews-2023 .widget-reviews-nav-next:hover,
.widget-template-reviews-2023 .widget-reviews-nav-prev:focus,
.widget-template-reviews-2023 .widget-reviews-nav-next:focus {
  opacity: 1;
}
@media (max-width: 550px) {
  body .widget-template-reviews-2023 {
    padding-top: 77px;
    padding-bottom: 44px;
  }
  body .widget-template-reviews-2023 .widget-header-word {
    font-weight: 700;
    font-size: 47.3726px;
    line-height: 83%;
  }
  .widget-template-reviews-2023 .widget-reviews-nav {
    display: none;
  }
  .widget-template-reviews-2023 .owl-dots {
    position: absolute;
    top: -45px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .widget-template-reviews-2023 .owl-carousel button.owl-dot {
    width: 6.5px;
    height: 6.5px;
    margin-right: 8px;
    background: rgba(225, 225, 225, 0.57);
    border-radius: 26.5152px;
  }
  .widget-template-reviews-2023 .owl-carousel button.owl-dot.active {
    width: 8px;
    height: 8px;
    background: #f9d134;
    border-radius: 26.5152px;
  }
  .widget-template-reviews-2023 .widget-items {
    margin-top: 70px;
  }
  .widget-template-reviews-2023 .widget-item-author {
    font-weight: 700;
    font-size: 14px;
    line-height: 133.3%;
  }
  .widget-template-reviews-2023 .widget-item-position {
    font-weight: 400;
    line-height: 133.3%;
    padding-top: 4px;
  }
  .widget-template-reviews-2023 .widget-border {
    margin-top: 16px;
    height: 1px;
    position: relative;
  }
  .widget-template-reviews-2023 .widget-border::after {
    content: "";
    position: absolute;
    height: 1px;
    background: #fff;
    width: 100px;
    right: -100px;
  }
  .widget-template-reviews-2023 .widget-item-information {
    font-weight: 400;    
    line-height: 133.3%;
    padding-top: 28px;
    height: 180px;
  }
  .widget-template-reviews-2023 .widget-item-detail {
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: rgba(255, 255, 255, 0.6);
  }
  .widget-template-reviews-2023 .widget-item-detail::after {
    display: none;
  }
  .widget-template-reviews-2023 .widget-border-after,
  .widget-template-reviews-2023 .widget-button-wrap {
    display: none;
  }
}
  

/* End */
/* /include/2023/design_services/razrabotka-logotipa-new/style.css?174826331645696 */
/* /bitrix/templates/newintec/components/bitrix/news.list/reviews_2023/style.css?16763706705341 */