/* ==========================================================================
   Темный хедер для страницы контейнеров
   ========================================================================== */

.pm-header.pm-header--dark,
.pm-header.pm-header--dark .pm-header__wrapper {
    background: transparent;
}

.pm-header.pm-header--dark .pm-header__logo svg,
.pm-header.pm-header--dark .pm-header__logo img {
    filter: brightness(0) invert(1);
}

.pm-header.pm-header--dark .pm-header__menu-link,
.pm-header.pm-header--dark .pm-header__phone,
.pm-header.pm-header--dark .pm-header__phone a,
.pm-header.pm-header--dark .pm-header__contacts,
.pm-header.pm-header--dark .pm-header__city,
.pm-header.pm-header--dark .pm-header__cart,
.pm-header.pm-header--dark .pm-header__favorites,
.pm-header.pm-header--dark .pm-header__burger,
.pm-header.pm-header--dark .pm-header__search,
.pm-header.pm-header--dark .pm-header__search svg,
.pm-header.pm-header--dark .pm-header__cart svg,
.pm-header.pm-header--dark .pm-header__favorites svg,
.pm-header.pm-header--dark .pm-header__burger svg {
    color: #fff;
    fill: #fff;
    stroke: #fff;
}

.pm-header.pm-header--dark .pm-header__menu-link:hover,
.pm-header.pm-header--dark .pm-header__phone:hover {
    color: rgba(255,255,255,.8);
}
/*==============================================================================
    HERO
==============================================================================*/

.pm-containers-hero{
    position:relative;
    overflow:hidden;

    height:980px;

    background:#0A0A0A;
}

.pm-containers-hero .pm-container{

    position:relative;

    max-width:1920px;
    width:100%;

    height:100%;

    margin:0 auto;
    padding:0 120px;

    box-sizing:border-box;
}

.pm-containers-hero__center{

    position:relative;

    display:flex;
    flex-direction:column;
    justify-content:space-between;

    height:100%;

    z-index:2;
}

/*==============================================================================
    BREADCRUMBS
==============================================================================*/

.pm-containers-hero__breadcrumbs{

    position:relative;

    z-index:20;

    margin-top:120px;
    margin-bottom:48px;
}
/*==============================================================================
    CONTENT
==============================================================================*/

.pm-containers-hero__bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.pm-containers-hero__left{
    width:920px;
}

.pm-containers-hero__right{

    position:relative;

    width:980px;
    height:720px;

    flex-shrink:0;
}
.pm-containers-hero__title-wrap{

    display:flex;
    flex-direction:column;
    gap:16px;
}

.pm-containers-hero__title{

    margin:0;

    font-family:Gilroy,sans-serif;
    font-size:64px;
    font-weight:600;
    line-height:72px;

    color:#FAFAFA;
}

.pm-containers-hero__subtitle{

    margin:0;

    font-family:Gilroy,sans-serif;
    font-size:20px;
    font-weight:500;
    line-height:24px;

    color:#FAFAFA;
}

.pm-containers-hero__actions{

    margin-top:48px;
}

.pm-containers-hero__button{

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    width:253px;
    height:56px;

    border-radius:12px;

    background:#5369E0;

    color:#FFF;
    text-decoration:none;

    font-family:Gilroy,sans-serif;
    font-size:18px;
    font-weight:600;
    line-height:22px;

    transition:background .2s;
}

.pm-containers-hero__button:hover{

    background:#495FD8;
}
/*==============================================================================
    RIGHT IMAGE
==============================================================================*/

.pm-containers-hero__right{

    position:absolute;

    left:600px;
    top:136px;

    width:1306px;
    height:794px;

    pointer-events:none;
}

.pm-containers-hero__image-wrap{

    position:relative;

    width:100%;
    height:100%;

    overflow:hidden;
}

/* Единственная подложка из Figma */

.pm-containers-hero__image-wrap::before{
    display: none;
}

.pm-containers-hero__image{

    width:100%;
    height:100%;

    object-fit:contain;

    position:static;
}
/*==============================================================================
    ADVANTAGES
==============================================================================*/

.pm-containers-hero__advantages{

    display:flex;
    gap:8px;

    margin-bottom:48px;

    position:relative;
    z-index:5;
}

.pm-containers-hero-card{

    box-sizing:border-box;

    width:414px;
    height:174px;

    display:flex;
    flex-direction:column;
    justify-content:space-between;
    align-items:flex-end;

    padding:16px;

    background:rgba(255,255,255,.08);

    border:1px solid rgba(255,255,255,.16);

    backdrop-filter:blur(32px);

    border-radius:16px;
}

.pm-containers-hero-card__icon{

    width:40px;
    height:40px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:999px;

    background:rgba(255,255,255,.24);
}

.pm-containers-hero-card__icon svg{

    width:24px;
    height:24px;

    display:block;
}

.pm-containers-hero-card__content{

    width:100%;
}

.pm-containers-hero-card__title{

    margin:0 0 4px 0 !important;
;

    font-family:Gilroy,sans-serif;
    font-weight:600;
    font-size:20px;
    line-height:24px;

    color:#FFFFFF;
}

.pm-containers-hero-card__text{

    margin:0;

    font-family:Gilroy,sans-serif;
    font-weight:500;
    font-size:16px;
    line-height:20px;

    color:rgba(255,255,255,.48);
}
/*==============================================================================
    WHY
==============================================================================*/

.pm-containers-why{

    padding:90px 120px;
}

.pm-containers-why .pm-container{

    max-width:1680px;

    margin:0 auto;
    padding:0;
}

/*==============================================================================
    HEADER
==============================================================================*/

.pm-containers-why__header{

    display:flex;
    flex-direction:column;

    gap:16px;

    margin-bottom:72px;
}

.pm-containers-why__title{

    margin:0;

    font-family:Gilroy,sans-serif;
    font-weight:600;
    font-size:48px;
    line-height:56px;

    color:#FAFAFA;
}

/*==============================================================================
    CONTENT
==============================================================================*/

.pm-containers-why__content{

    display:flex;
    flex-direction:column;
    align-items:center;

    gap:40px;
}

/*==============================================================================
    MEDIA
==============================================================================*/

.pm-containers-why__slider{

    width:100%;

    display:flex;
    flex-direction:column;
    align-items:center;

    gap:8px;
}

.pm-containers-why__image{

    position:relative;

    width:100%;
    height:660px;

    overflow:hidden;

    border-radius:16px;
}

.pm-containers-why__media{

    position:absolute;

    inset:0;

    width:100%;
    height:100%;

    display:block;

    object-fit:cover;

    opacity:0;

    transition:opacity .45s ease;

    pointer-events:none;
}

.pm-containers-why__media.active{

    opacity:1;

    z-index:2;
}
/*==============================================================================
    PROGRESS
==============================================================================*/

.pm-containers-why__progress{

    display:flex;
    align-items:center;
    gap:6px;

}

.pm-containers-why__progress-bar{

    position:relative;

    width:20px;
    height:4px;

    overflow:hidden;

    border-radius:999px;

    background:rgba(112,134,252,.18);

    transition:
        width .45s cubic-bezier(.4,0,.2,1),
        background .35s;

    cursor:pointer;

}

.pm-containers-why__progress-bar.active{

    width:100px;

    background:rgba(112,134,252,.22);

}

.pm-containers-why__progress-bar span{

    position:absolute;

    inset:0;

    width:100%;

    background:#7086FC;

    transform:scaleX(0);
    transform-origin:left center;

    box-shadow:
        0 0 8px rgba(112,134,252,.8),
        0 0 18px rgba(112,134,252,.45);

    will-change:transform;

}
/*==============================================================================
    INFO
==============================================================================*/

.pm-containers-why__info{

    width:100%;

    display:flex;
    align-items:flex-start;

    gap:16px;
}

.pm-containers-why__item{

    flex:1;

    display:flex;
    flex-direction:column;

    gap:12px;
}

.pm-containers-why__item{

    flex:1;

    display:flex;
    flex-direction:column;

    gap:12px;

    cursor:pointer;

    opacity:.4;

    transition:opacity .25s ease, transform .25s ease;
}

.pm-containers-why__item.active{

    opacity:1;
}

.pm-containers-why__item:not(.active):hover{

    opacity:.7;

}
.pm-containers-why__item-title{

    margin:0;

    font-family:Gilroy,sans-serif;
    font-weight:600;
    font-size:24px;
    line-height:30px;

    color:#FAFAFA;
}

.pm-containers-why__item-text{

    margin:0;

    font-family:Gilroy,sans-serif;
    font-weight:500;
    font-size:18px;
    line-height:22px;

    color:rgba(255,255,255,.48);
}

/*==============================================================================
    BUTTON
==============================================================================*/

.pm-containers-why__button{

    display:inline-flex;
    align-items:center;
    justify-content:center;

    width:252px;
    height:56px;

    border-radius:12px;

    background:#5369E0;

    text-decoration:none;

    font-family:Gilroy,sans-serif;
    font-weight:600;
    font-size:18px;
    line-height:22px;

    color:#FFFFFF;

    transition:background .2s ease;
}

.pm-containers-why__button:hover{

    background:#495FD8;
}
/*==============================================================================
    ADVANTAGES
==============================================================================*/

.pm-containers-advantages{

    padding:90px 120px;
}

.pm-containers-advantages .pm-container{

    max-width:1680px;

    margin:0 auto;
    padding:0;
}

/*==============================================================================
    HEADER
==============================================================================*/

.pm-containers-advantages__header{

    display:flex;
    flex-direction:column;

    gap:16px;

    margin-bottom:72px;
}

.pm-containers-advantages__header .pm-badge-text{

    color:#FFFFFF !important;
}

.pm-containers-advantages__title{

    margin:0;

    font-family:Gilroy,sans-serif;
    font-weight:600;
    font-size:48px;
    line-height:56px;

    color:#FAFAFA;
}

/*==============================================================================
    GRID
==============================================================================*/

.pm-containers-advantages__grid{

    display:grid;
    grid-template-columns:repeat(4,1fr);

    gap:16px;
}

/*==============================================================================
    CARD
==============================================================================*/

.pm-containers-advantages-card{

    display:flex;
    flex-direction:column;

    padding:24px;

    min-height:322px;

    background:#171717;

    border-radius:24px;

    box-sizing:border-box;
}

/*==============================================================================
    ICON
==============================================================================*/

.pm-containers-advantages-card__icon{

    position:relative;

    width:64px;
    height:64px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:999px;

    background:#262626;

    margin-bottom:62px;
}

.pm-containers-advantages-card__icon img{

    width:32px;
    height:32px;

    display:block;
}

.pm-containers-advantages-card__badge{

    position:absolute;

    right:-8px;
    bottom:-8px;

    width:32px;
    height:32px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:999px;

    background:#171717;
}

.pm-containers-advantages-card__badge img{

    width:24px;
    height:24px;
}

/*==============================================================================
    CONTENT
==============================================================================*/

.pm-containers-advantages-card__content{

    display:flex;
    flex-direction:column;

    gap:8px;
}

.pm-containers-advantages-card__title{

    margin:0;

    font-family:Gilroy,sans-serif;
    font-weight:600;
    font-size:24px;
    line-height:30px;

    color:#FAFAFA;
}

.pm-containers-advantages-card__text{

    margin:0;

    font-family:Gilroy,sans-serif;
    font-weight:500;
    font-size:18px;
    line-height:22px;

    color:#A3A3A3;
}
.pm-badge-text{

    color:#FFFFFF !important;
}

.pm-badge{

    justify-content:flex-start;
}

.pm-containers-why__header{

    align-items:flex-start;
}
.pm-containers-advantages__header{

    align-items:flex-start;
}
/*==============================================================================
    CATALOG
==============================================================================*/

.pm-containers-catalog{

    padding:90px 120px;
}

.pm-containers-catalog .pm-container{

    max-width:1680px;

    margin:0 auto;
    padding:0;
}

/*==============================================================================
    TOP
==============================================================================*/

.pm-containers-catalog__top{

    display:flex;
    justify-content:space-between;
    align-items:center;

    margin-bottom:56px;
}

.pm-containers-catalog__title{

    margin:0;

    font-family:Gilroy,sans-serif;
    font-weight:600;
    font-size:48px;
    line-height:56px;

    color:#FAFAFA;
}

.pm-containers-catalog__button{

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    width:200px;
    height:56px;

    border-radius:12px;

    background:#5369E0;

    text-decoration:none;

    font-family:Gilroy,sans-serif;
    font-weight:600;
    font-size:18px;
    line-height:22px;

    color:#FFFFFF;

    transition:background .2s ease;
}

.pm-containers-catalog__button:hover{

    background:#495FD8;
}
.pm-containers-catalog__button svg{
    transition: transform .2s ease;
}

.pm-containers-catalog__button:hover svg{
    transform: translateX(4px);
}
.pm-containers-catalog__button svg{

    width:24px;
    height:24px;
}

/*==============================================================================
    SLIDER
==============================================================================*/

.pm-containers-catalog__slider{

    overflow:hidden;
}

.pm-containers-catalog__slider .swiper-wrapper{

    align-items:stretch;
}

.pm-containers-catalog__slider .swiper-slide{

    height:auto;
}

/*==============================================================================
    CARD
==============================================================================*/

.pm-containers-card{

    display:flex;
    flex-direction:column;

    height:100%;

    padding:16px;

    border-radius:16px;

    background:#171717;

    text-decoration:none;

}


/*==============================================================================
    IMAGE
==============================================================================*/

.pm-containers-card__top{

    display:flex;
    flex-direction:column;

    gap:16px;
}

.pm-containers-card__image{

    height:260px;

    display:flex;
    align-items:center;
    justify-content:center;
}

.pm-containers-card__image img{

    max-width:100%;
    max-height:100%;

    display:block;

    object-fit:contain;
}

/*==============================================================================
    PROGRESS
==============================================================================*/

.pm-containers-card__progress{

    display:flex;
    gap:8px;
}

.pm-containers-card__progress span{

    flex:1;

    height:4px;

    border-radius:999px;

    background:rgba(255,255,255,.2);
}

.pm-containers-card__progress span.active{

    background:#FFFFFF;
}

/*==============================================================================
    CONTENT
==============================================================================*/

.pm-containers-card__content{

    margin-top:24px;
}

.pm-containers-card__price{

    margin-bottom:8px;

    font-family:Gilroy,sans-serif;
    font-weight:600;
    font-size:24px;
    line-height:30px;

    color:#FAFAFA;
}

.pm-containers-card__name{

    font-family:Gilroy,sans-serif;
    font-weight:500;
    font-size:18px;
    line-height:22px;

    color:#FAFAFA;
}

/*==============================================================================
    NAVIGATION
==============================================================================*/

.pm-containers-catalog__navigation{

    display:flex;
    justify-content:center;
    align-items:center;

    gap:16px;

    margin-top:56px;
}

.pm-containers-catalog__prev,
.pm-containers-catalog__next{

    width:40px;
    height:40px;

    display:flex;
    align-items:center;
    justify-content:center;

    border:none;
    border-radius:999px;

    background:#171717;

    color:#FFFFFF;

    cursor:pointer;

    transition:background .2s ease;
}

.pm-containers-catalog__prev:hover,
.pm-containers-catalog__next:hover{

    background:#262626;
}

.pm-containers-catalog__pagination{

    display:flex;
    align-items:center;
    gap:8px;
}

.pm-containers-catalog__pagination .swiper-pagination-bullet{

    width:8px;
    height:8px;

    margin:0 !important;

    border-radius:999px;

    opacity:1;

    background:rgba(255,255,255,.2);
}

.pm-containers-catalog__pagination .swiper-pagination-bullet-active{

    width:24px;

    background:#5369E0;
}
/*==============================================================================
    SWIPER BASE
==============================================================================*/

.pm-containers-catalog__slider .swiper-slide{
    height: auto;
    box-sizing: border-box;
}
.pm-containers-card{

    box-sizing:border-box;
}
.pm-containers-card__image,
.pm-containers-card__image img{
    background: transparent;
}
.pm-containers-catalog__pagination{

    width:auto !important;
    flex:none;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
}
/*==============================================================================
    Card Images
==============================================================================*/

.pm-containers-card__image{

    position: relative;
    overflow: hidden;
}

.pm-containers-card__images{

    position: relative;
    width: 100%;
    height: 100%;
}

.pm-containers-card__images img{

    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: contain;

    opacity: 0;
    transition: opacity .35s ease;
}

.pm-containers-card__images img.active{

    opacity: 1;
}
/*==============================================================================
    DETAILS
==============================================================================*/

.pm-containers-details{

    padding:90px 120px;

    background:#0A0A0A;
}

.pm-containers-details .pm-container{

    max-width:1680px;

    margin:0 auto;
    padding:0;
}


/*==============================================================================
    TOP
==============================================================================*/

.pm-containers-details__top{

    display:flex;
    justify-content:space-between;
    align-items:flex-end;

    gap:16px;

    margin-bottom:72px;
}


/*==============================================================================
    HEADING
==============================================================================*/

.pm-containers-details__heading{

    display:flex;
    flex-direction:column;
    align-items:flex-start;

    gap:16px;
}

.pm-containers-details__title{

    margin:0;

    font-family:Gilroy,sans-serif;
    font-weight:600;
    font-size:48px;
    line-height:56px;

    color:#FAFAFA;
}


/*==============================================================================
    TABS
==============================================================================*/

.pm-containers-details__tabs{

    display:flex;
    align-items:center;

    padding:2px;

    background:rgba(82,82,82,.12);

    border-radius:16px;
}

.pm-containers-details__tab{

    height:44px;

    padding:0 16px;

    border:none;
    border-radius:16px;

    background:transparent;

    cursor:pointer;

    font-family:Gilroy,sans-serif;
    font-weight:600;
    font-size:16px;
    line-height:20px;

    color:#737373;

    transition:.2s;
}

.pm-containers-details__tab.active{

    background:#FFFFFF;

    color:#000000;
}


/*==============================================================================
    CONTENT
==============================================================================*/

.pm-containers-details__content{

    display:none;
}

.pm-containers-details__content.active{

    display:block;
}


/*==============================================================================
    GRID
==============================================================================*/

.pm-containers-details__grid{

    display:grid;
    grid-template-columns:repeat(3,1fr);

    gap:16px;
}


/*==============================================================================
    CARD
==============================================================================*/

.pm-containers-details-card{

    display:flex;
    flex-direction:column;
    justify-content:space-between;

    padding:4px;

    background:#171717;

    border-radius:16px;
}


/*==============================================================================
    CARD CONTENT
==============================================================================*/

.pm-containers-details-card__content{

    padding:20px;

    display:flex;
    flex-direction:column;

    gap:8px;
}

.pm-containers-details-card__title{

    margin:0;

    font-family:Gilroy,sans-serif;
    font-weight:600;
    font-size:24px;
    line-height:30px;

    color:#FAFAFA;
}

.pm-containers-details-card__text{

    font-family:Gilroy,sans-serif;
    font-weight:500;
    font-size:16px;
    line-height:20px;

    color:#A3A3A3;
}


/*==============================================================================
    IMAGE
==============================================================================*/

.pm-containers-details-card__image{

    height:356px;

    overflow:hidden;

    border-radius:12px;
}

.pm-containers-details-card__image img{

    width:100%;
    height:100%;

    display:block;

    object-fit:cover;
}
.pm-badge__dot{

    width:8px;
    height:8px;

    flex-shrink:0;


    background:#5369E0;
}
/*==============================================================================
    PROCESS
==============================================================================*/

.pm-process{

    padding:0 120px 90px;

    background:#0A0A0A;
}

.pm-process__container{

    max-width:1680px;

    margin:0 auto;

    display:flex;
    justify-content:space-between;
    align-items:flex-start;

    gap:16px;
}

/*==============================================================================
    LEFT
==============================================================================*/

.pm-process__left{

    width:50%;

    position:sticky;
    top:120px;

    height:max-content;
}
.pm-process__sticky{

    display:flex;
    flex-direction:column;

    gap:48px;

    padding:90px 0;
}

/*==============================================================================
    HEADER
==============================================================================*/

.pm-process__header{

    display:flex;
    flex-direction:column;

    gap:16px;
}

.pm-process .pm-badge{

    display:flex;
    align-items:center;

    gap:8px;

    width:auto;
}

.pm-process__title{

    margin:0;

    font-size:48px;
    font-weight:600;
    line-height:56px;

    color:#FAFAFA;
}


/*==============================================================================
    BOTTOM
==============================================================================*/

.pm-process__bottom{

    display:flex;
    align-items:center;

    gap:16px;
}

.pm-process__button{

    display:flex;
    justify-content:center;
    align-items:center;

    width:252px;
    height:56px;

    border-radius:12px;

    background:#5369E0;

    color:#FFF;
    text-decoration:none;

    font-size:18px;
    font-weight:600;

    transition:.2s;
}

.pm-process__button:hover{

    background:#4459D4;
}

.pm-process__term{

    display:flex;
    flex-direction:column;

    gap:4px;
}

.pm-process__term-label{

    font-size:14px;
    line-height:18px;

    color:#A3A3A3;
}

.pm-process__term-value{

    font-size:18px;
    font-weight:600;
    line-height:22px;

    color:#FAFAFA;
}
/*==============================================================================
    RIGHT
==============================================================================*/

.pm-process__right{

    width:50%;

    display:flex;
    flex-direction:column;

    padding-top:90px;
}
.pm-process__list{

    display:flex;
    flex-direction:column;

    gap:4px;
}


/*==============================================================================
    CARD
==============================================================================*/

.pm-process-card{

    padding:24px;

    background:#171717;

    border-radius:4px;
}


/*==============================================================================
    CARD TOP
==============================================================================*/

.pm-process-card__top{

    display:flex;
    flex-direction:column;

    gap:24px;
}


/*==============================================================================
    ICON
==============================================================================*/

.pm-process-card__icon{

    display:flex;
    align-items:center;

    gap:12px;
}

.pm-process-card__number{

    width:48px;
    height:48px;

    display:flex;
    justify-content:center;
    align-items:center;

    border:1px solid rgba(255,255,255,.16);
    border-radius:50%;

    font-size:24px;
    font-weight:600;

    color:#FFF;
}

.pm-process-card__progress{

    display:flex;
    flex-direction:column;

    gap:2px;
}

.pm-process-card__progress span{

    width:24px;
    height:8px;

    border-radius:4px;

    background:rgba(255,255,255,.24);
}

.pm-process-card__progress span.active{

    background:#5369E0;
}


/*==============================================================================
    CONTENT
==============================================================================*/

.pm-process-card__content{

    display:flex;
    flex-direction:column;

    gap:4px;
}

.pm-process-card__title{

    margin:0;

    font-size:24px;
    font-weight:600;
    line-height:30px;

    color:#FAFAFA;
}

.pm-process-card__text{

    font-size:14px;
    line-height:18px;

    color:#A3A3A3;
}


/*==============================================================================
    TAGS
==============================================================================*/

.pm-process-card__tags{

    display:flex;
    flex-wrap:wrap;

    gap:8px;

    margin-top:24px;
}

.pm-process-card__tags span{

    display:flex;
    align-items:center;
    justify-content:center;

    padding:4px 8px;

    height:26px;

    border-radius:8px;

    background:rgba(255,255,255,.08);

    font-size:14px;
    line-height:18px;

    color:#FAFAFA;
}
html {
    overflow: visible !important;
}
.pm-badge {
    justify-content: flex-start;
    align-self: flex-start;
    margin-left: 0;
}
/*==============================================================================
    SERVICES
==============================================================================*/

.pm-services{

    padding:90px 0;

    background:#0A0A0A;

}


.pm-services__header{

    display:flex;

    flex-direction:column;

    align-items:flex-start;

    gap:16px;

    margin-bottom:72px;

}


.pm-services__title{

    margin:0;

    color:#FAFAFA;

    font-size:48px;

    line-height:56px;

    font-weight:600;

}


/*==============================================================================
    GRID
==============================================================================*/

.pm-services__grid{

    display:grid;

    grid-template-columns:repeat(6,1fr);

    gap:8px;

}


.pm-service-card{

    grid-column:span 2;

    position:relative;

    display:flex;

    flex-direction:column;

    justify-content:space-between;

    min-height:457px;

    overflow:hidden;

    border-radius:24px;

    background:#171717;

}


.pm-service-card--wide{

    grid-column:span 3;

}


/*==============================================================================
    CONTENT
==============================================================================*/

.pm-service-card__content{

    position:relative;

    z-index:2;

    padding:24px;

}


.pm-service-card__title{

    margin:0 0 8px;

    color:#FAFAFA;

    font-size:24px;

    line-height:30px;

    font-weight:600;

}


.pm-service-card__text{

    margin:0;

    color:#A3A3A3;

    font-size:16px;

    line-height:20px;

    font-weight:500;

}


/*==============================================================================
    IMAGE
==============================================================================*/

.pm-service-card__image{

    position:absolute;

    left:0;

    right:0;

    bottom:0;

    pointer-events:none;

}


.pm-service-card__image img{

    display:block;

    width:100%;

    height:auto;

}


/*==============================================================================
    FOOTER
==============================================================================*/

.pm-services__footer{

    display:flex;

    justify-content:center;

    margin-top:32px;

}
/*==============================================================================
    IMAGES
==============================================================================*/

.pm-service-card__image{

    position:absolute;

    inset:0;

    overflow:hidden;

    pointer-events:none;

}


.pm-service-card__image img{

    position:absolute;

    display:block;

    max-width:none;

}


/*------------------------------------------------------------------------------
    1. Пусконаладочные работы
------------------------------------------------------------------------------*/

.pm-service-card--1 .pm-service-card__image img{

    width:650px;

    right:-350px;

    bottom: -40px;

}


/*------------------------------------------------------------------------------
    2. Сервисное обслуживание
------------------------------------------------------------------------------*/

.pm-service-card--2 .pm-service-card__image img{

    width:460px;

    right:-300px;
    transform:translateX(-50%);

    bottom:-140px;

}


/*------------------------------------------------------------------------------
    3. Размещение в дата-центре
------------------------------------------------------------------------------*/

.pm-service-card--3 .pm-service-card__image img{

    width:800px;

    right:-240px;

    bottom:-100px;

}


/*------------------------------------------------------------------------------
    4. Комплектация контейнеров
------------------------------------------------------------------------------*/

.pm-service-card--4 .pm-service-card__image img{

    width:760px;

    left:200px;

    bottom:-80px;

}


/*------------------------------------------------------------------------------
    5. Строительство площадок
------------------------------------------------------------------------------*/

.pm-service-card--5 .pm-service-card__image img{

    width:760px;

    right:-50px;

    bottom:-150px;

}
.pm-services__button{

    display:flex;
    justify-content:center;
    align-items:center;

    width:252px;
    height:56px;

    padding:0 24px;

    border:none;
    border-radius:12px;

    background:#5369E0;
    color:#FFF;

    font-size:18px;
    font-weight:600;
    line-height:22px;

    cursor:pointer;
}
.pm-services__footer .pm-services__button:hover{
    background:#4459D4 !important;
}
/*==============================================================================
    ABOUT
==============================================================================*/

.pm-about{

    padding:90px 0 32px;

    background:#0A0A0A;

}


.pm-about__top{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:16px;

    align-items:end;

}

.pm-about__left{

    min-width:0;

    display:flex;
    flex-direction:column;
    align-items:flex-start;

    gap:16px;

}

.pm-about__right{

    min-width:0;

    display:flex;
    align-items:flex-end;
    justify-content:flex-end;

}

.pm-about__title{

    margin:0;
    white-space:nowrap;
    color:#FAFAFA;

    font-size:40px;
    font-weight:600;
    line-height:48px;

}


.pm-about__description{

    margin:0;

    max-width:832px;

    color:#A3A3A3;

    font-size:18px;
    font-weight:500;
    line-height:22px;

}


/*==============================================================================
    IMAGE
==============================================================================*/

.pm-about-image{

    padding:4px;

    background:#0A0A0A;

}


.pm-about-image__wrapper{

    overflow:hidden;

    border-radius:16px;

}


.pm-about-image__img{

    display:block;

    width:100%;
    height:600px;

    object-fit:cover;

}


/*==============================================================================
    STATS
==============================================================================*/

.pm-about-stats{

    padding:16px 0 90px;

    background:#0A0A0A;

}


.pm-about-stats__grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:8px;

}


/*==============================================================================
    CARD
==============================================================================*/

.pm-about-stat{

    display:flex;
    flex-direction:column;
    justify-content:space-between;

    min-height:256px;

    padding:20px;

    background:#171717;

    border-radius:16px;

}


/*==============================================================================
    TOP
==============================================================================*/

.pm-about-stat__top{

    display:flex;
    align-items:flex-end;

    gap:8px;

}


.pm-about-stat__number{

    color:#FAFAFA;

    font-size:56px;
    font-weight:600;
    line-height:64px;

    white-space:nowrap;

}


.pm-about-stat__unit{

    margin-bottom:8px;

    color:#A3A3A3;

    font-size:24px;
    font-weight:600;
    line-height:30px;

}


/*==============================================================================
    BOTTOM
==============================================================================*/

.pm-about-stat__text{

    margin:0;

    color:#A3A3A3;

    font-size:18px;
    font-weight:500;
    line-height:22px;

}
/*==============================================================================
    SHOWCASE
==============================================================================*/

.pm-containers-showcase{

    position:relative;

    overflow:hidden;

    height:994px;

    margin:4px;

    border-radius:16px;

    background:#171717;

}


/*------------------------------------------------------------------------------
    HEADER
------------------------------------------------------------------------------*/

.pm-containers-showcase__header{
    position: absolute;

    top: 90px;
    left: 50%;
    transform: translateX(-50%);

    width: 1680px;
    max-width: calc(100% - 240px);

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;

    text-align: center;
    z-index: 5;
}
.pm-containers-showcase__title{
    margin: 0;

    width: 964px;
    max-width: 100%;

    font-family: Gilroy, sans-serif;
    font-weight: 600;
    font-size: 48px;
    line-height: 56px;

    text-align: center;

    color: #FAFAFA;
}
.pm-containers-showcase__subtitle{

margin-top: -20px !important;
    width: 1092px;
    max-width: 100%;

    font-family: Gilroy, sans-serif;
    font-weight: 600;
    font-size: 48px;
    line-height: 56px;

    text-align: center;

    color: #737373;

    opacity: .4;
    filter: blur(1px);

    transition:
        opacity .8s ease,
        filter .8s ease,
        transform .8s ease;

    transform: translateY(40px);
}
.pm-containers-showcase__subtitle.is-visible{
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
}

/*------------------------------------------------------------------------------
    ARC
------------------------------------------------------------------------------*/

.pm-containers-showcase::before{
    content:"";
    position:absolute;

    left:50%;
    top:510px;

    width:1650px;
    height:590px;

    transform:translateX(-50%);

    border:5px solid rgba(205,220,255,.82);
    border-bottom:none;
    border-radius:50%;

    box-shadow:
        0 0 8px rgba(173,196,255,.30),
        0 0 22px rgba(173,196,255,.12);

    opacity:1;

    -webkit-mask-image:linear-gradient(
        to right,
        transparent 0%,
        rgba(0,0,0,.08) 10%,
        rgba(0,0,0,.45) 18%,
        #000 28%,
        #000 72%,
        rgba(0,0,0,.45) 82%,
        rgba(0,0,0,.08) 90%,
        transparent 100%
    );

    mask-image:linear-gradient(
        to right,
        transparent 0%,
        rgba(0,0,0,.08) 10%,
        rgba(0,0,0,.45) 18%,
        #000 28%,
        #000 72%,
        rgba(0,0,0,.45) 82%,
        rgba(0,0,0,.08) 90%,
        transparent 100%
    );

    pointer-events:none;
}
/*------------------------------------------------------------------------------
    BOTTOM FADE
------------------------------------------------------------------------------*/

.pm-containers-showcase::after{

    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:0;

    height:360px;

    background:linear-gradient(
        to bottom,
        rgba(23,23,23,0),
        #171717 82%
    );

    z-index:2;

}


/*------------------------------------------------------------------------------
    SCENE
------------------------------------------------------------------------------*/

.pm-containers-showcase__scene{

    position:absolute;

    inset:0;

}


/*------------------------------------------------------------------------------
    GLOW
------------------------------------------------------------------------------*/

.pm-containers-showcase__scene::before{

    content:"";

    position:absolute;

    left:50%;
    bottom:235px;

    width:620px;
    height:260px;

    transform:translateX(-50%);

    border-radius:50%;

    background:radial-gradient(
        ellipse,
        rgba(55,185,255,.45) 0%,
        rgba(55,185,255,.18) 45%,
        rgba(55,185,255,0) 100%
    );

    filter:blur(45px);

    z-index:1;

}


/*------------------------------------------------------------------------------
    CONTAINER
------------------------------------------------------------------------------*/

.pm-containers-showcase__container{

    position:absolute;

    left:50%;
    bottom:-65px;

    width:1200px;
    max-width:none;

    transform:
        translateX(-50%)
        rotate(10.35deg);

    z-index:3;

    pointer-events:none;

    user-select:none;

}
.pm-containers-catalog__button--mobile{
    display:none;
}
.pm-process__bottom-mobile{
    display:none;
}
/*==============================================================================
    HERO 1280
==============================================================================*/
@media (max-width:1750px) and (min-width:1301px){

    .pm-containers-hero{
        height:860px;
    }

    .pm-containers-hero .pm-container{
        max-width:1680px;
        padding:0 80px;
    }

    .pm-containers-hero__breadcrumbs{
        margin-top:112px;
        margin-bottom:40px;
    }

    .pm-containers-hero__left{
        width:960px;
        position:relative;
        z-index:2;
    }

    .pm-containers-hero__title{
        font-size:56px;
        line-height:64px;
    }

    .pm-containers-hero__subtitle{
        max-width:620px;
        font-size:20px;
        line-height:24px;
    }

    .pm-containers-hero__actions{
        margin-top:40px;
    }

    .pm-containers-hero__button{
        width:253px;
        height:56px;
    }

    .pm-containers-hero__right{
        width:1180px;
        height:700px;

        left:500px;
        top:120px;
    }

    .pm-containers-hero__image{
        object-fit:contain;
    }

    .pm-containers-hero__advantages{
        gap:8px;
        margin-bottom:40px;
    }

    .pm-containers-hero-card{
        width:360px;
        height:160px;

        padding:16px;

        align-items:flex-start;
    }

    .pm-containers-hero-card__icon{
        align-self:flex-start;

        width:40px;
        height:40px;
    }

    .pm-containers-hero-card__title{
        font-size:18px;
        line-height:22px;
    }

    .pm-containers-hero-card__text{
        font-size:14px;
        line-height:18px;
    }
/*==============================================================================
    WHY
==============================================================================*/

.pm-containers-why{
    padding:72px 80px;
}

.pm-containers-why .pm-container{
    max-width:1520px;
}

.pm-containers-why__header{
    margin-bottom:56px;
}

.pm-containers-why__title{
    font-size:40px;
    line-height:48px;
}

.pm-containers-why__content{
    gap:36px;
}

.pm-containers-why__image{
    height:580px;
}

.pm-containers-why__progress{
    gap:6px;
}

.pm-containers-why__progress-bar.active{
    width:90px;
}

.pm-containers-why__info{
    gap:12px;
}

.pm-containers-why__item-title{
    font-size:22px;
    line-height:28px;
}

.pm-containers-why__item-text{
    font-size:17px;
    line-height:22px;
}

.pm-containers-why__button{
    width:252px;
    height:56px;
}
/*==============================================================================
    ADVANTAGES
==============================================================================*/

.pm-containers-advantages{
    padding:72px 80px;
}

.pm-containers-advantages .pm-container{
    max-width:1520px;
}

.pm-containers-advantages__header{
    margin-bottom:56px;
}

.pm-containers-advantages__title{
    font-size:40px;
    line-height:48px;
}

.pm-containers-advantages__grid{
    grid-template-columns:repeat(4,1fr);
    gap:12px;
}

.pm-containers-advantages-card{
    min-height:300px;

    padding:20px;

    border-radius:20px;
}

.pm-containers-advantages-card__icon{
    width:56px;
    height:56px;

    margin-bottom:48px;
}

.pm-containers-advantages-card__icon img{
    width:28px;
    height:28px;
}

.pm-containers-advantages-card__badge{
    width:28px;
    height:28px;

    right:-6px;
    bottom:-6px;
}

.pm-containers-advantages-card__badge img{
    width:20px;
    height:20px;
}

.pm-containers-advantages-card__title{
    font-size:22px;
    line-height:28px;
}

.pm-containers-advantages-card__text{
    font-size:16px;
    line-height:20px;
}
/*==============================================================================
    CATALOG
==============================================================================*/

.pm-containers-catalog{
    padding:72px 80px;
}

.pm-containers-catalog .pm-container{
    max-width:1520px;
}

.pm-containers-catalog__top{
    margin-bottom:48px;
}

.pm-containers-catalog__title{
    font-size:40px;
    line-height:48px;
}

.pm-containers-catalog__button{
    width:200px;
    height:56px;

    font-size:18px;
    line-height:22px;
}

.pm-containers-card{
    padding:16px;

    border-radius:16px;
}

.pm-containers-card__image{
    height:230px;
}

.pm-containers-card__content{
    margin-top:20px;
}

.pm-containers-card__price{
    font-size:22px;
    line-height:28px;
}

.pm-containers-card__name{
    font-size:17px;
    line-height:22px;
}

.pm-containers-catalog__navigation{
    margin-top:48px;
}

.pm-containers-catalog__prev,
.pm-containers-catalog__next{
    width:40px;
    height:40px;
}
/*==============================================================================
    SHOWCASE
==============================================================================*/

.pm-containers-showcase{
    height:900px;
    margin:4px;
}

.pm-containers-showcase__header{
    top: 60px;
    width: 1160px;
    max-width: calc(100% - 160px);
}

.pm-containers-showcase__title{
    width: 678px;
    max-width: 100%;

    font-size: 32px;
    line-height: 38px;
}

.pm-containers-showcase__subtitle{
    width: 100%;
    max-width: 1160px;

    font-size: 32px;
    line-height: 38px;

    opacity: .4;
    filter: blur(1px);
}
.pm-containers-showcase::before{
    top:390px;

    width:1500px;
    height:530px;

    border-width:4px;

    box-shadow:
        0 0 8px rgba(173,196,255,.30),
        0 0 22px rgba(173,196,255,.12);
}

.pm-containers-showcase::after{
    height:300px;
}

.pm-containers-showcase__scene::before{
    width:580px;
    height:240px;

    bottom:205px;

    filter:blur(40px);
}

.pm-containers-showcase__container{
    width:1220px;

    bottom:-60px;
}
/*==============================================================================
    DETAILS
==============================================================================*/

.pm-containers-details{
    padding:72px 80px;
}

.pm-containers-details .pm-container{
    max-width:1520px;
}

.pm-containers-details__top{
    margin-bottom:56px;
}

.pm-containers-details__heading{
    gap:16px;
}

.pm-containers-details__title{
    font-size:40px;
    line-height:48px;
}

.pm-containers-details__tabs{
    padding:2px;
}

.pm-containers-details__tab{
    height:44px;
    padding:0 16px;

    font-size:16px;
    line-height:20px;
}

.pm-containers-details__grid{
    grid-template-columns:repeat(3,1fr);
    gap:12px;
}

.pm-containers-details-card{
    padding:4px;

    border-radius:16px;
}

.pm-containers-details-card__image{
    height:320px;
}

.pm-containers-details-card__content{
    padding:18px;

    gap:8px;
}

.pm-containers-details-card__title{
    font-size:22px;
    line-height:28px;
}

.pm-containers-details-card__text{
    font-size:15px;
    line-height:20px;
}
/*==============================================================================
    PROCESS
==============================================================================*/

.pm-process{
    padding:0 80px 72px;
}

.pm-process__container{
    max-width:1520px;

    gap:24px;
}

.pm-process__left,
.pm-process__right{
    flex:1 1 0;
    width:auto;
    min-width:0;
}

.pm-process__left{
    top:100px;
}

.pm-process__sticky{
    padding:72px 0;
    gap:40px;
}

.pm-process__header{
    gap:16px;
}

.pm-process__title{
    font-size:40px;
    line-height:48px;
}

.pm-process__bottom{
    gap:20px;
}

.pm-process__button{
    width:252px;
    height:56px;
}

.pm-process__term-label{
    font-size:14px;
    line-height:18px;
}

.pm-process__term-value{
    font-size:18px;
    line-height:22px;
}

.pm-process__right{
    padding-top:72px;
}

.pm-process__list{
    gap:8px;
}

.pm-process-card{
    padding:24px;

    border-radius:8px;
}

.pm-process-card__top{
    gap:24px;
}

.pm-process-card__number{
    width:48px;
    height:48px;

    font-size:22px;
    line-height:28px;
}

.pm-process-card__title{
    font-size:22px;
    line-height:28px;
}

.pm-process-card__text{
    font-size:14px;
    line-height:20px;
}

.pm-process-card__tags{
    margin-top:20px;
    gap:8px;
}

.pm-process-card__tags span{
    font-size:14px;
    line-height:18px;
}
/*==============================================================================
    SERVICES
==============================================================================*/

.pm-services{
    padding:72px 0;
}

.pm-services .pm-container{
    max-width:1520px;
    padding:0;
}

.pm-services__header{
    margin-bottom:56px;
}

.pm-services__title{
    font-size:40px;
    line-height:48px;
}

.pm-services__grid{
    gap:12px;
}

.pm-service-card{
    min-height:400px;

    border-radius:20px;
}

.pm-service-card__content{
    padding:20px;
}

.pm-service-card__title{
    font-size:22px;
    line-height:28px;

    margin-bottom:8px;
}

.pm-service-card__text{
    font-size:15px;
    line-height:20px;
}

.pm-services__footer{
    margin-top:40px;
}

.pm-services__button{
    width:252px;
    height:56px;
}

/*------------------------------------------------------------------------------
    Images
------------------------------------------------------------------------------*/

.pm-service-card--1 .pm-service-card__image img{
    width:580px;
    right:-300px;
    bottom:-35px;
}

.pm-service-card--2 .pm-service-card__image img{
    width:420px;
    right:-260px;
    bottom:-120px;
}

.pm-service-card--3 .pm-service-card__image img{
    width:710px;
    right:-190px;
    bottom:-90px;
}

.pm-service-card--4 .pm-service-card__image img{
    width:680px;
    left:170px;
    bottom:-70px;
}

.pm-service-card--5 .pm-service-card__image img{
    width:690px;
    right:-40px;
    bottom:-120px;
}
/*==============================================================================
    ABOUT
==============================================================================*/

.pm-about{
    padding:72px 0 24px;
}

.pm-about .pm-container{
    max-width:1520px;
}

.pm-about__top{
    gap:12px;
}

.pm-about__left{
    gap:16px;
}

.pm-about__title{
    font-size:36px;
    line-height:44px;
}

.pm-about__description{
    max-width:760px;

    font-size:17px;
    line-height:22px;
}

.pm-about-image{
    padding:4px;
}

.pm-about-image__wrapper{
    border-radius:16px;
}

.pm-about-image__img{
    height:540px;
}

/*==============================================================================
    STATS
==============================================================================*/

.pm-about-stats{
    padding:16px 0 72px;
}

.pm-about .pm-container{
    max-width:1520px;
    padding:0;
    margin:0 auto;
}
.pm-about-stats__grid{
    gap:12px;
}

.pm-about-stat{
    min-height:220px;

    padding:20px;

    border-radius:16px;
}

.pm-about-stat__top{
    gap:8px;
}

.pm-about-stat__number{
    font-size:48px;
    line-height:56px;
}

.pm-about-stat__unit{
    margin-bottom:6px;

    font-size:20px;
    line-height:26px;
}

.pm-about-stat__text{
    font-size:16px;
    line-height:20px;
}
/*==============================================================================
    Единые контейнеры 1750
==============================================================================*/

.pm-containers-why,
.pm-containers-advantages,
.pm-containers-catalog,
.pm-containers-details,
.pm-process,
.pm-services,
.pm-about,
.pm-about-stats{
    padding-left:80px;
    padding-right:80px;
}

.pm-containers-why .pm-container,
.pm-containers-advantages .pm-container,
.pm-containers-catalog .pm-container,
.pm-containers-details .pm-container,
.pm-process__container,
.pm-services .pm-container,
.pm-about .pm-container,
.pm-about-stats .pm-container{
    width:100%;
    max-width:1520px;
    margin:0 auto;
    padding:0;
    box-sizing:border-box;
}
}
@media (max-width: 1300px) {

    .pm-containers-hero{
        height:700px;
    }

    .pm-containers-hero .pm-container{
        padding:0 60px;
    }

    .pm-containers-hero__breadcrumbs{
        margin-top:96px;
        margin-bottom:32px;
    }

    .pm-containers-hero__bottom{
        align-items:flex-start;
    }

    .pm-containers-hero__left{
        width:800px;
        position:relative;
        z-index:2;
    }

    .pm-containers-hero__title{
        font-size:48px;
        line-height:56px;
    }

    .pm-containers-hero__subtitle{
        max-width:560px;
        font-size:20px;
        line-height:24px;
    }

    .pm-containers-hero__actions{
        margin-top:48px;
    }

    .pm-containers-hero__button{
        width:253px;
        height:56px;
    }

    .pm-containers-hero__right{
        width:1068px;
        height:598px;

        left:389px;
        top:102px;
    }

    .pm-containers-hero__image{
        object-fit:contain;
    }

    .pm-containers-hero__advantages{
        gap:8px;
        margin-bottom:32px;
    }

    .pm-containers-hero-card{
        width:284px;
        height:140px;

        padding:12px;
    }

    .pm-containers-hero-card__icon{
        width:40px;
        height:40px;
    }

    .pm-containers-hero-card__title{
        margin-bottom:4px !important;

        font-size:16px;
        line-height:20px;
    }

    .pm-containers-hero-card__text{
        font-size:12px;
        line-height:16px;
    }
.pm-containers-why{
    padding:60px;
}

.pm-containers-why .pm-container{
    max-width:1160px;
}

.pm-containers-why__header{
    margin-bottom:48px;
}

.pm-containers-why__title{
    font-size:32px;
    line-height:38px;
}

.pm-containers-why__content{
    gap:32px;
}

.pm-containers-why__image{
    height:500px;
}

.pm-containers-why__progress{
    gap:4px;
}

.pm-containers-why__item-title{
    font-size:20px;
    line-height:24px;
}

.pm-containers-why__item-text{
    font-size:16px;
    line-height:20px;
}
.pm-containers-advantages{
    padding:60px;
}

.pm-containers-advantages .pm-container{
    max-width:1160px;
}

.pm-containers-advantages__header{
    margin-bottom:48px;
}

.pm-containers-advantages__title{
    font-size:32px;
    line-height:38px;
}

.pm-containers-advantages__grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:16px;
}

.pm-containers-advantages-card{
    min-height:280px;
    padding:24px;
    border-radius:24px;
}

.pm-containers-advantages-card__icon{
    margin-bottom:48px;
}

.pm-containers-advantages-card__title{
    font-size:24px;
    line-height:30px;
}

.pm-containers-advantages-card__text{
    font-size:18px;
    line-height:22px;
}
.pm-containers-catalog{
    padding:60px;
}

.pm-containers-catalog .pm-container{
    max-width:1160px;
}

.pm-containers-catalog__header{
    margin-bottom:48px;
}

.pm-containers-catalog__title{
    font-size:32px;
    line-height:38px;
}

.pm-containers-catalog__button{
    width:215px;
    height:56px;
    font-size:18px;
}

.pm-containers-catalog__slider{
    gap:16px;
}

.pm-containers-catalog__item{
    flex:0 0 calc((100% - 48px) / 4);
    max-width:278px;
}

.pm-containers-catalog__image{
    height:300px;
}

.pm-containers-catalog__image img{
    width:100%;
    height:263px;
    object-fit:cover;
}

.pm-containers-catalog__content{
    padding:0 16px;
    gap:8px;
}

.pm-containers-catalog__price{
    font-size:20px;
    line-height:24px;
}

.pm-containers-catalog__name{
    font-size:16px;
    line-height:20px;
}

.pm-containers-catalog__navigation{
    margin-top:40px;
}
.pm-containers-showcase{
    height:810px;
    margin:4px;
}

.pm-containers-showcase__header{
    top: 60px;
    width: 1160px;
    max-width: calc(100% - 160px);
}

.pm-containers-showcase__title{
    width: 678px;
    max-width: 100%;

    font-size: 32px;
    line-height: 38px;
}

.pm-containers-showcase__subtitle{
    width: 100%;
    max-width: 1000px;

    font-size: 32px;
    line-height: 38px;

    opacity: .4;
    filter: blur(1px);
}
.pm-containers-showcase::before{
    top:450px;

    width:1200px;
    height:430px;

    border-width:4px;

    box-shadow:
        0 0 8px rgba(173,196,255,.30),
        0 0 22px rgba(173,196,255,.12);
}
.pm-containers-showcase::after{
    height:250px;
}

.pm-containers-showcase__scene::before{
    width:520px;
    height:220px;

    bottom:180px;

    filter:blur(35px);
}

.pm-containers-showcase__container{
    width:950px;
    bottom:-55px;
}
.pm-containers-details{
    padding:60px;
}
.pm-containers-details .pm-container{
    max-width:1160px;
}
.pm-containers-details__top{
    display:grid;
    grid-template-columns:355px 1fr;
    align-items:end;
    column-gap:16px;
}
.pm-containers-details__tabs{
    justify-self:end;
}
.pm-containers-details__heading{
    display:flex;
    flex-direction:column;
    gap:16px;

    width:355px;
    flex-shrink:0;
}

.pm-containers-details__title{
    font-size:32px;
    line-height:38px;
}

.pm-containers-details__tabs{
    display:flex;
    align-items:center;
    gap:4px;

    padding:2px;
    height:48px;

    background:rgba(82,82,82,.12);
    border-radius:16px;
}

.pm-containers-details__tab{
    height:44px;
    padding:0 16px;

    font-size:16px;
    line-height:20px;

    border-radius:16px;
}

.pm-containers-details__grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px;
}

.pm-containers-details-card{
    padding:4px;
    border-radius:16px;
}

.pm-containers-details-card__content{
    padding:16px;
    gap:8px;
}

.pm-containers-details-card__title{
    font-size:20px;
    line-height:24px;
}

.pm-containers-details-card__text{
    font-size:14px;
    line-height:18px;
}

.pm-containers-details-card__image img{
    width:100%;
    aspect-ratio:368/246;
    border-radius:12px;
    object-fit:cover;
}
/*==============================================================================
    PROCESS 1280
==============================================================================*/

.pm-process{
    padding:0 60px 60px;
}

.pm-process__container{
    width:100%;
    max-width:1160px;
    margin:0 auto;
    padding:0;
    box-sizing:border-box;

    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:16px;
}
.pm-process__left,
.pm-process__right{
    flex:1 1 0;
    width:auto;
    min-width:0;
}
.pm-process__sticky{
    display:flex;
    flex-direction:column;

    gap:32px;
    padding:60px 0;
}

.pm-process__header{
    gap:16px;
    margin-bottom:0;
}
.pm-process__title{
    font-size:32px;
    line-height:38px;
}

.pm-process__bottom{
    gap:16px;
}

.pm-process__button{
    width:252px;
    height:56px;

    font-size:18px;
    line-height:22px;
}

.pm-process__term-label{
    font-size:14px;
    line-height:18px;
}

.pm-process__term-value{
    font-size:18px;
    line-height:22px;
}

.pm-process__list{
    gap:4px;
}

.pm-process-card{
    padding:20px;
    gap:24px;
}

.pm-process-card__top{
    gap:24px;
}

.pm-process-card__icon{
    gap:12px;
}

.pm-process-card__number{
    width:48px;
    height:48px;

    font-size:18px;
    line-height:22px;
}

.pm-process-card__progress{
    gap:2px;
}

.pm-process-card__progress span{
    width:24px;
    height:8px;
    border-radius:4px;
}

.pm-process-card__title{
    font-size:20px;
    line-height:24px;
}

.pm-process-card__text{
    font-size:12px;
    line-height:16px;
}

.pm-process-card__tags{
    gap:8px;
}

.pm-process-card__tags span{
    padding:4px 8px;

    font-size:14px;
    line-height:18px;

    border-radius:8px;
}
/*==============================================================================
    SERVICES 1280
==============================================================================*/

.pm-services{
    padding:60px;
}

.pm-services .pm-container{
    width:100%;
    max-width:1160px;
    padding:0;
    margin:0 auto;
    box-sizing:border-box;
}
.pm-services__title{
    font-size:32px;
    line-height:38px;
}

.pm-services__grid{
    gap:8px;
}

.pm-service-card{
    min-height:425px;
    border-radius:4px;
}

.pm-service-card--wide{
    min-height:421px;
}

.pm-service-card__content{
    padding:16px;
}

.pm-service-card__title{
    margin-bottom:8px;
    font-size:20px;
    line-height:24px;
}

.pm-service-card__text{
    font-size:14px;
    line-height:18px;
}

.pm-services__footer{
    margin-top:40px;
}

.pm-services__button{
    width:252px;
    height:56px;

    font-size:18px;
    line-height:22px;
}
/*------------------------------------------------------------------------------
    1. Пусконаладочные работы
------------------------------------------------------------------------------*/

.pm-service-card--1 .pm-service-card__image img{
    width:520px;

    right:-250px;
    bottom:-40px;
}


/*------------------------------------------------------------------------------
    2. Сервисное обслуживание
------------------------------------------------------------------------------*/

.pm-service-card--2 .pm-service-card__image img{
    width:380px;

    right:-50px;
    bottom:-100px;

    transform:none;
}


/*------------------------------------------------------------------------------
    3. Размещение в дата-центре
------------------------------------------------------------------------------*/

.pm-service-card--3 .pm-service-card__image img{
    width:620px;

    right:-50px;
    bottom:-70px;
}


/*------------------------------------------------------------------------------
    4. Комплектация контейнеров
------------------------------------------------------------------------------*/

.pm-service-card--4 .pm-service-card__image img{
    width:550px;

    left:120px;
    bottom:-40px;
}


/*------------------------------------------------------------------------------
    5. Строительство площадок
------------------------------------------------------------------------------*/

.pm-service-card--5 .pm-service-card__image img{
    width:550px;

    right:-20px;
    bottom:-100px;
}
 .pm-about{
        padding:60px 0 32px;
    }

.pm-about .pm-container,
.pm-about-stats .pm-container{
    width:100%;
    max-width:none;
    padding:0 60px;
    box-sizing:border-box;
}
    .pm-about__top{
        display:flex;
        align-items:flex-end;
        gap:16px;
    }

    .pm-about__left,
    .pm-about__right{
        flex:1 1 0;
        max-width:572px;
    }

    .pm-about__left{
        display:flex;
        flex-direction:column;
        gap:16px;
    }

    .pm-about__title{
        font-size:32px;
        line-height:38px;
    }

    .pm-about__description{
        font-size:16px;
        line-height:20px;
        color:#A3A3A3;
    }

    /*==============================================================================
        IMAGE
    ==============================================================================*/

    .pm-about-image{
        padding:4px;
    }

    .pm-about-image__wrapper{
        border-radius:16px;
        overflow:hidden;
    }

    .pm-about-image__img{
        display:block;
        width:100%;
        height:600px;
        object-fit:cover;
    }

    /*==============================================================================
        STATS
    ==============================================================================*/

    .pm-about-stats{
        padding:16px 0 60px;
    }

    .pm-about-stats__grid{
        display:grid;
        grid-template-columns:repeat(4,1fr);
        gap:8px;
    }

    .pm-about-stat{
        display:flex;
        flex-direction:column;
        justify-content:space-between;
        min-height:196px;
        padding:20px;
        border-radius:16px;
    }

    .pm-about-stat__top{
        display:flex;
        align-items:flex-end;
        gap:8px;
    }

    .pm-about-stat__number{
        font-size:40px;
        line-height:48px;
    }

    .pm-about-stat__unit{
        font-size:18px;
        line-height:22px;
        color:#A3A3A3;
    }

    .pm-about-stat__text{
        font-size:14px;
        line-height:18px;
        color:#A3A3A3;
    }

}

/*==============================================================================
    HERO 768
==============================================================================*/

@media (max-width: 991px) {

    .pm-containers-hero{
        height:817px;
    }

    .pm-containers-hero .pm-container{
        padding:0 16px;
    }

.pm-containers-hero__center{
    height:auto;
    min-height:100%;

    display:flex;
    flex-direction:column;
    justify-content:flex-start;

    padding:24px 0;
}
    /*==================================
        BREADCRUMBS
    ==================================*/

    .pm-containers-hero__breadcrumbs{
        margin:50px 0 230px;
        z-index:3;
    }

    /*==================================
        CONTENT
    ==================================*/

    .pm-containers-hero__bottom{
        display:block;
        z-index:3;
    }

    .pm-containers-hero__left{
        width:100%;
    }

    .pm-containers-hero__title-wrap{
        gap:16px;
    }

    .pm-containers-hero__title{
        max-width:none;

        font-size:32px;
        line-height:38px;
    }

    .pm-containers-hero__subtitle{
        max-width:none;

        font-size:16px;
        line-height:20px;
    }

    .pm-containers-hero__actions{
        margin-top:48px;
    }

    .pm-containers-hero__button{
        width:100%;
        height:56px;
    }

    /*==================================
        IMAGE
    ==================================*/

    .pm-containers-hero__right{

        position:absolute;

        width:902px;
        height:505px;

        left:150px;
        top:64px;

        pointer-events:none;

        z-index:1;
    }

    .pm-containers-hero__image{
        width:100%;
        height:100%;
        object-fit:contain;
    }

    /*==================================
        ADVANTAGES
    ==================================*/

    .pm-containers-hero__advantages{

        display:grid;

        grid-template-columns:repeat(2,1fr);

        gap:8px;

        width:100%;

        margin-top:auto;
        margin-bottom:0;

        position:relative;
        z-index:3;
    }

    .pm-containers-hero-card{

        width:100%;
        height:88px;

        display:flex;
        flex-direction:row-reverse;
        align-items:flex-start;
        justify-content:space-between;

        padding:16px;
    }

    .pm-containers-hero-card__icon{

        width:40px;
        height:40px;

        flex-shrink:0;
    }

    .pm-containers-hero-card__content{

        flex:1;

        margin-right:16px;
    }

    .pm-containers-hero-card__title{

        margin:0 0 4px !important;

        font-size:16px;
        line-height:20px;
    }

    .pm-containers-hero-card__text{

        font-size:12px;
        line-height:16px;
    }
.pm-containers-why{
    padding:24px 0 48px;
}

.pm-containers-why .pm-container{
    width:100%;
    max-width:100%;
    padding:0 16px;
    box-sizing:border-box;
}
.pm-containers-why__header{
    gap:8px;
    margin-bottom:32px;
}

.pm-containers-why__title{
    font-size:24px;
    line-height:30px;
}

.pm-containers-why__content{
    gap:32px;
}

.pm-containers-why__image{
    height:380px;
}

.pm-containers-why__progress{
    gap:4px;
}

.pm-containers-why__info{
    align-items:flex-start;
    gap:20px;
}

.pm-containers-why__item{
    gap:12px;
}

.pm-containers-why__item-title{
    font-size:18px;
    line-height:22px;
}

.pm-containers-why__item-text{
    font-size:14px;
    line-height:18px;
}

.pm-containers-why__button{
    width:100%;
    height:56px;
}
.pm-containers-advantages{
    padding:24px 0 48px;
}

.pm-containers-advantages .pm-container{
    width:100%;
    max-width:100%;
    padding:0 16px;
    box-sizing:border-box;
}
.pm-containers-advantages__header{
    gap:8px;
    margin-bottom:32px;
}

.pm-containers-advantages__title{
    font-size:24px;
    line-height:30px;
}

.pm-containers-advantages__grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:8px;
}

.pm-containers-advantages-card{
    min-height:198px;
    padding:16px;
    border-radius:16px;
}

.pm-containers-advantages-card__icon{
    width:48px;
    height:48px;
    margin-bottom:16px;
}

.pm-containers-advantages-card__icon img{
    width:24px;
    height:24px;
}

.pm-containers-advantages-card__badge{
    width:24px;
    height:24px;
    right:-4px;
    bottom:-4px;
}

.pm-containers-advantages-card__badge img{
    width:16px;
    height:16px;
}

.pm-containers-advantages-card__content{
    gap:8px;
}

.pm-containers-advantages-card__title{
    font-size:18px;
    line-height:22px;
}

.pm-containers-advantages-card__text{
    font-size:14px;
    line-height:18px;
    color:#A3A3A3;
}
.pm-containers-catalog{
    padding:24px 0 48px;
}

.pm-containers-catalog .pm-container{
    width:100%;
    max-width:100%;
    margin:0 auto;
    padding:0 16px;
    box-sizing:border-box;
}
.pm-containers-catalog__top{
    margin-bottom:32px;
}

.pm-containers-catalog__title{
    font-size:24px;
    line-height:30px;
}

.pm-containers-catalog__slider{
    margin-bottom:32px;
}

.pm-containers-catalog__button{
    display:none;
}

.pm-containers-catalog__button--mobile{
    display:flex;
    width:100%;
    height:56px;
}

.pm-containers-card{
    border-radius:16px;
    padding-bottom:16px;
}

.pm-containers-card__top{
    height:211px;
}

.pm-containers-card__image{
    height:211px;
}

.pm-containers-card__image img{
    width:100%;
    height:211px;
    object-fit:cover;
}

.pm-containers-card__content{
    padding:0 16px;
    gap:8px;
}

.pm-containers-card__price{
    font-size:18px;
    line-height:22px;
}

.pm-containers-card__name{
    font-size:14px;
    line-height:18px;
}

.pm-containers-catalog__navigation{
    display:none;
}
.pm-containers-showcase{
    height:579px;
    margin:4px;
    border-radius:16px;
}

.pm-containers-showcase__header{
    top:48px;
    left:50%;
    transform:translateX(-50%);

    width:728px;
    max-width:calc(100% - 32px);

    gap:0;
}

.pm-containers-showcase__title{
    width:498px;
    max-width:100%;

    font-size:24px;
    line-height:30px;
}

.pm-containers-showcase__subtitle{
    width:100%;
    max-width:728px;

    font-size:24px;
    line-height:30px;

    opacity:.4;
    filter:blur(.5px);
}
.pm-containers-showcase::before{
    top:300px;

    width:900px;
    height:300px;

    border-width:3px;

    box-shadow:
        0 0 6px rgba(173,196,255,.28),
        0 0 18px rgba(173,196,255,.10);
}

.pm-containers-showcase::after{
    height:160px;
}

.pm-containers-showcase__scene::before{
    width:900px;
    height:180px;

    bottom:55px;

    filter:blur(90px);
}

.pm-containers-showcase__container{
    width:666px;

    left:50%;
    bottom:-18px;

    transform:translateX(-50%) rotate(10.35deg);
}
.pm-containers-details{
    padding:48px 0;
}

.pm-containers-details .pm-container{
    width:100%;
    max-width:100%;
    padding:0 16px;
    box-sizing:border-box;
}

.pm-containers-details__top{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:24px;

    margin-bottom:32px;
}

.pm-containers-details__heading{
    display:flex;
    flex-direction:column;
    gap:8px;

    width:266px;
}

.pm-containers-details__title{
    font-size:24px;
    line-height:30px;
}

.pm-containers-details__tabs{
    width:100%;
    display:flex;
    gap:4px;

    padding:2px;
    height:48px;

    background:rgba(82,82,82,.12);
    border-radius:16px;
}

.pm-containers-details__tab{
    flex:1;
    height:44px;
    padding:0 16px;

    font-size:16px;
    line-height:20px;

    border-radius:16px;
}

.pm-containers-details__grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
}

.pm-containers-details-card{
    padding:4px;
    border-radius:16px;
}

.pm-containers-details-card__content{
    padding:16px;
    gap:8px;
}

.pm-containers-details-card__title{
    font-size:18px;
    line-height:22px;
}

.pm-containers-details-card__text{
    font-size:12px;
    line-height:16px;
}

.pm-containers-details-card__image img{
    width:100%;
    aspect-ratio:232/146;
    border-radius:12px;
    object-fit:cover;
}
/*==============================================================================
    PROCESS 768
==============================================================================*/

.pm-process{
    padding:24px 16px 48px;
}

.pm-process__container{
    display:flex;
    flex-direction:column;
    gap:32px;

    max-width:100%;
}

.pm-process__left,
.pm-process__right{
    width:100%;
    flex:none;
}

.pm-process__right{
    padding:0;
}

.pm-process__sticky{
    display:block;
    position:static;
    padding:0;
}

.pm-process__header{
    display:flex;
    flex-direction:column;
    gap:8px;
    margin:0;
}

.pm-process__title{
    max-width:686px;

    font-size:24px;
    line-height:30px;
}

.pm-process__bottom{
    display:none;
}

.pm-process__list{
    display:flex;
    flex-direction:column;
    gap:4px;
}

.pm-process-card{
    padding:16px;
    border-radius:4px;
}

.pm-process-card__top{
    display:flex;
    flex-direction:column;
    gap:16px;
}

.pm-process-card__icon{
    display:flex;
    align-items:center;
    gap:12px;
}

.pm-process-card__number{
    width:48px;
    height:48px;

    font-size:18px;
    line-height:22px;
}

.pm-process-card__progress{
    gap:2px;
}

.pm-process-card__progress span{
    width:24px;
    height:8px;
}

.pm-process-card__content{
    gap:4px;
}

.pm-process-card__title{
    font-size:18px;
    line-height:22px;
}

.pm-process-card__text{
    font-size:12px;
    line-height:16px;
}

.pm-process-card__tags{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.pm-process-card__tags span{
    padding:4px 8px;

    font-size:14px;
    line-height:18px;

    border-radius:8px;
}

/* нижний блок */

.pm-process__bottom-mobile{
    display:flex;
    flex-direction:column;
    gap:16px;

    margin-top:32px;
}

.pm-process__button--mobile{
    display:flex;
    justify-content:center;
    align-items:center;

    width:100%;
    height:56px;

    font-size:18px;
    line-height:22px;
}

.pm-process__bottom-mobile .pm-process__term{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:4px;
}

.pm-process__bottom-mobile .pm-process__term-label{
    font-size:14px;
    line-height:18px;
}

.pm-process__bottom-mobile .pm-process__term-value{
    font-size:16px;
    line-height:20px;
}
.pm-process__sticky{
    position:static;
    inset:auto;
}
.pm-process__left{
    position:static;
    top:unset;
    height:auto;
}
/*==============================================================================
    SERVICES 768
==============================================================================*/

.pm-services{
    padding:24px 0 48px;
}

.pm-services .pm-container{
    padding:0 16px;
}
.pm-services__header{
    gap:8px;
    margin-bottom:32px;
}

.pm-services__title{
    font-size:24px;
    line-height:30px;
}

.pm-services__grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:8px;
}

.pm-service-card{
    grid-column:span 1;
    min-height:360px;
    border-radius:4px;
}

.pm-service-card--wide{
    min-height:360px;
}

/* Только последняя карточка широкая */
.pm-service-card--5{
    grid-column:1 / -1;
}
.pm-service-card__content{
    padding:16px;
}
.pm-service-card--4{
    grid-column:auto;
}
.pm-service-card__title{
    margin-bottom:8px;
    font-size:18px;
    line-height:22px;
}

.pm-service-card__text{
    font-size:14px;
    line-height:18px;
}

.pm-services__footer{
    margin-top:24px;
}

.pm-services__button{
    width:100%;
    height:56px;
}
.pm-service-card--1 .pm-service-card__image img{
    width:420px;
    right:-210px;
    bottom:-20px;
}

.pm-service-card--2 .pm-service-card__image img{
    width:300px;
    right:-70px;
    bottom:-90px;
    transform:none;
}

.pm-service-card--3 .pm-service-card__image img{
    width:470px;
    right:-110px;
    bottom:-40px;
}

.pm-service-card--4 .pm-service-card__image img{
    width:430px;
    left:80px;
    bottom:-10px;
}

.pm-service-card--5 .pm-service-card__image img{
    width:560px;
    right:-20px;
    bottom:-100px;
}
.pm-about{
    padding:60px 16px 24px;
}

.pm-about .pm-container{
    width:100%;
    max-width:100%;
    margin:0 auto;
    padding:0;
    box-sizing:border-box;
}

/*==============================================================================
    TOP
==============================================================================*/

.pm-about__top{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:32px;
}

.pm-about__left{
    width:100%;
    display:flex;
    flex-direction:column;
    gap:8px;
}

.pm-about__right{
    width:100%;
}

.pm-about__title{
    white-space:normal;
    font-size:24px;
    line-height:30px;
}

.pm-about__description{
    max-width:none;
    font-size:14px;
    line-height:18px;
}

.pm-about__title br,
.pm-about__description br{
    display:none;
}

/*==============================================================================
    IMAGE
==============================================================================*/

.pm-about-image{
    padding:4px 0;
}

.pm-about-image .pm-container{
    width:100%;
    max-width:100%;
    padding:0;
    margin:0;
}

.pm-about-image__wrapper{
    border-radius:16px;
    overflow:hidden;
}

.pm-about-image__img{
    display:block;
    width:100%;
    height:251px;
    object-fit:cover;
}

/*==============================================================================
    STATS
==============================================================================*/

.pm-about-stats{
    padding:16px 16px 60px;
}

.pm-about-stats .pm-container{
    width:100%;
    max-width:100%;
    padding:0;
    margin:0 auto;
}

.pm-about-stats__grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
}

.pm-about-stat{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    min-height:128px;
    padding:16px;
    border-radius:16px;
}

.pm-about-stat__top{
    display:flex;
    align-items:flex-end;
    gap:6px;
    flex-wrap:wrap;
}

.pm-about-stat__number{
    font-size:32px;
    line-height:38px;
    font-weight:600;
}

.pm-about-stat__unit{
    margin-bottom:3px;
    font-size:18px;
    line-height:22px;
    font-weight:600;
}

.pm-about-stat__text{
    font-size:12px;
    line-height:16px;
}
}

/*==============================================================================
    HERO 375
==============================================================================*/

@media (max-width:500px){

    .pm-containers-hero{
        height:948px;
    }

    .pm-containers-hero .pm-container{
        padding:0 16px;
    }

    .pm-containers-hero__center{
        padding:24px 0;
    }

    /* Breadcrumbs */

    .pm-containers-hero__breadcrumbs{
        margin:55px 0 180px;
    }

    /* Content */

    .pm-containers-hero__left{
        width:100%;
    }

    .pm-containers-hero__title-wrap{
        gap:12px;
    }

.pm-containers-hero__title{
    font-size:24px !important;
    line-height:30px !important;
}
    .pm-containers-hero__subtitle{
        font-size:14px;
        line-height:18px;
    }

    .pm-containers-hero__actions{
        margin-top:32px;
    }

    .pm-containers-hero__button{
        width:100%;
        height:56px;

        font-size:16px;
        line-height:20px;
    }

    /* Image */

    .pm-containers-hero__right{
        width:596px;
        height:334px;

        left:-60px;     /* 61 - 16px padding контейнера */
        top:90px;
    }

    /* Cards */

    .pm-containers-hero__advantages{

        display:flex;
        flex-direction:column;

        gap:8px;

        margin-top:48px;
    }

    .pm-containers-hero-card{

        width:100%;
        height:88px;

        padding:16px;

        display:flex;
        flex-direction:row;
        justify-content:space-between;
        align-items:flex-start;
    }

.pm-containers-hero-card__content{
    flex:1;
    width:auto;
}

.pm-containers-hero-card__icon{
    width:40px;
    height:40px;

    margin-left:auto;
    order:2;

    flex-shrink:0;
}
    .pm-containers-hero-card__title{
        font-size:16px;
        line-height:20px;
    }

    .pm-containers-hero-card__text{
        font-size:12px;
        line-height:16px;
    }
.pm-containers-hero__advantages{
    display:flex;
    flex-direction:column;

    gap:8px;

    margin-top:24px;   /* или 16px */
    margin-bottom:0;

    width:100%;
}
.pm-containers-why{
    padding:32px 0;
}

.pm-containers-why .pm-container{
    width:100%;
    max-width:100%;
    margin:0 auto;
    padding:0 16px;
    box-sizing:border-box;
}
.pm-containers-why__header{
    gap:8px;
    margin-bottom:32px;
}

.pm-containers-why__title{
    font-size:24px;
    line-height:30px;
}

.pm-containers-why__content{
    gap:28px;
}

.pm-containers-why__image{
    height:220px;
}

.pm-containers-why__progress{
    gap:4px;
}

.pm-containers-why__info{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:24px;
}

.pm-containers-why__item{
    width:100%;
    gap:12px;
}

.pm-containers-why__item-title{
    font-size:18px;
    line-height:22px;
}

.pm-containers-why__item-text{
    font-size:14px;
    line-height:18px;
}

.pm-containers-why__button{
    width:100%;
    height:56px;

    font-size:16px;
    line-height:20px;
}
.pm-containers-advantages{
    padding:32px 0;
}

.pm-containers-advantages .pm-container{
    width:100%;
    max-width:100%;
    margin:0 auto;
    padding:0 16px;
    box-sizing:border-box;
}
.pm-containers-advantages__header{
    gap:8px;
    margin-bottom:32px;
}

.pm-containers-advantages__title{
    font-size:24px;
    line-height:30px;
}

.pm-containers-advantages__grid{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
}
.pm-containers-advantages-card{
    min-height:198px;
    padding:16px;
    border-radius:16px;
}

.pm-containers-advantages-card__icon{
    width:48px;
    height:48px;
    margin-bottom:16px;
}

.pm-containers-advantages-card__content{
    gap:8px;
}
.pm-containers-advantages-card:last-child{
    min-height:216px;
}


.pm-containers-advantages-card__icon img{
    width:24px;
    height:24px;
}

.pm-containers-advantages-card__badge{
    width:24px;
    height:24px;
    right:-4px;
    bottom:-4px;
}

.pm-containers-advantages-card__badge img{
    width:16px;
    height:16px;
}


.pm-containers-advantages-card__title{
    font-size:18px;
    line-height:22px;
}

.pm-containers-advantages-card__text{
    font-size:14px;
    line-height:18px;
    color:#A3A3A3;
}
.pm-containers-catalog{
    padding:32px 0;
}

.pm-containers-catalog .pm-container{
    width:100%;
    max-width:100%;
    margin:0 auto;
    padding:0 16px;
    box-sizing:border-box;
}

.pm-containers-catalog__top{
    margin-bottom:32px;
}

.pm-containers-catalog__title{
    font-size:24px;
    line-height:30px;
}

.pm-containers-catalog__slider{
    margin-bottom:32px;
}

.pm-containers-catalog__button{
    display:none;
}

.pm-containers-catalog__button--mobile{
    display:flex;
    width:100%;
    height:56px;
}

.pm-containers-card{
    border-radius:16px;
    padding:0 0 16px;
}

.pm-containers-card__top{
    height:211px;
}

.pm-containers-card__image{
    height:211px;
}

.pm-containers-card__image img{
    width:100%;
    height:211px;
    object-fit:cover;
}

.pm-containers-card__content{
    padding:0 16px;
    gap:8px;
}

.pm-containers-card__price{
    font-size:18px;
    line-height:22px;
}

.pm-containers-card__name{
    font-size:14px;
    line-height:18px;
}

.pm-containers-catalog__navigation{
    display:none;
}
.pm-containers-showcase{
    height:490px;
    margin:4px;
    border-radius:16px;
}

.pm-containers-showcase__header{
    top:32px;
    left:50%;
    transform:translateX(-50%);

    width:333px;
    max-width:calc(100% - 34px);

    gap:0;
}

.pm-containers-showcase__title{
    width:333px;
    max-width:100%;

    font-size:20px;
    line-height:24px;

}

.pm-containers-showcase__subtitle{
    width:333px;
    max-width:100%;

    font-size:20px;
    line-height:24px;
    opacity:.4;
    filter:blur(.5px);
}
.pm-containers-showcase::before{
    top:290px;

    width:520px;
    height:180px;

    border-width:2px;

    box-shadow:
        0 0 4px rgba(173,196,255,.28),
        0 0 12px rgba(173,196,255,.10);
}
.pm-containers-showcase::after{
    height:120px;
}

.pm-containers-showcase__scene::before{
    width:500px;
    height:120px;

    bottom:28px;

    filter:blur(90px);
}

.pm-containers-showcase__container{
    width:450px;

    left:50%;
    bottom:-10px;

    transform:translateX(-50%) rotate(10.35deg);
}
/*==============================================================================
    DETAILS 375
==============================================================================*/

.pm-containers-details{
    padding:32px 0;
}

.pm-containers-details .pm-container{
    width:100%;
    max-width:100%;
    padding:0 16px;
    box-sizing:border-box;
}

.pm-containers-details__top{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:24px;

    margin-bottom:32px;
}

.pm-containers-details__heading{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:8px;

    width:266px;
}

.pm-containers-details__title{
    font-size:24px;
    line-height:30px;
}

.pm-containers-details__tabs{
    display:flex;
    flex-wrap:nowrap;
    gap:4px;

    width:100%;
    padding:2px;

    overflow-x:auto;
    overflow-y:hidden;

    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;

    background:rgba(82,82,82,.12);
    border-radius:16px;
}

.pm-containers-details__tabs::-webkit-scrollbar{
    display:none;
}

.pm-containers-details__tab{
    flex:none;

    height:44px;
    padding:0 16px;

    white-space:nowrap;

    font-size:16px;
    line-height:20px;

    border-radius:16px;
}

.pm-containers-details__grid{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.pm-containers-details-card{
    padding:4px;
    border-radius:16px;
}

.pm-containers-details-card__content{
    padding:16px;
    gap:8px;
}

.pm-containers-details-card__title{
    font-size:18px;
    line-height:22px;
}

.pm-containers-details-card__text{
    font-size:12px;
    line-height:16px;
}

.pm-containers-details-card__image img{
    display:block;
    width:100%;
    aspect-ratio:335/146;
    object-fit:cover;
    border-radius:12px;
}
/*==============================================================================
    PROCESS 375
==============================================================================*/

.pm-process{
    padding:32px 16px;
}

.pm-process__container{
    display:flex;
    flex-direction:column;
    gap:32px;
}

.pm-process__left,
.pm-process__right{
    width:100%;
    flex:none;
}

.pm-process__left{
    position:static;
    top:auto;
    height:auto;
}

.pm-process__right{
    padding:0;
}

.pm-process__sticky{
    display:block;
    position:static;
    padding:0;
}

.pm-process__header{
    display:flex;
    flex-direction:column;
    gap:8px;
    margin:0;
}

.pm-process__title{
    font-size:24px;
    line-height:30px;
}

.pm-process__bottom{
    display:none;
}

.pm-process__list{
    display:flex;
    flex-direction:column;
    gap:4px;
}

.pm-process-card{
    padding:16px;
    border-radius:4px;
}

.pm-process-card__top{
    display:flex;
    flex-direction:column;
    gap:16px;
}

.pm-process-card__icon{
    display:flex;
    align-items:center;
    gap:12px;
}

.pm-process-card__number{
    width:48px;
    height:48px;

    font-size:18px;
    line-height:22px;
}

.pm-process-card__progress{
    gap:2px;
}

.pm-process-card__progress span{
    width:24px;
    height:8px;
}

.pm-process-card__content{
    gap:4px;
}

.pm-process-card__title{
    font-size:18px;
    line-height:22px;
}

.pm-process-card__text{
    font-size:12px;
    line-height:16px;
}

.pm-process-card__tags{
    display:flex;
    flex-wrap:wrap;
    gap:8px;

    margin-top:16px;
}

.pm-process-card__tags span{
    padding:4px 8px;

    font-size:14px;
    line-height:18px;

    border-radius:8px;
}

.pm-process__bottom-mobile{
    display:flex;
    flex-direction:column;
    gap:16px;

    margin-top:0;
}

.pm-process__button--mobile{
    width:100%;
    height:56px;

    font-size:16px;
    line-height:20px;
}

.pm-process__bottom-mobile .pm-process__term{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:4px;
}

.pm-process__bottom-mobile .pm-process__term-label{
    font-size:14px;
    line-height:18px;
}

.pm-process__bottom-mobile .pm-process__term-value{
    font-size:16px;
    line-height:20px;
}
/*==============================================================================
    SERVICES 375
==============================================================================*/

.pm-services{
    padding:32px 0;
}
.pm-services .pm-container{

    padding:0 16px;
}

.pm-services__header{
    gap:8px;
    margin-bottom:24px;
}

.pm-services__title{
    font-size:24px;
    line-height:30px;
}

.pm-services__grid{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.pm-service-card,
.pm-service-card--wide{
    width:100%;
    min-height:360px;
    border-radius:4px;
    overflow:hidden;
}

.pm-service-card__content{
    padding:16px;
}

.pm-service-card__title{
    margin:0 0 8px;
    font-size:18px;
    line-height:22px;
}

.pm-service-card__text{
    margin:0;
    font-size:14px;
    line-height:18px;
}

.pm-service-card__image{
    position:absolute;
    inset:0;
    overflow:hidden;
}

.pm-service-card__image img{
    position:absolute;
    max-width:none;
    height:auto;
    transform:none;
}

/*==========================
    CARD 1
==========================*/

.pm-service-card--1 .pm-service-card__image img{
    width:430px;
    right:-120px;
    bottom:-50px;
    left:auto;
}

/*==========================
    CARD 2
==========================*/

.pm-service-card--2 .pm-service-card__image img{
    width:320px;
    right:-5px;
    bottom:-100px;
    left:auto;
}

/*==========================
    CARD 3
==========================*/

.pm-service-card--3 .pm-service-card__image img{
    width:470px;
    right:-110px;
    bottom:-30px;
    left:auto;
}

/*==========================
    CARD 4
==========================*/

.pm-service-card--4 .pm-service-card__image img{
    width:380px;
    left:50px;
    right:auto;
    bottom:-10px;
}

/*==========================
    CARD 5
==========================*/

.pm-service-card--5 .pm-service-card__image img{
    width:410px;
    right:-40px;
    bottom:-80px;
    left:auto;
}

.pm-services__footer{
    margin-top:24px;
}

.pm-services__button{
    width:100%;
    height:56px;
    font-size:16px;
    line-height:20px;
}
/*==============================================================================
    STATS
==============================================================================*/

.pm-about-stats{
    padding:32px 16px 24px;
}

.pm-about-stats .pm-container{
    width:100%;
    max-width:100%;
    margin:0 auto;
    padding:0;
    box-sizing:border-box;
}

.pm-about-stats__grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
}

.pm-about-stat{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    min-height:128px;
    padding:16px;
    border-radius:16px;
    box-sizing:border-box;
}

.pm-about-stat__top{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
}

.pm-about-stat__number{
    margin:0;
    font-size:20px;
    line-height:24px;
    font-weight:600;
}

.pm-about-stat__unit{
    margin:0;
    font-size:20px;
    line-height:24px;
    font-weight:600;
}

.pm-about-stat__text{
    margin:0;
    font-size:12px;
    line-height:16px;
    font-weight:500;
    color:#A3A3A3;
}
}