/*
Theme Name: pgas
Author: VsegdaEda
Description: Custom WordPress theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pgas
Tags: custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
*,
*::before,
*::after {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
}

body, h1, h2, h3, h4, h5, h6, p,
figure, blockquote, dl, dd {
  margin: 0;
}

ul[role='list'], ol[role='list'] {
  list-style: none;
  padding: 0;
  margin: 0;
}

img, picture {
  max-width: 100%;
  display: block;
}

input, button, textarea, select {
  font: inherit;
}

html, body {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-optical-sizing: auto;
  color: #111;
  background: #fff;
}

:root{
    /* Desktop sizes */
    --h1-size: 56px;
    --h2-size: 48px;
    --h3-size: 36px;
    --h4-size: 28px;
    --h5-size: 24px;
    --h6-size: 20px;
    --text-size: 18px;
    --tabslidetitle-size: 16px;
    --supertitle-size: 14px;

    --lh: 1.4;

    --black: #343434;
    --grey: #6F6F6F; 
    --grey-block: #F1F3FA; 
    --light-grey: #E6E6E6;
    --blue: #0963AC;
    --light-blue: #F1F3FA;
    --light-gray: rgba(230, 230, 230, 1);
    --white: #FFFFFF;
}
@media (max-width: 992px) {
  :root {
    --h1-size: 40px;
    --h2-size: 32px;
    --h3-size: 24px;
    --h4-size: 20px;
    --h5-size: 18px;
    --h6-size: 16px;
    --text-size: 16px;
    --supertitle-size: 12px;
  }
}

@media (max-width: 767px) {
  :root {
    --h1-size: 32px;
    --h2-size: 28px;
    --h3-size: 24px;
    --h4-size: 20px;
    --h5-size: 18px;
    --h6-size: 16px;
    --text-size: 16px;
    --supertitle-size: 12px;
  }
}

h1,.h1 { font-size: var(--h1-size); line-height: var(--lh); margin:0 0 .6em; }
h2,.h2 { font-size: var(--h2-size); line-height: var(--lh); margin:0 0 .6em; }
h3,.h3 { font-size: var(--h3-size); line-height: var(--lh); margin:0 0 .5em; }
h4,.h4 { font-size: var(--h4-size); line-height: var(--lh); margin:0 0 .5em; }
h5,.h5 { font-size: var(--h5-size); line-height: var(--lh); margin:0 0 .4em; }
h6,.h6 { font-size: var(--h6-size); line-height: var(--lh); margin:0 0 .4em; }

p, .text {
    font-size: var(--text-size);
    line-height: var(--lh);
    margin: 0 0 1em;
}
body{
    /*background-image: url(/ProjectCatalog.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    min-height: 9722px;*/
}

.col-1{
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}
.col-2{
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}
.col-3{
    flex: 0 0 25%;
    max-width: 25%;
}
.col-4{
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.col-5{
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
.col-6{
    flex: 0 0 50%;
    max-width: 50%;
}
.col-7{
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}
.col-8{
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
.col-9{
    flex: 0 0 75%;
    max-width: 75%;
}
.col-10{
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}
.col-11{
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}
.col-12{
    flex: 0 0 100%;
    max-width: 100%;
}
.blue{
    color: var(--blue);
}
.black{
    color: var(--black);
}
.grey{
    color: var(--grey);
}
.white{
    color: var(--white);
}
.light-grey{
    color: var(--light-blue);
}
.light-blue{
    color: var(--light-blue);
}
.blue-bg{
    background-color: var(--blue);
}
.black-bg{
    background-color: var(--black);
}
.grey-bg{
    background-color: var(--grey);
}
.white-bg{
    background-color: var(--white);
}
.light-grey-bg{
    background-color: var(--light-grey);
}
.light-blue-bg{
    background-color: var(--light-blue);
}
.container{
    width: 100%;
    max-width: 1720px;
    margin: 0 auto;
}
.container-fluid{
    width: 100%;
    margin: 0 auto;
}
.row{
    display: flex;
    flex-wrap: wrap;
}
.row.no-wrap{
    flex-wrap: nowrap;
}
.col{
    flex: 1;
    box-sizing: border-box;
}
.col-auto{
    box-sizing: border-box;
}
.mt20{
    margin-top: 20px;
}
.mt40{
    margin-top: 40px;
}
.mt70{
    margin-top: 70px;
}
.pt70{
    padding-top: 70px;
}
.pt40{
    padding-top: 40px;
}
.pt100{
    padding-top: 100px;
}
.pb100{
    padding-bottom: 100px;
}
.mt160{
    margin-top: 160px;
}
.pb25{
    padding-bottom: 25px;
}
.textcenter{
    text-align: center;
}
.button{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 17px 24px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    position: relative;
    border: 1px solid transparent;
    white-space: nowrap;
}

.button-icon{
    display: flex;
    width: 60px;
    height: 60px;
    padding: 0;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    position: relative;
}
.dotStyle::after{
    display: block;
    content: ' ';
    position: absolute;
    right: 24px;
    top: 50%;
    margin-top: -3px;
    width: 7px;
    height: 7px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: #000;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.3s ease;
}
.button.dotStyle{
    padding-right: 64px;
}
.button svg{
    margin-right: 2px;
}
.button-white{
    background-color: var(--white);
    color: var(--blue);
    border-color: var(--white);
}
.button-blue{
    background-color: var(--blue);
    color: var(--white);
    border-color: var(--blue);
}
.button-light-blue{
    background-color: var(--light-blue);
    color: var(--white);
    border-color: var(--light-blue);
}
.button-transparent{
    background-color: transparent;
    color: var(--white);
    border-color: var(--white);
}
.button.dotStyle.button-white::after{
    background-color: var(--blue);
}
.button.dotStyle.button-blue::after{
    background-color: var(--white);
}
.button.dotStyle.button-transparent::after{
    background-color: var(--white);
}
.button.dotStyle.button-blue:hover::after{
    width: 34px;
    height: 34px;
    margin-top: -17px;
    right: 12px;
    border-radius: 0;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.7574 33.5161L33.5156 16.7578L16.7574 -0.000452577L-0.000905154 16.7578L16.7574 33.5161Z' fill='white'/%3E%3Cpath d='M19.1846 15.0338L13.4466 20.7718L12.5039 19.8291L18.2412 14.0911H13.1846V12.7578H20.5179V20.0911H19.1846V15.0338Z' fill='%230963AC'/%3E%3C/svg%3E");
}
.button.dotStyle.button-white:hover::after{
    width: 34px;
    height: 34px;
    margin-top: -17px;
    right: 12px;
    border-radius: 0;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.7574 33.5161L33.5156 16.7578L16.7574 -0.000452577L-0.000905154 16.7578L16.7574 33.5161Z' fill='%230963AC'/%3E%3Cpath d='M19.1846 15.0338L13.4466 20.7718L12.5039 19.8291L18.2412 14.0911H13.1846V12.7578H20.5179V20.0911H19.1846V15.0338Z' fill='white'/%3E%3C/svg%3E");
}
.button.dotStyle.button-transparent:hover::after{
    width: 34px;
    height: 34px;
    margin-top: -17px;
    right: 12px;
    border-radius: 0;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.7574 33.5161L33.5156 16.7578L16.7574 -0.000452577L-0.000905154 16.7578L16.7574 33.5161Z' fill='white'/%3E%3Cpath d='M19.1846 15.0338L13.4466 20.7718L12.5039 19.8291L18.2412 14.0911H13.1846V12.7578H20.5179V20.0911H19.1846V15.0338Z' fill='%230963AC'/%3E%3C/svg%3E");
}
.button-light-blue svg{
    width: auto;
    height: auto;
}
.button-light-blue svg path{
    fill: var(--blue);
}
header.container{
    padding-top: 20px;
}
header.container > .row{
    padding: 16px 24px;
    gap: 24px;
    justify-content: space-between;
    background-color: var(--light-blue);
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
}
header.container > .row > .col-auto{
    display: flex;
    align-items: center;
}
.col-auto.logo{
    padding-left: 7px;
}
header nav{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 52px;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;

}
header nav .nav-item > a{
    font-weight: 500;
    font-size: 18px;
    text-decoration: none;
    color: var(--black);
    position: relative;
}
header nav .nav-item > a:hover{
    color: var(--blue);
}
.nav-wrap{
    flex: 2;
    max-width: 733px;
}
.col-auto.buttons-wrap{
    display: flex;
    gap: 16px;
}
.contact-wrap > .row{
    gap: 12px;
}
.contact-wrap-text{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 2px;
}
.contact-wrap-text a{
    font-weight: 700;
    font-size: 20px;
    letter-spacing: -3%;
    color: var(--black);
    text-decoration: none;
    position: relative;
}
.contact-wrap-text a:hover{
    color: var(--blue);
}
.nav-item.has-children a:hover svg path{
    fill: var(--blue);
}
.contact-wrap-text span{
    font-weight: 500;
    font-size: 14px;
    color: var(--grey);
}
.has-children > a{
    padding-right: 13px;
}
.has-children svg{
    top: 50%;
    margin-top: -3px;
    position: absolute;
    right: 0;
}
.big-banner{
    height: 600px;
    background-image: url(./assets/images/rectangle-34624476.jpg);
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
}
.big-banner .h1{
    max-width: 830px;
    margin: 0 0 14px 0;
}
.big-banner p{
    max-width: 700px;
    margin: 0;
}
.row.banner-buttons{
    gap: 20px;
    margin-top: 36px;
}
.row2col{
    display: grid;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}
.gray-bg-box{
    background-color: var(--grey-block);
    padding: 20px 32px;
    -webkit-border-radius: 16px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius: 16px;
    -moz-border-radius-bottomright: 0;
    border-radius: 16px;
    border-bottom-right-radius: 0;
    position: relative;
    overflow: hidden;
}
.gray-bg-box h5{
    color: var(--black);
    max-width: 374px;
}
.gray-bg-box p{
    color: var(--grey);
    max-width: 374px;
    padding: 3px 0 13px 0;
    font-size: var(--text-size);
    margin: 0;
}
.button-arrow-right svg{
    margin-left: 14px;
    margin-right: 0;
}
.black.button-arrow-right svg path{
    fill: var(--black);
}
.bg-box-image{
    position: absolute;
}
.item-image-1{
    top: -38px;
    left: 374px;
}
.item-image-2{
    top: -38px;
    left: 411px;
}
.block-subtitle{
    font-size: var(--supertitle-size);
    font-weight: 500;
    color: var(--blue);
    padding-left: 8px;
    position: relative;
    margin-bottom: 16px;
}
.block-subtitle::before{
    display: block;
    content: ' ';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2px;
    width: 4px;
    height: 4px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: var(--blue);
}
.block-subtitle.white{
    color: var(--white);
}
.block-subtitle.white::before{
    background-color: var(--white);
}
.big-block .h2{
    color: var(--black);
    font-weight: 700;
    margin-bottom: 20px;
}
.big-block-head{
    padding-bottom: 48px;
}
.big-block-head p{
    color: var(--grey);
    font-weight: 500;
    font-size: var(--text-size);
    margin-bottom: 0;
    padding-bottom: 0;
}
.col-align-end{
    justify-content: end;
    display: flex;
    flex-direction: column;
    align-items: end;
}
.col-align-center{
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.col-align-center-end{
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: end;
}
.greed5-2{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(2, auto);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}
.greed-gray-box-item{
    background-color: var(--light-blue);
    padding: 16px 20px 40px 20px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    position: relative;
    overflow: hidden;
    min-height: 415px;
}
.greed-gray-box-item .h6{
    color: var(--black);
    font-weight: 700;
	text-decoration:none;
}
.cat-box-item a{
    text-decoration: none;
    color: var(--blue);
    font-weight: 700;
    font-size: var(--h6-size);
    position: relative
}
.cat-box-item a + a{
    margin-left: 30px;
}
.cat-box-item a + a::before{
    display: block;
    content: ' ';
    position: absolute;
    left: -18px;
    top: 50%;
    margin-top: -2px;
    width: 6px;
    height: 6px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: var(--blue);
}
.greed-gray-box-image-box{
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 270px;
}
.greed-gray-box-item .button{
    position: absolute;
    bottom: 20px;
    right: 20px;
    padding: 20px 32px;
}
.greed-gray-box-image{
	max-height:262px;
}
.big-block-head-slide{
    padding-bottom: 36px;
}
.big-block-tab-slide-image{
    max-width: 46px;
    max-height: 46px;;
}
.big-block-tab-slide{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 21px;
    padding: 9px;
    min-height: 80px;
    border: 1px solid #E6E6E6;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    font-size: var(--tabslidetitle-size);
    font-weight: 600;
	cursor:pointer;
}
.swiper-slide-thumb-active .big-block-tab-slide{
    border-color: var(--blue);
    background-color: rgba(9, 99, 172, 0.04);
}
.big-block-tab-slides-container{
    padding-bottom: 48px;
}
.big-slider-row2{
    display: flex;
    gap: 20px;
}
.big-slider-row2-image{
    width: 58%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
}
.big-block-tab-slides-row-innerSlides{
    width: calc(42% - 20px);
    min-height: 762px;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    background-color: var(--blue);
}
.big-block-tab-slides-row-innerSlides .swiper-initialized{
    height: 100%;
}
.big-block-tab-slides-row-innerSlides .block-subtitle,.big-block-tab-slides-row-innerSlides  .h3,.big-block-tab-slides-row-innerSlides p,.big-block-tab-slides-row-innerSlides li,.big-block-tab-slides-row-innerSlides .swiper-pagination{
    color: var(--white);
}
.big-block-tab-slides-row-innerSlides .block-subtitle::before{
    background-color: var(--white);
}
.big-block-tab-slides-row-innerSlides .swiper-slide{
    padding: 40px 40px 110px 40px;
}
.big-block-tab-slides-row-innerSlides  .h3{
    font-weight: 700;
}
.big-block-tab-slides-row-innerSlides-list{
    list-style: disc;
    padding-left: 17px;
    margin: 31px 0;
}
.big-block-tab-slides-row-innerSlides-list li,.big-block-tab-slides-row-innerSlides-list li a{
    margin-bottom: 18px;
    font-size: var(--text-size);
    font-weight: 500;
	text-decoration:none;
	color:var(--white);
}
.big-block-tab-slides-row-innerSlides .swiper-pagination{
    width: auto;
    bottom: 39px;
    left: 37px;
    font-size: var(--text-size);
    padding: 17px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
}
.big-block-tab-slides-row-innerSlides .swiper-button-next{
    position: absolute;
    bottom: 38px;
    top: unset;
    right: 37px;
    width: 80px;
    height: 60px;
    border:none
}
.big-block-tab-slides-row-innerSlides .swiper-button-prev{
    position: absolute;
    bottom: 38px;
    top: unset;
    right: 128px;
    width: 80px;
    height: 60px;
    left: unset;
    border:none
}
.big-block-tab-slides-row-innerSlides .button-white.swiper-button-next,.big-block-tab-slides-row-innerSlides .button-white.swiper-button-prev{
    background: rgba(255, 255, 255, 0.4);
    color: var(--white);
    border-color: rgba(255, 255, 255, 0.4);
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
}
.big-block-tab-slides-row-innerSlides .button-white.swiper-button-next svg,.big-block-tab-slides-row-innerSlides .button-white.swiper-button-prev svg{
    fill: var(--white);
    width: auto;
    height: auto;
    margin-right: unset;
}
.big-banner-2{
    background-image: url(./assets/images/cta.svg);
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 80px 40px;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    text-align: center;
    min-height: 600px;
}
.big-banner-2 .h2{
    max-width: 700px;
	font-weight:700;
}
.big-banner-2 p{
    max-width: 700px;
    margin: 0 0 20px 0;
}
.pb0{
    padding-bottom: 0 !important;
}
.pm0{
    margin-bottom: 0 !important;
}
.mt51{
    margin-top: 51px;
}
.series-card{
    padding: 40px;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    background-color: var(--light-blue);
}
.series-card-head{
    display:flex;
    align-items: center;
}
.series-card-head-img{
    width:120px;
    height:120px;
    margin-right:24px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    background-color: var(--white);
}
.series-card-head-img img{
	max-width:48px;
	max-height:48px;
}
.series-card-head-title .h4{
    margin-bottom:13px;
    font-weight: 700;
}
.series-card-head-title p{
    font-size: var(--text-size);
    font-weight: 500;
    margin: 0;
}
.inline-buttons{
    display: flex;
    gap: 12px;
    padding: 0;
    margin: 32px 0 0 0;
    padding: 0;
    list-style: none;
    flex-wrap: wrap;
}
.series-card .button{
    color: var(--black);
    font-size: var(--supertitle-size);
    padding: 20px 24px;
}
.series-card .button:hover{
	color: var(--blue);
}
.series-card .black.button-arrow-right:hover svg path{
	fill: var(--blue);
}
.big-banner-section{
    background-image: url(./assets/images/Group1000009034.svg);
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
	background-size: cover;
}
.big-banner-grey-section{
    background-color: var(--light-blue);
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    padding-top: 100px;
    padding-bottom: 100px;
}
.big-banner-section .h2{
    font-weight: 700;
    margin-bottom: 20px;
}
.big-banner-section .col-left p{
    max-width: 640px;
    margin-bottom: 20px;
}
.big-banner-section .col-left .button{
    margin-top: 12px;
}
.ychoice{
    padding: 32px;
    background-color: var(--white);
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
}
.ychoice-img{
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    background-color: var(--light-blue);
}
.ychoice-img img{
	max-width:32px;
	max-height:32px;
}
.ychoice .h4{
    margin: 38px 0 13px 0;
    font-weight: 700;
}
.ychoice p{
    font-size: var(--text-size);
    font-weight: 500;
    color: var(--grey);
    margin-bottom: 0;
}
.ychoice:hover p,.ychoice:hover .h4{
	color: var(--blue);
}
.trusted-block{
    margin-bottom: 56px;
}
.trusted-block p{
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
    color: var(--grey);
}
.trusted-block .block-subtitle{
    display: inline-block;
}
.last-news-col{
    margin-top: 48px;
}
.slides-nav{
    position: relative;
    width: 172px;
    height: 60px;
}
.slides-nav .swiper-button-next{
    position: absolute;
    bottom: 0px;
    top: unset;
    right: 0px;
    width: 80px;
    height: 60px;
    border:none
}
.slides-nav .swiper-button-prev{
    position: absolute;
    bottom: 0px;
    top: unset;
    left: 0px;
    width: 80px;
    height: 60px;
    left: unset;
    border:none
}
.slides-nav .button-white.swiper-button-next,.slides-nav .button-white.swiper-button-prev{
    background: var(--white);
    color: var(--white);
    border-color: var(--white);
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
}
.slides-nav .button-white.swiper-button-next svg,.slides-nav .button-white.swiper-button-prev svg{
    fill: var(--white);
    width: auto;
    height: auto;
    margin-right: unset;
}
.last-news-tab-slide{
    cursor: pointer;
	text-decoration:none;
}
.last-news-tab-slide-image-row{
    position: relative;
    margin-bottom: 12px;
    overflow: hidden;
}
.last-news-tab-slide-image{
    max-width: 100%;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    display: block;
}
.doc-slide-popimge{
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 370px;
    height: auto;
    transition: transform 0.4s ease;
}
.last-news-tab-slide:hover .doc-slide-popimge{
    transform: translateX(-50%) translateY(-10px) scale(1.05);
}
.last-news-tab-slide .h4{
    font-weight: 700;
    color:var(--black);
    margin-bottom: 8px;
    display: block;
	text-decoration:none;
}
.last-news-tab-slide p{
    font-size: var(--text-size);
    font-weight: 500;
    color: var(--grey);
    margin-bottom: 0;
	text-decoration:none;
}
.tab-slide-card-w-bth p{
    margin-bottom: 8px;
}
.footer-block{
    padding: 100px 0 20px 0;
    -webkit-border-top-left-radius: 100px;
    -webkit-border-top-right-radius: 100px;
    -moz-border-radius-topleft: 100px;
    -moz-border-radius-topright: 100px;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    background-color: var(--blue);
}
.subscribe-row{
    padding: 46px 0 46px 0;
    margin-bottom: 20px;
    background: rgba(15, 120, 205, 0.4);
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
}
.subscribe-row .col-8{
    padding:0 52px;
}
.subscribe-row .col-4{
    padding-right: 52px;
}
.subscribe-row .h2{
    color: var(--white);
    font-weight: 700;
    margin-bottom: 20px;
}
.subscribe-row .col-8 p{
    color: var(--white);
    font-size: var(--text-size);
    font-weight: 500;
    max-width: 530px;
}
.subscribe-row .form-row{
    display: flex;
}
.subscribe-row .form-group{
    flex: 1;
    margin-right: 32px;
}
.subscribe-row .form-group:last-child{
    margin-right: 0;
    flex: 0.95;
}
.subscribe-row form{
    padding-top: 12px;
}
.form-row input{
    font-size: var(--text-size);
    font-weight: 500;
    padding: 17px 24px;
    color: var(--white);
    background-color: var(--blue);
    border-color: var(--blue);
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border: none !important;
    outline: none;
    box-shadow: none !important;
    width: 100%;
}
.form-row input::placeholder{
    color: var(--white);
    opacity: 0.5;
}
.form-note{
    font-size: var(--supertitle-size);
    font-weight: 500;
    color: var(--light-gray);
    padding-top: 12px;
}
.contact-manager{
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: center;
    gap: 16px;
    padding: 18px 0;
}
.contact-manager > div{
    flex: 1;
}
.contact-manager-image{
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
}
.cmiName{
    font-weight: 700;
    font-style: Bold;
    font-size: var(--h3-size);
    line-height: 140%;
    color:var(--white);
}
.cmiJob{
    font-weight: 500;
    font-size: var(--text-size);
    line-height: 140%;
    color:var(--white);
}
.contact-manager-info{
    text-align: left;
}
.contact-manager-info p{
    margin: 19px 0;
    font-size: var(--tabslidetitle-size);
    font-weight: 400;
    line-height: 140%;
    color:var(--white);
}
.contact-manager-info a{
    text-decoration: none;
    color: var(--white);
    font-weight:700;
    font-size: var(--text-size);
}
.contact-manager-info div{
    display: flex;
    padding: 3px 0;
}
.contact-manager-info div + p{
    margin-bottom:10px;
}
.footer-block .col-3{
    flex: 0 0 calc(25% - 10px);
    max-width: calc(25% - 10px);
}
.footer-block .col-9{
    flex: 0 0 calc(75% - 10px);
    max-width: calc(75% - 10px);
}
.footer-logo-adress{
    padding: 48px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.footer-nav-col{
    padding: 48px;
}
.cont-gap .row{
    gap: 20px;
}
.footer-adress-title{
    padding: 0;
    font-size: var(--h5-size);
    line-height: 140%;
    color:var(--white);
    font-weight: 700;
    margin: 19px 0 3px 0;
}
.footer-adr-text,.footer-adr-text a{
    font-size: var(--text-size);
    line-height: 140%;
    color:var(--white);
    font-weight: 500;
    margin: 0;
    text-decoration: none;
    display: flex;
    align-items: center;
}
.footer-adr-text +.footer-adress-title{
    margin-top: 30px;
}
.footer-links-col-title{
    font-size: var(--h5-size);
    line-height: 140%;
    color:var(--white);
    font-weight: 700;
    margin: 0 0 19px 0;
}
.footer-links-col ul{
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.footer-links-col a{
    font-size: var(--text-size);
    line-height: 140%;
    color:var(--white);
    font-weight: 500;
    text-decoration: none;
}
.footer-links-col:last-child{
    flex: 0.6;
}
.footer-links-col li{
    max-width: 200px;
}
.footer-block .col-3,.footer-block .col-9{
    background: rgba(15, 120, 205, 0.4);
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
}
.cont-gap{
    margin-bottom: 20px;
}
.cont-gap:last-child{
    margin-bottom: 0;
}
.cont-gap-last .col-3{
    padding: 26px 46px;
}
.cont-gap-last .col-3 p,.cont-gap-last .col-3 p a{
    font-size: var(--text-size);
    line-height: 140%;
    color:var(--white);
    font-weight: 500;
    text-decoration: none;
}
.cont-gap-last .col-3 p:last-child{
    margin-bottom:0;
    font-size: var(--supertitle-size);
}
.copyright{
    font-size: var(--abslidetitle-size);
    line-height: 140%;
    color:var(--white);
    font-weight: 500;
    margin: 0;
}
.policy{
    margin: 0;
}
.policy a{
    text-decoration: none;
    color: var(--white);
    font-weight: 500;
    font-size: var(--supertitle-size);
}
.cont-gap-last .col-9{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 28px 46px;
}
.social-links{
    display: flex;
    gap: 17px;
    justify-content: end;
}
.social-links a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
    background-color: var(--blue);
    border-color: var(--blue);
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
}
.textalignmidle{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.icon{
    width:20px;
    height:20px;
    margin-right:8px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
}
.mail-icon{
    background-image: url(./assets/images/mail-icon.svg);
}
.phone-icon{
    background-image: url(./assets/images/phone-icon.svg);
}
.clock-icon{
    background-image: url(./assets/images/clock-icon.svg);
}
.location-icon{
    background-image: url(./assets/images/location-icon.svg);
	height: 23px;
    background-size: 130%;
}
.reg-icon{
    background-image: url(./assets/images/reg-icon.svg);
}





/* Mega Menu Styles */
.menu-active header.container{
    z-index: 1001;
    position: relative;
}
.mega-menu {
    display: none;
    position: absolute;
    z-index: 1001;
	padding-top:58px;
}

.mega-menu.active {
    display: block;
}

.mega-menu-content {
    display: flex;
    gap: 24px;
}

.mega-menu-left {
    width: 64%;
    padding: 40px;
    background: var(--white);
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
}
.mega-menu-content .h3{
    font-weight: 700;
}
.menu-category-row{
	display: flex;
    justify-content: start;
    gap: 40px;
}
.menu-category {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 20px;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
	text-decoration:none;
}

.menu-category img,.subsystem-item img {
    max-width: 50px;
    max-height: 50px;
    object-fit: contain;
}

.menu-category span {
    font-size: var(--h5-size);
    font-weight: 500;
    color: var(--black);
}

.menu-category:hover span{
    color: var(--blue);
}

.menu-category.active span {
    color: var(--blue);
}

.menu-category:hover svg path {
    fill: var(--blue)!important;
}

.menu-category.active  svg path {
    fill: var(--blue)!important;
}

.menu-category-image-box{
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--light-blue);
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    overflow: hidden;
}
.menu-category-image-box + span{
    display: inline-block;
    min-width: calc(80% - 80px);
}
.menu-category svg {
    width: 10px;
    height: 16px;
	margin-left: auto;
}

.mega-menu-right {
    flex: 1;
    padding: 40px;
    background: var(--white);
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    display: flex;
    flex-direction: column;
}

.subsystem-content {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 24px;
    height:100%;
    overflow-y: auto;
}

.subsystem-item {
    display: flex;
    align-items: center;
    gap: 24px;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    color: var(--black);
    margin-bottom: 20px;
}

.subsystem-item span:not(.menu-category-image-box) {
    font-size: var(--h5-size);
    font-weight: 500;
    color: var(--black);
}


.subsystem-item:hover span:not(.menu-category-image-box) {
    color: var(--blue);
}
.mega-menu--service .mega-menu-right, .mega-menu--resource .mega-menu-right{
	display:none!important;
}
.mega-menu--service .mega-menu-left, .mega-menu--resource .mega-menu-left{
	width: 100%;
}

.nav-item.has-children {
    position: relative;
}

.nav-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 999;
}

.nav-overlay.active {
    display: block;
}
.nav-item.has-children.menu-open svg{
    transform: rotate(180deg);
}

/* Contact Popup Styles */
.contact-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
}

.contact-popup.active {
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-popup-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.contact-popup-content {
    position: relative;
    background: var(--light-blue);
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    padding: 48px 26px;
    max-width: 860px;
    width: 90%;
    max-height: 97vh;
    z-index: 2;
}
.contact-popup-content form{
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
}
.contact-popup-close {
    position: absolute;
    top: 0px;
    right: -62px;
    width: 60px;
    height: 60px;
    border: none;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.contact-popup-close:hover {
    background: #f5f5f5;
    transform: rotate(90deg);
}

.contact-popup-content .poptitle {
    font-family: Plus Jakarta Sans;
    font-weight: 700;
    font-size: 48px;
    line-height: 140%;
    color: var(--black);
}

.contact-popup-description, .contact-popup-description a{
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: var(--black);
    margin: 12px 0 19px 0;
	text-decoration:none;
}
.contact-popup-content-overflow{
    overflow-y: auto;
    max-height: calc(100vh - 80px);
    scrollbar-width: thin;
}
.contact-popup-form .form-group {
    margin-bottom: 20px;
    position: relative;
}

.contact-popup-form label {
    position: absolute;
    top: 8px;
    left: 16px;
    font-size: 14px;
    font-weight: 500;
    color: var(--grey);
    pointer-events: none;
    transition: all 0.3s ease;
    z-index: 1;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 90%;
}

.contact-popup-form input:not([type="file"]):not([type="radio"]):not([type="checkbox"]),
.contact-popup-form textarea {
    width: 100%;
    padding: 27px 28px 10px 16px;
    border: none;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    font-size: 18px;
    font-weight: 500;
    font-family: inherit;
    transition: all 0.3s ease;
    background: white;
    color: var(--black);
}

.contact-popup-form input:not([type="file"]):not([type="radio"]):not([type="checkbox"])::placeholder,
.contact-popup-form textarea::placeholder {
    font-size: 18px;
    font-weight: 500;
    color: var(--black);
}

.contact-popup-form input:not([type="file"]):not([type="radio"]):not([type="checkbox"]):focus,
.contact-popup-form textarea:focus {
    outline: none;
}

.contact-popup-form input:focus + label,
.contact-popup-form input:not(:placeholder-shown) + label,
.contact-popup-form textarea:focus + label,
.contact-popup-form textarea:not(:placeholder-shown) + label {
    top: 12px;
    font-size: 14px;
}

/* Floating labels — default state (empty, unfocused): label centered */
#contact-popup .contact-popup-form .float-group label,
#contact-popup-big .contact-popup-form .float-group label {
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    font-weight: 500;
    color: var(--black);
}

/* Textarea: label at first text line, not vertically centered */
#contact-popup .contact-popup-form .float-group-textarea label,
#contact-popup-big .contact-popup-form .float-group-textarea label {
    top: 20px;
    transform: none;
}

/* Floating labels — active state (focused or has value): label at top */
#contact-popup .contact-popup-form .float-group.float-active label,
#contact-popup-big .contact-popup-form .float-group.float-active label {
    top: 8px;
    transform: translateY(0);
    font-size: 14px;
    color: var(--grey);
}

.contact-popup-form select {
    width: 100%;
    padding: 27px 48px 10px 16px; /* место под стрелку */
    border: none;
    border-radius: 16px;
    font-size: 18px;
    font-weight: 500;
    font-family: inherit;
    transition: all 0.3s ease;
    background-color: white;
    color: var(--black);

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    cursor: pointer;
}

/* кастомная стрелка */
.form-field {
    position: relative;
}

.form-field::after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    width: 10px;
    height: 6px;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translateY(-50%);
    pointer-events: none;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23000' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");
}

/* focus */
.contact-popup-form select:focus {
    outline: none;
}

/* floating label */
.contact-popup-form select:focus + label,
.contact-popup-form select:valid + label {
    top: 12px;
    font-size: 14px;
}

.contact-popup-form textarea {
    resize: vertical;
    min-height: 120px;
    padding-top: 32px;
}

.contact-popup-form button[type="submit"] {
    width: auto;
    margin-top: 8px;
	width: 100%;
    max-width: 300px;
}


.checkbox {
    margin: 20px 0;
}

.checkbox a {
    color: #0963ac;
    text-decoration: none;
}
.checkbox label{
	position: relative;
    top: initial;
    left: initial;
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 32px;
	pointer-events: auto;
}
.checkbox input{
	width: 24px;
    position: relative;
    height: 24px;
}
.upload-box {
    margin: 24px 0;
	position: relative;
}

.upload-area {
    border: 2px dashed #cfd8e3;
    border-radius: 10px;
    padding: 32px;
    text-align: center;
    cursor: pointer;
    background: #fff;
}

.upload-area span {
    font-size: 28px;
    display: block;
}

.upload-area strong {
    display: block;
    margin-top: 8px;
}
.upload-box label{
	top: auto;
    left: auto;
    display: block;
    width: 100%;
	position:relative;
}
.upload-input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.upload-area.drag-over {
    border-color: #2979ff;
    background: #e3f0ff;
}
.upload-file-list {
    margin-top: 12px;
}
.upload-file-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 10px;
    background: #f5f7fa;
    border-radius: 6px;
    margin-bottom: 6px;
    font-size: 14px;
}
.upload-file-name {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.upload-file-size {
    color: #888;
    white-space: nowrap;
}
.upload-file-remove {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 18px;
    color: #999;
    padding: 0 4px;
    line-height: 1;
}
.upload-file-remove:hover {
    color: #e53935;
}
.breadcrumbs{
    list-style: none;
    padding: 0;
    margin: 19px 0 0 0;
    display: flex;
    flex-wrap: wrap;
}
.breadcrumbs li{
    margin-right: 16px;
    position: relative;
}
.breadcrumbs li + li::before{
    display: block;
    content: ' ';
    position: absolute;
    left: -10px;
    top: 9px;
    background-color: var(--grey);
    width: 4px;
    height: 4px;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
}
.breadcrumbs li a,.breadcrumbs li span{
    font-size: var(--supertitle-size);
    font-weight: 500;
    color: var(--grey);
    text-decoration: none;
}
.projects-catalog-head{
    margin-bottom: 35px;
}
.projects-catalog-head.h1{
    font-weight: 700;
    margin-top: 36px;
    margin-bottom: 50px;
}
.projects-catalog-slide{
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    overflow: hidden;
    position: relative;
}
.projects-catalog-slide img{
	width:100%;
}
.projects-catalog-slide-content{
    position: absolute;
    bottom: 24px;
    left: 42px;
    max-width: calc(100% - 40px);
}
.projects-catalog-slide-content a{
	text-decoration:none;
}
.row2col.projects-catalog-head{
    padding-bottom: 35px;
}
.row3col{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 36px;
}
.project-bage a{
    font-size: var(--supertitle-size);
    font-weight: 500;
    color: var(--grey);
    text-decoration: none;
}
.project-bage a + a{
    margin-left: 28px;
    position: relative;
}
.project-bage a + a::before{
    display: block;
    content: ' ';
    position: absolute;
    left: -15px;
    top: 7px;
    background-color: var(--grey);
    width: 4px;
    height: 4px;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
}
.project-bage{
    padding: 7px 0 7px 0;
}
.project-card img{
    width: 100%;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    margin-bottom: 16px;
}
.project-card-content .h5{
    font-weight: 700;
    margin-bottom: 5px;
}
.project-card-content .h5 a{
	color: var(--black);
	text-decoration:none;
}
.project-card-content p{
    color:var(--grey);
    margin-bottom: 12px;    
}
.project-bage-sistem a{
    display: flex;
    padding: 7px 16px;
    font-size: var(--tabslidetitle-size);
    color: var(--blue);
    background: rgba(0, 90, 170, 0.1);
    border: 1px solid rgba(0, 90, 170, 0.4);
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    gap: 10px;
    text-decoration: none;
}
.project-bage-sistem{
    display: flex;
    flex-wrap: wrap;
	gap: 10px;
}
.dropdown-wrapper {
    position: relative;
    display: inline-block;
    width: calc(100% - 12px);
}

.dropdown-button {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 16px;
    background: var(--white);
    border: 1px solid var(--light-gray);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 140px;
}

.dropdown-button:hover {
    border-color: #ccc;
}

.dropdown-button.active {
    border-color: #007AFF;
}

.dropdown-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
}

.dropdown-label {
    font-size: 14px;
    color: var(--grey);
    line-height: 1;
}

.dropdown-value {
    font-size: 18px;
    color: var(--black);
    font-weight: 500;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 200px;
}

.dropdown-arrow {
    width: 10px;
    height: 10px;
    border-right: 2px solid var(--grey);
    border-bottom: 2px solid var(--grey);
    transform: rotate(45deg);
    transition: transform 0.3s ease;
    flex-shrink: 0;
    margin-bottom: 4px;
}

.dropdown-button.active .dropdown-arrow {
    transform: rotate(-135deg);
}

.dropdown-menu {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    background: var(--white);
    border: 1px solid var(--light-gray);
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    min-width: 220px;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    z-index: 1000;
    overflow: hidden;
}

.dropdown-menu.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.dropdown-item {
    padding: 12px 16px;
    cursor: pointer;
    font-size: 18px;
    color: var(--black);
    transition: background-color 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dropdown-item:hover {
    background-color: #f5f5f5;
}

.dropdown-item.selected {
    background-color: var(--blue);
    color: var(--white);
    font-weight: 500;
}

.dropdown-item .checkmark {
    width: 16px;
    height: 16px;
    display: none;
}

.dropdown-item.selected .checkmark {
    display: block;
}

.dropdown-item.selected .checkmark::before {
    content: '✓';
    color: var(--white);
    font-weight: bold;
}

.pagination {
    display: flex;
    gap: 12px;
    align-items: center;
    width: 100%;
    justify-content: center;
    margin-top: 29px;
}

.pagination-item {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--white);
    border: 1px solid var(--light-gray);
    border-radius: 12px;
    cursor: pointer;
    font-size: 16px;
    color: var(--black);
    font-weight: 600;
    transition: all 0.2s ease;
    user-select: none;
}

.pagination-item:hover {
    background-color: var(--light-gray);
    border-color: var(--grey);
}

.pagination-item:active {
    transform: scale(0.95);
}

.pagination-item.active {
    background-color: #007AFF;
    color: white;
    border-color: #007AFF;
}

.pagination-item.active:hover {
    background-color: #0066CC;
    border-color: #0066CC;
}

.pagination-item.dots {
    cursor: default;
    pointer-events: none;
}

.pagination-item.dots:hover {
    background-color: white;
    border-color: #e5e5e5;
}

.big-banner-2-content-image{
    position: absolute;
    transform: rotate(330deg);
    right: 96px;
    top: 21px;
    z-index: 0;
}
.big-banner-2-image{
    position: relative;
    overflow: hidden;
}
.big-banner-2-image.big-banner-2{
    text-align: left;
    align-items: start;
}
.header-wrap-gray-bg{
    background: rgba(241, 243, 250, 1);
    padding-bottom: 100px;
    -webkit-border-bottom-right-radius: 100px;
    -webkit-border-bottom-left-radius: 100px;
    -moz-border-radius-bottomright: 100px;
    -moz-border-radius-bottomleft: 100px;
    border-bottom-right-radius: 100px;
    border-bottom-left-radius: 100px;
}
.header-wrap-gray-bg .greed-gray-box-item{
    background-color: var(--white);
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}
.header-wrap-gray-bg .greed-gray-box-item .button-white{
    background-color: var(--light-blue);
}
.header-wrap-gray-bg-product{
    padding-bottom: 40px;
}
.big-banner-gray-single{
    max-width: 890px;
    text-align: center;
    margin: 0 auto;
}
.big-banner-gray-single .block-subtitle{
    display: inline-block;
}
.project-specifications{
    margin-top: 20px;
    border-top: 1px solid var(--light-gray);
    padding-top: 20px;
}
.project-specifications p{
    font-size: var(--text-size);
    font-weight: 500;
    color: var(--grey);
    margin-bottom:12px;
    padding-left: 26px;
    position: relative;
}
.project-specifications p:before{
    display: block;
    content: ' ';
    position: absolute;
    left: 0;
    top: 3px;
    width: 20px;
    height: 20px;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    background-image: url(./assets/images/Check.svg);
    background-position: center;
    background-repeat: no-repeat;
}
.project-specifications p:first-child{
    margin-bottom:12px;
    font-size: 20px;
    font-weight: 700;
    padding-left: 0;
}
.project-specifications p:first-child:before{
    display: none;
}
.btn-text-icon{
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--blue);
    text-decoration: none;
    font-size: var(--text-size);
    font-weight: 500;
}
.gallery{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    gap: 20px;
}
.gallery-item{
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    overflow: hidden;
    aspect-ratio: 560 / 415;
    position: relative;
    width: 100%;
    display: block;
}
.gallery-item::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease;
    will-change: transform;
}
.gallery-item:hover::before{
    transform: scale(1.1);
}
.gallery-item::after{
    display: block;
    content: ' ';
    width: 80px;
    height: 60px;
    background-image: url(./assets/images/zoom-icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 1;
    transition: transform 0.3s ease;
}
.gallery-item:hover::after{
    transform: scale(1.1);
}
.dwgRow{
    display: none;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: auto;
    gap: 20px;
    opacity: 0;
    transition: opacity 0.3s ease;
}
.dwgRow.active{
    display: grid;
    opacity: 1;
}
.dwgItem{
    background-image: url(./assets/images/dwg-download-bg.svg);
    background-color: var(--light-blue);
    display: flex;
    justify-content: left;
    align-items: end;
    padding: 20px;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    overflow: hidden;
    position: relative;
    aspect-ratio: 328 / 220;
    text-decoration: none;
}
.dwgItem::before{
    display: block;
    content: ' ';
    width: 36px;
    height: 36px;
    background-image: url(./assets/images/dwg-icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 1;
    transition: transform 0.3s ease;
}
.dwgItem::after{
    display: block;
    content: ' ';
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 52px;
    height: 39px;
    background-image: url(./assets/images/dwg-download-icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
}
.dwgItem span{
    font-size: var(--tabslidetitle-size);
    font-weight: 600;
    color: var(--black);
    z-index: 1;
    display: block;
    width: calc(100% - 94px);
    text-decoration: none;
}
/* Tabs */
.tab-nav {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    margin-bottom: 20px;
    padding: 6px;
    border: 1px solid rgba(241, 243, 250, 1);
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
.tab-nav-item {
    padding: 10px 20px;
    border-radius: 8px;
    color: var(--black);
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
}
.tab-nav-item:hover {
    background: var(--light-blue);
    color: var(--blue);
}
.tab-nav-item.active {
    background: var(--light-blue);
    color: var(--blue);
}
.tab-content {
    display: none;
}
.tab-content.active {
    display: block;
}
.horizontal-tabs-content .tab-content{
    padding: 40px;
    background: var(--white);
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border: 1px solid rgba(230, 230, 230, 1)
}
.description-content .swiper-wrapper{
	align-items: center;
}
.description-content .swiper-slide img{
	margin:0 auto;
}
.description-content-text{
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 700px;
    height: 100%;
}
.description-content-text-images{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 830px;
    height: 100%;
	margin:0 auto;
	text-align:center;
}
.tab-content .swiper-button-prev, .tab-content .swiper-button-next{
    width: 80px;
    height: 60px;
    position: absolute;
    top: 50%;
    margin-top: -30px;
}
.tab-content .swiper-button-prev{
    left: 20px;
}
.tab-content .swiper-button-next{
    right: 20px;
}
.tab-content .swiper{
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    overflow: hidden;
}
.tab-content-image-box{
    text-align: center;
	aspect-ratio: 930 / 576;
	display: flex;
    justify-content: center;
    align-items: center;
}
.tab-content-image-box img{
    width: 100%;
    height: auto;
    display: inline-block;
    max-width: 700px;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
	max-height: 100%;
}
.description-top-content .tab-content-image-box img{
    max-width: 100%;
    width: auto;
    margin: 0 auto;
    display: inline-block;
}
.description-content-text ul{
    padding-left: 0px;
    margin: 0;
    list-style: none;
}
.description-content-text li{
    margin-bottom: 16px;
    font-size: var(--tabslidetitle-size);
    font-weight: 500;
    color: var(--black);
    line-height: 150%;
}
.description-content-text-image-box img{
    margin-top: 23px;
}
.description-top-content{
    max-width: 930px;
}
.tab-description-top-nav-wrap{
    display: flex;
    justify-content: center;
}
.tab-description-top-nav-wrap .tab-nav{
    margin-top: 48px;
    margin-bottom: 0;
    background-color: rgba(215, 222, 235, 0.4);

}
.tab-description-top-nav-wrap .tab-nav-item.active{
    background-color: var(--white);
}

/* Accordion Select Box */
.accordion-select-box {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--white);
    border: 1px solid rgba(230, 230, 230, 1);
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    overflow: hidden;
    max-width: 665px;
    margin-right: 24px;
}
.accordion-select-wrapper {
    position: relative;
}
.accordion-select-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    cursor: pointer;
}
.accordion-select-header-content {
    display: flex;
    align-items: center;
    gap: 12px;
}
.accordion-select-thumb {
    width: 40px;
    height: 40px;
    object-fit: contain;
}
.accordion-select-title {
    font-size: var(--h4-size);
    font-weight: 600;
    color: var(--black);
    line-height: 140%;
}
.accordion-select-toggle {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--light-blue);
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
}
.accordion-select-toggle svg {
    transition: transform 0.3s ease;
}
.accordion-select-wrapper.open .accordion-select-toggle svg {
    transform: rotate(180deg);
}
.accordion-select-menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--white);
    border: 1px solid rgba(230, 230, 230, 1);
    border-top: none;
    border-radius: 0 0 16px 16px;
    z-index: 10;
    display: none;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
.accordion-select-wrapper.open .accordion-select-menu {
    display: block;
}
.accordion-select-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 20px;
    cursor: pointer;
    transition: background 0.2s ease;
}
.accordion-select-item:hover {
    background: var(--light-blue);
}
.accordion-select-item.active {
    background: var(--light-blue);
}
.accordion-select-item img {
    width: 32px;
    height: 32px;
    object-fit: contain;
}
.accordion-select-item span {
    font-size: 14px;
    font-weight: 500;
    color: var(--black);
}
.accordion-select-content {
    flex: 1;
    overflow-y: auto;
    padding: 0 24px 20px 24px;
    min-height: 489px;
    scrollbar-width: thin;
}
.accordion-select-content-inner p {
    font-size: var(--text-size);
    line-height: 140%;
    color: var(--black);
    margin-bottom: 20px;
}
.accordion-select-content-inner h6 {
    font-weight: 600;
    color: var(--black);
    margin-bottom: 12px;
}
.check-list {
    list-style: none;
    padding: 0;
    margin: 0 0 24px 0;
}
.check-list li {
    position: relative;
    padding-left: 28px;
    font-size: var(--text-size);
    line-height: 140%;
    color: var(--black);
    margin-bottom: 20px;
    font-weight: 500;
}
.check-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 20px;
    height: 20px;
    background-image: url(./assets/images/check-list.svg);
}
.specs-table {
    width: 100%;
    border-collapse: collapse;
}
.specs-table tr:last-child {
    border-bottom: none;
}
.specs-table td {
    padding: 6px 0;
    font-size: var(--text-size);
    line-height: 140%;
    color: var(--black);
}
.specs-table td:first-child {
    color: #6B7280;
}
.specs-table td:last-child {
    text-align: right;
    font-weight: 500;
}
.accordion-select-footer {
    padding: 26px;
    border: 1px solid rgba(230, 230, 230, 1);
    text-align: center;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
}
.accordion-select-content.no-select{
    padding-top: 32px;
    max-height: 556px;
}
.accordion-select-content-inner quote{
    background-color: var(--light-blue);
    padding: 16px 16px 16px 48px;
    font-size: var(--tabslidetitle-size);
    font-weight: 500;
    color: var(--grey);
    line-height: 150%;
    margin-bottom: 20px;
    position: relative;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    display: block;
}
.accordion-select-content-inner quote::before {
    content: '';
    position: absolute;
    left: 17px;
    top: 17px;
    width: 21px;
    height: 21px;
    background-image: url(./assets/images/alert-gray.svg);
}
.check-list-Benefits{
    list-style: none;
    padding: 0;
}
.check-list-Benefits li{
    font-size: var(--text-size);
    color: var(--black);
    line-height: 140%;
    margin-bottom: 12px;
    font-weight: 500;
    display: flex;
    justify-content: start;
    align-items: center;
}
/* Video Gallery */
.video-gallery-item {
    text-decoration: none;
    display: block;
    cursor: pointer;
}
.video-item {
    position: relative;
}
.video-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    z-index: 2;
}
.video-gallery-item:hover .video-play-btn {
    transform: translate(-50%, -50%) scale(1.1);
}

.benefit-icon{
    width: 56px;
    height: 56px;
    background-color: var(--light-blue);
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
}
.benefit-res-icon{
	margin-right: 9px;
}
.description-content-Service-text{
    position: relative;
    background-image: url(./assets/images/service-bg.svg);
    background-color: var(--blue);
    background-position: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding:110px 40px 40px 40px;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
}
.description-content-Service-text::before {
    content: '';
    position: absolute;
    width: 48px;
    height: 48px;
    top: 40px;
    left: 40px;
    background-image: url(./assets/images/Frame1000005427.svg);
}
.description-content-Service-text p:last-child {
    margin-bottom: 0;
}
.service-tabs-content img{
    width:calc(100% - 33px);
}
.service-tabs-content .tab-content-image-box{
    text-align: right;
    line-height: 0;
}
.service-deteils{
    text-align: center;
}
.service-tabs-nav{
    display: inline-block;
}
.service-deteils .tab-nav{
    background-color: var(--light-blue);
}
.service-deteils .tab-nav-item.active{
    background-color: var(--white);
}
.slider-fw{
    overflow: hidden;
}
.slider-fw .swiper,.big-banner-grey-section .swiper{
    overflow: visible;
}
.big-banner-grey-section{
    overflow: hidden;
}
.project-step-card{
    background-color: var(--white);
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    padding: 111px 32px 32px 32px;
    min-height: 415px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: var(--black);
    position: relative;
}
.project-step-card p{
    color: var(--grey);
    font-size: var(--text-size);
    line-height: 140%;
    font-weight: 500;
}
.project-step-card .h5{
    font-weight: 700;
}
.project-step-card::before{
    display: block;
    content: ' ';
    width: 80px;
    height: 60px;
    background-color: var(--light-blue);
    background-image: url(./assets/images/project-step-card.svg);
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    position: absolute;
    top: 32px;
    left: 32px;
    background-repeat: no-repeat;
    background-position: center;
}
.col-dropdown-3{
    justify-content: end;
    display: flex;
    flex-direction: row;
    align-items: end;
    gap: 20px;
}
.video-play-btn{
    display: block;
    width: 80px;
    height: 80px;
    background-image: url(./assets/images/play-icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    transition: transform 0.3s ease;
}
.product-template-default .pgas-blocks .header-wrap-gray-bg-product{
	padding-top:40px;
}
@media screen and (max-width:1600px){
	.container{
		max-width: 95%;
	}
	header.container > .row,.col-auto.buttons-wrap{
		gap: 5px;
	}
	header nav{
		padding: 18px 25px;
	}
}

/* ========================================
   Custom Post Types Styles
   ======================================== */

/* Archive Header */
.archive-header {
    margin-bottom: 40px;
}
.archive-title {
    font-size: var(--h1-size);
    font-weight: 700;
    margin-bottom: 16px;
}
.archive-description {
    font-size: var(--text-size);
    color: var(--grey);
    max-width: 700px;
}

/* Items Grid */
.items-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin-bottom: 40px;
}
@media (max-width: 1200px) {
    .items-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 900px) {
    .items-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 600px) {
    .items-grid {
        grid-template-columns: 1fr;
    }
}

/* Item Card */
.item-card {
    background: var(--white);
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid var(--light-gray);
    transition: all 0.3s ease;
}
.item-card:hover {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
    transform: translateY(-4px);
}
.item-card-link {
    display: block;
    text-decoration: none;
    color: inherit;
}
.item-card-image {
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: var(--light-blue);
}
.item-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}
.item-card:hover .item-card-image img {
    transform: scale(1.05);
}
.item-card-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--grey);
}
.item-card-content {
    padding: 20px;
}
.item-card-category {
    font-size: var(--supertitle-size);
    font-weight: 500;
    color: var(--blue);
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.item-card-title {
    font-size: var(--h5-size);
    font-weight: 600;
    margin-bottom: 8px;
    line-height: 1.3;
}
.item-card-meta {
    font-size: var(--supertitle-size);
    color: var(--grey);
    margin-bottom: 8px;
}
.item-card-excerpt {
    font-size: var(--tabslidetitle-size);
    color: var(--grey);
    line-height: 1.5;
    margin-bottom: 0;
}
.item-card-cta {
    display: inline-block;
    font-size: var(--tabslidetitle-size);
    font-weight: 500;
    color: var(--blue);
    margin-top: 12px;
}

/* Archive Filters */
.archive-filter {
    margin-bottom: 32px;
}
.filter-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
}
.filter-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 20px;
    background: var(--white);
    border: 1px solid var(--light-gray);
    border-radius: 100px;
    font-size: var(--tabslidetitle-size);
    font-weight: 500;
    color: var(--black);
    text-decoration: none;
    transition: all 0.2s ease;
}
.filter-item:hover {
    border-color: var(--blue);
    color: var(--blue);
}
.filter-item.active {
    background: var(--blue);
    border-color: var(--blue);
    color: var(--white);
}
.filter-count {
    font-size: 12px;
    opacity: 0.7;
}
.filter-tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}
.filter-tags-label {
    font-size: var(--supertitle-size);
    color: var(--grey);
    font-weight: 500;
}
.filter-tag {
    padding: 6px 12px;
    background: var(--light-blue);
    border-radius: 100px;
    font-size: var(--supertitle-size);
    font-weight: 500;
    color: var(--blue);
    text-decoration: none;
    transition: all 0.2s ease;
}
.filter-tag:hover {
    background: var(--blue);
    color: var(--white);
}

/* Post Type Tabs */
.post-type-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 24px;
    padding: 6px;
    background: var(--light-blue);
    border-radius: 8px;
    width: fit-content;
}
.post-type-tab {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 20px;
    border-radius: 6px;
    font-size: var(--tabslidetitle-size);
    font-weight: 500;
    color: var(--black);
    text-decoration: none;
    transition: all 0.2s ease;
}
.post-type-tab:hover {
    background: var(--white);
}
.post-type-tab.active {
    background: var(--white);
    color: var(--blue);
}
.tab-count {
    font-size: 12px;
    opacity: 0.6;
}

/* Subcategories */
.subcategories {
    margin-top: 20px;
}
.subcategories-label {
    font-size: var(--tabslidetitle-size);
    font-weight: 600;
    color: var(--black);
    margin-bottom: 8px;
    display: block;
}
.subcategories-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.subcategories-list li a {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 8px 16px;
    background: var(--light-blue);
    border-radius: 100px;
    font-size: var(--supertitle-size);
    font-weight: 500;
    color: var(--blue);
    text-decoration: none;
    transition: all 0.2s ease;
}
.subcategories-list li a:hover {
    background: var(--blue);
    color: var(--white);
}
.subcategories-list .count {
    font-size: 11px;
    opacity: 0.7;
}

/* Single CPT Styles */
.single-product:not(body),
.single-resource:not(body),
.single-service:not(body),
.single-project:not(body) {
    padding-bottom: 60px;
}
.product-header,
.resource-header,
.service-header,
.project-header {
    margin-bottom: 40px;
    padding-top: 20px;
}
.product-title,
.resource-title,
.service-title,
.project-title {
    font-size: var(--h1-size);
    font-weight: 700;
    margin: 20px 0 16px;
}
.product-categories,
.resource-categories,
.service-categories,
.project-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
}
.product-category,
.resource-category,
.service-category,
.project-category {
    display: inline-block;
    padding: 6px 14px;
    background: var(--light-blue);
    border-radius: 100px;
    font-size: var(--supertitle-size);
    font-weight: 500;
    color: var(--blue);
    text-decoration: none;
}
.product-category:hover,
.resource-category:hover,
.service-category:hover,
.project-category:hover {
    background: var(--blue);
    color: var(--white);
}
.product-meta,
.resource-meta,
.service-meta,
.project-meta {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: var(--supertitle-size);
    color: var(--grey);
}
.product-content-wrapper,
.resource-content-wrapper,
.service-content-wrapper,
.project-content-wrapper {
    margin-bottom: 40px;
}
.product-featured-image,
.resource-featured-image,
.service-featured-image,
.project-featured-image {
    margin-bottom: 32px;
    border-radius: 16px;
    overflow: hidden;
}
.product-featured-image img,
.resource-featured-image img,
.service-featured-image img,
.project-featured-image img {
    width: 100%;
    height: auto;
}
.product-content,
.resource-content,
.service-content,
.project-content {
    font-size: var(--text-size);
    line-height: 1.7;
}
.product-content p,
.resource-content p,
.service-content p,
.project-content p {
    margin-bottom: 1.5em;
}
.product-tags,
.resource-tags,
.service-tags,
.project-tags {
    padding-top: 24px;
    border-top: 1px solid var(--light-gray);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}
.tags-label {
    font-size: var(--tabslidetitle-size);
    font-weight: 500;
    color: var(--grey);
}
.product-tag,
.resource-tag,
.service-tag,
.project-tag {
    display: inline-block;
    padding: 6px 14px;
    background: var(--light-blue);
    border-radius: 100px;
    font-size: var(--supertitle-size);
    font-weight: 500;
    color: var(--black);
    text-decoration: none;
}
.product-tag:hover,
.resource-tag:hover,
.service-tag:hover,
.project-tag:hover {
    background: var(--blue);
    color: var(--white);
}

/* Related Items Section */
.related-items {
    padding: 60px 0;
    background: var(--light-blue);
    margin-top: 60px;
}
.related-title {
    font-size: var(--h2-size);
    font-weight: 700;
    margin-bottom: 32px;
    text-align: center;
}
.related-grid {
    margin-bottom: 32px;
}
.related-grid .item-card {
    background: var(--white);
}
.related-view-all {
    text-align: center;
}

/* No Results */
.no-results {
    padding: 80px 20px;
    text-align: center;
}
.no-results-content {
    max-width: 500px;
    margin: 0 auto;
}
.no-results-icon {
    color: var(--grey);
    margin-bottom: 24px;
}
.no-results-title {
    font-size: var(--h3-size);
    font-weight: 700;
    margin-bottom: 16px;
}
.no-results-description {
    font-size: var(--text-size);
    color: var(--grey);
    margin-bottom: 24px;
}

/* Button Outline */
.button-outline {
    display: inline-block;
    padding: 14px 32px;
    border: 2px solid var(--blue);
    border-radius: 100px;
    font-size: var(--text-size);
    font-weight: 500;
    color: var(--blue);
    text-decoration: none;
    transition: all 0.2s ease;
}
.button-outline:hover {
    background: var(--blue);
    color: var(--white);
}

/* Breadcrumbs enhancements for CPT */
.breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    font-size: var(--supertitle-size);
    color: var(--grey);
}
.breadcrumbs a {
    color: var(--grey);
    text-decoration: none;
    transition: color 0.2s ease;
}
.breadcrumbs a:hover {
    color: var(--blue);
}
.breadcrumb-separator {
    color: var(--light-gray);
}
.breadcrumb-current {
    color: var(--black);
    font-weight: 500;
}

/* ========================================
   Block Styles
   ======================================== */

/* Grid Columns */
.grid-cols-2 {
    grid-template-columns: repeat(2, 1fr);
}
.grid-cols-3 {
    grid-template-columns: repeat(3, 1fr);
}
.grid-cols-4 {
    grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1200px) {
    .grid-cols-4 {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 900px) {
    .grid-cols-3,
    .grid-cols-4 {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 600px) {
    .grid-cols-2,
    .grid-cols-3,
    .grid-cols-4 {
        grid-template-columns: 1fr;
    }
}

/* Featured Products Block */
.pgas-block--featured-products {
    padding: 80px 0;
}
.featured-products-header {
    text-align: center;
    margin-bottom: 48px;
}
.featured-products-title {
    font-size: var(--h2-size);
    font-weight: 700;
    margin-bottom: 16px;
}
.featured-products-subtitle {
    font-size: var(--text-size);
    color: var(--grey);
    max-width: 600px;
    margin: 0 auto;
}
.featured-products-grid {
    margin-bottom: 48px;
}
.featured-products-footer {
    text-align: center;
}

/* Related Items Block */
.pgas-block--related-items {
    padding: 80px 0;
}
.related-items-section {
    padding: 60px 0;
}
.related-items--light {
    background: var(--light-blue);
}
.related-items--dark {
    background: var(--black);
}
.related-items--dark .related-items-title {
    color: var(--white);
}
.related-items--dark .item-card {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
}
.related-items--dark .item-card-title {
    color: var(--white);
}
.related-items--dark .item-card-excerpt {
    color: rgba(255, 255, 255, 0.7);
}
.related-items-title {
    font-size: var(--h2-size);
    font-weight: 700;
    margin-bottom: 40px;
    text-align: center;
}
.related-items-grid {
    margin-bottom: 0;
}

/* ===========================================
   Posts by Category Block (Grouped Mode)
   =========================================== */
.pgas-block--projects-by-category {
    padding: 60px 0;
}

/* Category Section */
.category-section {
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid var(--light-grey);
}

.category-section:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

/* Category Header */
.category-header {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    margin-bottom: 30px;
}

.category-image {
    flex-shrink: 0;
    width: 120px;
    height: 120px;
    border-radius: 12px;
    overflow: hidden;
    background: var(--grey-block);
}

.category-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.category-info {
    flex: 1;
}

.category-title {
    font-size: var(--h3-size);
    font-weight: 700;
    margin-bottom: 8px;
}

.category-title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s;
}

.category-title a:hover {
    color: var(--blue);
}

.category-description {
    font-size: var(--text-size);
    color: var(--grey);
    margin-bottom: 12px;
    max-width: 600px;
}

.category-count {
    display: inline-block;
    font-size: 14px;
    color: var(--grey);
    padding: 4px 12px;
    background: var(--grey-block);
    border-radius: 20px;
}

.category-empty {
    font-size: var(--text-size);
    color: var(--grey);
    font-style: italic;
    padding: 20px;
    background: var(--grey-block);
    border-radius: 8px;
    text-align: center;
}
.single-project header.container{
	position: relative;
    z-index: 9999;
    margin-bottom: -112px;
}
.block-proj-head{
	-webkit-border-bottom-right-radius: 100px;
	-webkit-border-bottom-left-radius: 100px;
	-moz-border-radius-bottomright: 100px;
	-moz-border-radius-bottomleft: 100px;
	border-bottom-right-radius: 100px;
	border-bottom-left-radius: 100px;
	overflow:hidden;
}
.block-proj-head-descr-cont{
	position: relative;
    margin-top: -1px;
	height: 100%;
}
.block-proj-head-descr{
	position: absolute;
    bottom: 169px;
    max-width: 630px;
}
.block-proj-head-slider-nav{
	position: absolute;
    right: 0;
    bottom: 168px;
}
.block-proj-head-slider-nav .swiper-pagination-fraction{
	width: 108px;
    bottom: 0px;
    right: 196px;
    left: unset;
    font-size: var(--text-size);
    padding: 17px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
}
.block-proj-head-descr-bg{
	width:100%;
	aspect-ratio:1920/912;
	background-position:bottom center;
	background-size:cover;
}
.row-fool-descr{
	padding: 35px 55px;
    margin-top: -104px;
    position: relative;
    z-index: 3;
    background: #fff;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}
.row-fool-descr .h3,.row-fool-descr .h6{
	font-weight:700;
}
.row-fool-descr .col-7{
	position:relative;
	padding-right:56px;
}
.row-fool-descr .col-5{
	position:relative;
	padding-left:56px;
}
.row-fool-descr .col-7:after{
	display: block;
    content: '';
    width: 1px;
    background-color: var(--light-blue);
	top:10px;
	bottom:10px;
	right:0;
	position: absolute;
}
.project-bage-sistem{
	margin-bottom:24px;
}
.abpj_row{
	display: flex;
    gap: 48px;
}
.abpj_item{
	display: flex;
    gap: 12px;
    align-items: center;
}
.abpj_icon{
	border: 1px solid #005AAA66;
    background: #005AAA1A;
    width: 70px;
    height: 70px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.abpj_t{
	font-weight: 700;
	font-size: 18px;
	line-height: 140%;
}
.abpj_p{
	font-weight: 500;
	font-size: 18px;
	line-height: 140%;
}
.dwgItemRow{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 24px;
	grid-row-gap: 24px;
}
.dwgItemRow .dwgItem{
	flex-direction: column;
    justify-content: end;
    align-items: flex-start;
	aspect-ratio: 328 / 192;
}
.dwgItemRow .dwgItem::after{
	display:none;
}
.dwgItem span.dwgItemT{
	color:#0963AC;
	font-weight:700;
}
.pgas-block--project-head{
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
	padding-bottom:100px;
	background-color:#F1F3FA;
}

@media screen and (min-width: 992px) and (max-width: 1770px) {
	.big-banner-section > .container{
		padding-left:30px;
		padding-right:30px;
	}
}
/* Responsive */
@media (max-width: 900px) {
	.accordion-select-content.no-select{
		max-height: initial;
	}
}
@media (max-width: 767px) {
    .category-header {
        flex-direction: column;
        gap: 16px;
    }

    .category-image {
        width: 100%;
        height: 160px;
    }

    .category-section {
        margin-bottom: 40px;
        padding-bottom: 40px;
    }
}

/* ==========================================================================
   Form Validation Styles
   ========================================================================== */

/* Error state for inputs */
.has-error {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 2px rgba(220, 53, 69, 0.15) !important;
}

/* Error message */
.field-error {
    display: block;
    color: #dc3545;
    font-size: 12px;
    margin-top: 4px;
    font-weight: 500;
}

/* Form messages */
.form-message {
    padding: 12px 16px;
    border-radius: 8px;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 500;
}

.form-message-success {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.form-message-error {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

/* Subscribe form validation */
.subscribe-row .form-group {
    position: relative;
}

.subscribe-row .field-error {
    white-space: nowrap;
	color: #ffbfbf;
}

.subscribe-row .form-message {
    grid-column: 1 / -1;
    margin-bottom: 0;
}

/* Contact popup form validation */
.contact-popup-form .form-group {
    position: relative;
}

.contact-popup-form .field-error {
    position: absolute;
    bottom: -16px;
    left: 0;
}

.contact-popup-form .has-error {
    border-color: #dc3545 !important;
}

.contact-popup-form .form-message {
    margin-bottom: 16px;
}

/* Button disabled state */
button[type="submit"]:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

/* Body lock when popup open */
body.popup-open {
    overflow: hidden;
}

/* ========================================
   RESOURCES FILTER
   ======================================== */

.resources-grid {
    position: relative;
    min-height: 200px;
    transition: opacity 0.3s ease;
}

.resources-grid.loading {
    opacity: 0.5;
    pointer-events: none;
}

.resources-grid.loading::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid var(--blue);
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.resources-grid .no-results {
    grid-column: 1 / -1;
    text-align: center;
    padding: 60px 20px;
    color: var(--grey);
}

.resources-grid .no-results p {
    margin: 0;
    font-size: 16px;
}

/* Pagination */
.pagination {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pagination-item {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 12px;
    font-size: 14px;
    font-weight: 500;
    color: var(--black);
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.pagination-item:hover:not(.dots):not(.active) {
    border-color: var(--blue);
    color: var(--blue);
}

.pagination-item.active {
    background: var(--blue);
    border-color: var(--blue);
    color: #fff;
}

.pagination-item.dots {
    border: none;
    background: none;
    cursor: default;
    min-width: auto;
    padding: 0 4px;
}

.pagination-item.pagination-prev,
.pagination-item.pagination-next {
    padding: 0 10px;
}

.pagination-item.pagination-prev svg,
.pagination-item.pagination-next svg {
    width: 8px;
    height: 14px;
}
@media (min-width: 1540px) {
	.mob-logo{
		display:none;
	}
}
@media (min-width: 1200px) {
	.xs-logo{
		display:none;
	}
}
@media (max-width: 1200px) {
	.mob-logo{
		display:none;
	}
	header.container > .row{
		padding: 8px 12px 8px 1px;
	}
	header.container {
		padding-top: 8px;
	}
	.big-banner.mt20{
		margin-top: 8px;
	}
}
@media (max-width: 1540px) {
	.desct-logo{
		display:none;
	}
	header nav .nav-item > a,header.container .button{
		font-size: 14px;
	}
	.button.dotStyle{
		padding-right: 24px;
	}
	.dotStyle::after{
		display:none;
	}
	header.container > .row, .col-auto.buttons-wrap{
		gap: 24px;
	}
	.contact-wrap-text a{
		font-size: 18px;
	}
	.greed-gray-box-item .h6{
		font-size: 16px;
	}
	.cat-box-item a{
		font-size: 14px;
	}
}
@media (max-width: 1199px) {
	.nav-wrap,.contact-wrap,.buttons-wrap{
		display:none!important;
	}
}

/* ==========================================================================
   Mobile Menu Styles
   ========================================================================== */

/* Burger Button - Hidden on desktop */
.mobile-menu-burger {
	display: none;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 32px;
    height: 32px;
    padding: 0px;
    background: #fff;
	border: none;
	cursor: pointer;
	z-index: 1001;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
}

.mobile-menu-burger .burger-line {
	display: block;
	width: 20px;
	height: 2px;
	background-color: #0963AC;
	margin: 3px 0;
	transition: transform 0.3s ease, opacity 0.3s ease;
	border-radius: 2px;
}

/* Mobile Menu Container - Hidden by default */
.mobile-menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #F1F3FA;
	z-index: 9999;
	transform: translateX(100%);
	transition: transform 0.3s ease;
	overflow: hidden;
	display: none;
}

.mobile-menu.active {
	transform: translateX(0);
}

/* Mobile Menu Overlay */
.mobile-menu-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 9998;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease;
	display: none;
}

.mobile-menu-overlay.active {
	opacity: 1;
	visibility: visible;
}

/* Mobile Menu Header */
.mobile-menu-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 16px 30px;
}

.mobile-menu-logo img {
	height: 17px;
	width: auto;
}

.mobile-menu-close {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	background: #fff;
	border: none;
	cursor: pointer;
	color: #0963AC;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
}

.mobile-menu-close:hover {
	color: #0963AC;
}

/* Mobile Menu Panels Container */
.mobile-menu-panels {
	position: relative;
	height: calc(100% - 73px);
	overflow: hidden;
}

/* Individual Panel */
.mobile-menu-panel {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #F1F3FA;
	display: none;
	flex-direction: column;
}
header nav.mobile-nav{
	padding: 14px 0px;
}
.mobile-menu-panel.active {
	display: flex;
}

/* Panel Header with Back Button */
.mobile-menu-panel-header {
	padding: 0;
	border-bottom: 1px solid #E5E5E5;
}

.mobile-menu-back {
	display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 16px 20px;
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: 18px;
    font-weight: 700;
    color: #6F6F6F;
    text-align: left;
}

.mobile-menu-back svg {
	flex-shrink: 0;
	color: #0963AC;
}

.mobile-menu-back:hover {
	background-color: #F5F5F5;
}

/* Panel Content */
.mobile-menu-panel-content {
	flex: 1;
	overflow-y: auto;
	padding: 20px 30px;
}

/* Navigation List */
.mobile-nav-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.mobile-nav-list {
	width:100%;
}
.mobile-nav-list li {
	display:block;
}

.mobile-nav-list li:last-child {
	border-bottom: none;
}

.mobile-nav-list a {
	display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    font-size: 18px;
    font-weight: 700;
    color: #343434!important;
    text-decoration: none;
    transition: color 0.2s ease;
    width: 100%;
}
.mobile-nav-list .mobile-menu-panel a{
	font-size: 18px;
}

.mobile-nav-list a:hover {
	color: #0963AC;
}

/* Arrow indicator for items with submenu */
.mobile-nav-list a.has-submenu::after {
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	border-right: 2px solid #343434;
	border-bottom: 2px solid #343434;
	transform: rotate(-45deg);
	flex-shrink: 0;
	margin-left: 12px;
}

/* Menu item with icon */
.mobile-nav-list a.has-icon {
	justify-content: flex-start;
	gap: 12px;
}

.mobile-nav-list a.has-icon.has-submenu {
	justify-content: flex-start;
}

.mobile-menu-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	flex-shrink: 0;
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
}

.mobile-menu-icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	max-width:65px;
	max-height:65px;
}

.mobile-menu-text {
	flex: 1;
}

/* Arrow for items with icon and submenu */
.mobile-nav-list a.has-icon.has-submenu::after {
	margin-left: auto;
}

/* Contact Info in Mobile Menu */
.mobile-menu-contact {
	margin-top: 24px;
	padding-top: 24px;
	border-top: 1px solid #E5E5E5;
	text-align: center;
}

.mobile-menu-phone {
	display: block;
	font-size: 20px;
	font-weight: 600;
	color: #0963AC;
	text-decoration: none;
	margin-bottom: 4px;
}

.mobile-menu-hours {
	display: block;
	font-size: 14px;
	color: #666;
}

/* Buttons in Mobile Menu */
.mobile-menu-buttons {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-top: 24px;
}

.mobile-menu-buttons .button {
	width: 100%;
	text-align: center;
	justify-content: center;
}
.mobile-menu-panels .contact-wrap{
	display: flex !important;
    justify-content: center;
    margin-top: 32px;
}
.mobile-menu-panels .buttons-wrap{
	display: flex !important;
    justify-content: center;
    flex-direction: column;
	gap: 10px;
}
.mobile-menu-panels .buttons-wrap .button{
	display: block;
	width: 100%;
}
/* Panel Animations */
.mobile-menu-panel.slide-in-right {
	animation: slideInRight 0.3s ease forwards;
}

.mobile-menu-panel.slide-out-left {
	animation: slideOutLeft 0.3s ease forwards;
}

.mobile-menu-panel.slide-in-left {
	animation: slideInLeft 0.3s ease forwards;
}

.mobile-menu-panel.slide-out-right {
	animation: slideOutRight 0.3s ease forwards;
}
.grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}
.radio-group {
	margin: 20px 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    position: relative;
	align-items: center;
}

.radio-group p {
    font-size: 18px;
    margin-bottom: 8px;
}

.radio-group label {
	margin-right: 20px;
    font-size: 18px;
    line-height: 24px;
    position: relative;
    top: initial;
    left: initial;
    display: inline-flex;
    align-items: center;
	pointer-events: auto;
}
.radio-group input {
	width: 24px;
    height: 24px;
}
.contact-popup-content small{
	font-size:12px;
	color:#6F6F6F;
}
.page-template-template-about .header-wrap-gray-bg{
	height:912px;
	background-size:cover;
	background-position:center;
}
.about-head.container{
	display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: end;
    padding-bottom: 95px;
}
.about-head.container > div{
	max-width:1400px;
	font-weight:700;
	font-size:90px;
}
.about-head.container > p{
	max-width:890px;
	display:block;
}
.resource-template-default .header-prod{
	padding-bottom:20px;
}
.cat-box-item{
	display:none;
}


@keyframes slideInRight {
	from {
		transform: translateX(100%);
	}
	to {
		transform: translateX(0);
	}
}

@keyframes slideOutLeft {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-100%);
	}
}

@keyframes slideInLeft {
	from {
		transform: translateX(-100%);
	}
	to {
		transform: translateX(0);
	}
}

@keyframes slideOutRight {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(100%);
	}
}

/* Body scroll lock when menu is open */
body.mobile-menu-open {
	overflow: hidden;
}

/* Main panel doesn't need header */
.mobile-menu-panel--main .mobile-menu-panel-header {
	display: none;
}
.header-prod{
	background: rgba(241, 243, 250, 1);
}
/* ==========================================================================
   Mobile Menu - Show only on mobile (max-width: 1199px)
   ========================================================================== */
@media (max-width: 1600px) {
	.big-banner-2-content-image{
		left: 839px;
	}
}
@media (max-width: 1199px) {
	.mobile-menu-burger {
		display: flex;
	}

	.mobile-menu,
	.mobile-menu-overlay {
		display: block;
	}
	.big-banner-2-content-image{
		right:auto;
	}
}

@media (min-width: 992px) {
	.dropdown-wrapper{
		max-width:300px;
	}
}
@media (max-width: 1199px) {
	.mobile-nav .menu-item-has-children > a::after {
		display: none;
	}
	.mobile-nav-list .sub-menu {
		display: none !important;
	}
	
	.subscribe-row .col-4{
		display:none;
	}
	.subscribe-row .col-8, .cont-gap:not(.cont-gap-last) .col-3, .cont-gap:not(.cont-gap-last) .col-9,.subscribe-row .col-8 p{
		flex: 0 0 100%!important;
		max-width: 100%!important;

	}
	.cont-gap-last .col-3, .cont-gap-last .col-9,.subscribe-row .col-8 p{
		flex: 0 0 calc(50% - 10px);
		max-width: calc(50% - 10px);

	}
	.subscribe-row .form-group {
		flex: auto;
	}
	.cont-gap:not(.cont-gap-last) > .row{
		flex-direction: column-reverse;
	}
	.footer-logo-adress-row{
		display:flex;
	}
	.footer-logo-adress-row div{
		display:inline-block;
		width:50%;
	}
	.footer-adress-title{
		margin-bottom: 17px;
	}
	.footer-adr-text{
		margin-bottom: 13px;
	}
	.footer-links-col-title,.footer-adress-title{
		font-size:16px;
	}
	.footer-links-col a,.footer-adr-text{
		font-size:12px;
	}
	.footer-logo-adress img{
		max-width:200px;
	}
	.cont-gap-last .row2col{
		grid-template-columns: repeat(1, 1fr);
	}
	.social-links{
		justify-content: left;
	}
	.social-links a{
		width: 40px;
		height: 40px;
	}
	.social-links a img{
		max-width: 20px;
		max-height: 20px;
	}
	.policy{
		margin-top:20px;
	}
	.last-news-col{
		overflow:hiden;
	}
	.last-news-tab-slide-image{
		width:100%;
	}
	.pgas-block--news-slider .container{
		overflow:hidden;
	}
}
@media (max-width: 992px) {
	.big-banner .h1{
		font-size:40px;
		text-align:center;
		width: calc(100% - 140px);
	}
	.gray-bg-box{
		padding-bottom:189px;
	}
	.item-image-1{
		top: 231px;
		left: 0;
	}
	.item-image-2{
		top: 231px;
		left: 0;
	}
	.pgas-block--products .row2col,.pgas-block--service .row2col{
		display: flex;
	}
	.pgas-block--products .big-block-head .col,.pgas-block--service .col{
		flex: auto;
	}
	.button{
		font-size: 14px;
	}
	.greed5-2{
		grid-template-columns: repeat(1, 1fr);
	}
	.greed-gray-box-item .h6 {
        font-size: 20px;
    }
	.big-block-tab-slide-image{display:none;}
	.big-slider-row2{
		flex-direction:column;
	}
	.big-slider-row2-image,.big-block-tab-slides-row-innerSlides{width:100%;}
	.big-slider-row2-image{
		height:200px;
	}
	.big-block-tab-slides-row-innerSlides{
		min-height:auto;
	}
	.big-block-tab-slides-row-innerSlides .swiper-initialized{
		padding-bottom:80px;
	}
	.big-block-tab-slides-row-innerSlides .button.dotStyle{
		width: 100%;
	}
	.big-banner-2{
		min-height:350px;
	}
	.pgas-block--service .container:last-child .row2col {
		flex-direction: column;
	}
	.series-card-head-img img {
		max-width: 32px;
		max-height: 32px;
	}
	.series-card-head-img{
		width: 60px;
		height: 60px;
		margin-right: 16px;
	}
	.series-card-head-title{
		width: calc(100% - 76px);
	}
	.big-banner-2-content-image{
		display:none;
	}
	.header-wrap-gray-bg {
		padding-bottom: 16px;
		-webkit-border-bottom-right-radius: 16px;
		-webkit-border-bottom-left-radius: 16px;
		-moz-border-radius-bottomright: 16px;
		-moz-border-radius-bottomleft: 16px;
		border-bottom-right-radius: 16px;
		border-bottom-left-radius: 16px;
	}
	.breadcrumbs li + li::before{
		top: 5px;
	}
	.header-wrap-gray-bg header.container > .row,.header-prod  header.container > .row{
		background-color: #fff;
	}
	.header-wrap-gray-bg .mobile-menu-burger, .header-prod .mobile-menu-burger{
		background: rgba(241, 243, 250, 1);
	}
	.big-banner-grey-section {
		border-radius: 16px;
		-moz-border-radius: 16px;
		-webkit-border-radius: 16px;
		padding-top: 16px;
		padding-bottom: 16px;
	}
}
@media (max-width: 1275px) {
	.big-block-tab-slide-image{
		display: none;
	}
	.big-block-tab-slide br{
		display:none;
	}
}
@media (max-width: 1400px) {
	.pgas-block--choose {
        overflow: hidden;
    }
	.big-banner-section {
        overflow: hidden;
    }
	.pgas-block--choose .big-banner-section .container {
        max-width: 100%;
        padding-left: 40px;
    }
	.pgas-block--choose .big-banner-section .container {
        padding-left: 0px;
        padding-top: 32px;
        padding-bottom: 32px;
    }
	.pgas-block--choose .ychoice:first-child{
		margin-left:16px;
	}
	.pgas-block--choose .ychoice:last-child{
		margin-right:16px;
	}
	.pgas-block--choose .row {
        display: block;
    }
	.pgas-block--choose .big-banner-section .row {
        flex-direction: column;
    }
	.big-banner-section .col-left {
        padding-left: 16px;
        padding-right: 16px;
    }
	.pgas-block--choose .col-left + .col {
        overflow-x: scroll;
        overflow-y: hidden;
    }
	.pgas-block--choose .col .row2col {
        display: flex;
        flex-direction: row;
        padding-top: 40px;
    }
	.pgas-block--choose .col .row2col {
        display: inline-flex;
    }
    .pgas-block--choose .ychoice {
        width: 330px;
    }
	.big-banner-section{
		border-radius: 16px;
		-moz-border-radius: 16px;
		-webkit-border-radius: 16px;
	}
}
@media (max-width: 900px) {
	.description-content{
		display:block;
	}
	.description-top-content{
		padding-bottom:30px;
		padding-top: 30px;
	}
	.description-content .col-7,.description-content .col-5,.accordion-select-box{
		flex: 0 0 100%;
		max-width: 100%;
	}
	.accordion-select-box{
		margin-right:0;
	}
	.accordion-select-content{
		max-height: unset;
		min-height: unset;
	}
	.tab-content-image-box img{
		width:100%;
		max-width:100%;
	}
	.block-proj-head-descr-bg{
		aspect-ratio: 375 / 500;
	}
	.block-proj-head-slider-nav{
		display:none;
	}
	.block-proj-head-descr .h1{
		font-size:32px;
		margin-bottom:8px;
	}
	.block-proj-head{
		-webkit-border-bottom-right-radius: 16px;
		-webkit-border-bottom-left-radius: 16px;
		-moz-border-radius-bottomright: 16px;
		-moz-border-radius-bottomleft: 16px;
		border-bottom-right-radius: 16px;
		border-bottom-left-radius: 16px;
	}
	.block-proj-head-descr{
		bottom: 110px;
	}
	.row-fool-descr{
		padding: 20px 20px;
	}
	.row-fool-descr > .row .col-7,.row-fool-descr > .row .col-5{
		flex: 0 0 100%;
		max-width: 100%;
		padding-right: 0px;
		padding-left: 0px;
	}
	.row-fool-descr > .row .col-7{
		padding-bottom: 24px;
	}
	.row-fool-descr > .row .col-5{
		padding-top: 24px;
	}
	.abpj_row{
		flex-wrap: wrap;
	}
	.row-fool-descr .col-7:after{
		width: auto;
		background-color: var(--light-blue);
		top: auto;
		bottom: 0px;
		right: 10px;
		left: 10px;
		height: 1px;
	}
	.dwgItemRow{
		grid-template-columns: repeat(1, 1fr);
		grid-template-rows: repeat(1, 1fr);
	}
	.pgas-block--project-head{
		-webkit-border-bottom-right-radius: 16px;
		-webkit-border-bottom-left-radius: 16px;
		-moz-border-radius-bottomright: 16px;
		-moz-border-radius-bottomleft: 16px;
		border-bottom-right-radius: 16px;
		border-bottom-left-radius: 16px;
		padding-bottom:20px;
	}
	.cat-box-item {
        display: none;
    }
	.dwgItemRow .dwgItem{
		aspect-ratio: 295 / 168;
	}
	
}
@media (max-width: 768px) {
	.pgas-block--choose{
		overflow:hidden;
	}
	.series-card{
		padding: 24px;
	}
	.series-card-head-title .h4{
		margin-bottom: 0px;
	}
	.inline-buttons{
		margin: 20px 0 0 0;
	}
	.pgas-block--choose .big-banner-section .pb100{
		padding-bottom: 56px;
	}
	.pgas-block--choose .big-banner-section .pt100{
		padding-top: 56px;
	}
	.pgas-block--choose .big-banner-section .container{
		max-width: 100%;
        padding-left: 40px;
	}
	.pgas-block--choose .big-banner-section .row{
		flex-direction: column;
	}
	.pgas-block--choose .big-banner-section .row2col{
		flex-direction: column;
	}
	.pgas-block--choose .ychoice{
		width:330px;
	}
	.pgas-block--choose .col .row2col{
		display: flex;
		flex-direction: row;
		padding-top: 40px;
	}
	.big-banner-section{
		overflow: hidden;
	}
	.big-banner-section .col-left .button{
		width:200px;
	}
	.big-banner-section .col-left{
		padding-right:40px;
	}
	.ychoice .h4{
		margin: 24px 0 13px 0;
	}
	.ychoice p,.cont-gap-last .col-3 p, .cont-gap-last .col-3 p a{
		font-size:14px;
		line-height: 17px;
	}
	.big-banner-section{
		border-radius: 16px;
		-moz-border-radius: 16px;
		-webkit-border-radius: 16px;
	}
	.cont-gap-last .col-3, .cont-gap-last .col-9, .subscribe-row .col-8 p {
        flex: 0 0 100%;
        max-width: 100%;
    }
	.cont-gap-last .col-9,.cont-gap-last .col-3,.footer-logo-adress,.footer-nav-col{
		padding: 16px 16px;
	}
	.policy {
        margin-top: 12px;
    }
	.copyright{
		font-size:12px;
	}
	.footer-logo-adress-row {
        flex-direction: column;
    }
	.footer-logo-adress-row div{
		width: 100%;
	}
	.footer-logo-adress > a{
		display:none;
	}
	.footer-adress-title:first-child{
		margin-top:0;
	}
	.slider-with-nav .swiper {
		overflow: visible;
	}

	.slider-with-nav .swiper-wrapper {
		/* Height for 3 rows - adjust based on slide content */
		height: auto !important;
	}

	.slider-with-nav .swiper-slide {
		height: auto !important;
		margin-bottom: 16px;
	}

	/* Adjust slide content for vertical stacking */
	.slider-with-nav .swiper-slide:last-child {
		margin-bottom: 0;
	}
	.footer-nav-col .row {
		flex-direction: column;
		gap: 0;
	}

	.footer-links-col:last-child {
		border-bottom: none;
	}

	.footer-links-col-title {
		position: relative;
		cursor: pointer;
		padding: 8px 0;
		margin: 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.footer-links-col-title::after {
		content: '';
		width: 12px;
		height: 12px;
		border-right: 2px solid var(--white);
		border-bottom: 2px solid var(--white);
		transform: rotate(45deg);
		transition: transform 0.3s ease;
		flex-shrink: 0;
	}

	.footer-links-col.is-open .footer-links-col-title::after {
		transform: rotate(-135deg);
	}

	.footer-links-col ul {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.3s ease, padding 0.3s ease;
		padding: 0;
	}

	.footer-links-col.is-open ul {
		max-height: 500px;
		padding-bottom: 16px;
	}
	.footer-links-col li{
		max-width:100%;
	}
	.subscribe-row .form-row{
		flex-direction: column;
		gap: 8px;
	}
	.subscribe-row  button[type="submit"]{
		margin-top:8px;
		width: 100%;
	}
	.subscribe-row .col-8{
		padding:0 16px;
	}
	.subscribe-row{
		padding: 16px 0 16px 0;
	}
	.footer-block {
		padding: 16px 0 20px 0;
		-webkit-border-top-left-radius: 16px;
		-webkit-border-top-right-radius: 16px;
		-moz-border-radius-topleft: 16px;
		-moz-border-radius-topright: 16px;
		border-top-left-radius: 16px;
		border-top-right-radius: 16px;
		background-color: var(--blue);
	}
	.footer-block .container{
		max-width: calc(100% - 32px);
	}
	.subscribe-row .form-group{
		margin-right: 0;
	}
	.subscribe-row .col-8 p,.form-note,.big-block-tab-slide{
		font-size:10px;
	}
	.big-block .row2col,.pgas-block--2-block .row2col,.projects-catalog-head{
		grid-template-columns: repeat(1, 1fr);
	}
	.projects-catalog-head .col-8,.projects-catalog-head .col-4{
		flex: 0 0 100%;
		max-width: 100%;
	}
	.big-block .col-align-end{
		align-items: flex-start;
	}
	.last-news-col {
		margin-top: 32px;
	}
	.big-block .h2{
		margin-bottom: 8px;
	}
	.big-block p,.big-banner-section .col-left p,.series-card-head-title p,.big-banner-2 p,.big-block-tab-slides-row-innerSlides p{
		font-size:12px;
	}
	.last-news-tab-slide p,.big-block-tab-slides-row-innerSlides-list li, .big-block-tab-slides-row-innerSlides-list li a{
		font-size:14px;
	}
	.last-news-tab-slide .h4{
		margin-top: 12px;
	}
	.pgas-block--choose .big-banner-section .container{
		padding-left: 0px;
		padding-top: 32px;
		padding-bottom: 32px;
	}
	.big-banner-section .col-left{
		padding-right: 16px;
	}
	.pgas-block--products .row2col, .pgas-block--service .row2col {
        flex-direction: column;
    }
	.pgas-block--choose .row{
		display:block;
	}
	.pgas-block--choose .col .row2col{
		display: inline-flex;
	}
	.series-card .button{
		padding: 16px 24px;
	}
	.big-banner-2{
		padding: 66px 40px;
	}
	.big-block-tab-slides-row-innerSlides .swiper-slide {
		padding: 24px;
	}
	.big-block-tab-slides-row-innerSlides .swiper-button-next{
		right: 24px;
	}
	.big-block-tab-slides-row-innerSlides .swiper-button-prev{
		right: 120px;
	}
	.big-block-tab-slides-row-innerSlides .swiper-pagination{
		left: 20px;
		padding: 17px 14px;
	}
	.big-block-tab-slides-row-innerSlides-list li, .big-block-tab-slides-row-innerSlides-list li a{
		margin-bottom: 10px;
	}
	.big-block-tab-slide{
		min-height: auto;
	}
	.big-block-tab-slides-container {
		padding-bottom: 32px;
	}
	.greed-gray-box-item .h6 {
        font-size: 16px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
    }
	.cat-box-item{
		display:none;
	}
	.greed-gray-box-item{
		min-height: 240px;
	}
	.greed-gray-box-image-box{
		min-height: 180px;
	}
	.big-banner .h1 {
        font-size: 32px;
        width: 100%;
        padding: 0 40px;
    }
	.pgas-block--big-banner p{
		padding: 0 40px;
	}
	.row.banner-buttons{
		flex-direction:column;
	}
	.row.banner-buttons .button{
		width:100%;
	}
	.row3col{
		grid-template-columns: repeat(1, 1fr);
	}
	.project-specifications p:before{
		top: -3px;
	}
	.greed5-2 .button-white{
		bottom: 10px;
		right: 10px;
		transform: scale(.8);
	}
	.pgas-block--product-descr .row{
		flex-direction: column;
		gap: 30px;
	}
	.pgas-block--product-descr .col-7,.pgas-block--product-descr .col-5,.pgas-block--download-files .col-8,.pgas-block--download-files .col-4{
		flex: 0 0 100%;
		max-width: 100%;
	}
	.col-align-center-end{
		align-items: start;
	}
	.pgas-block--explore-catalog .container{
		overflow:hidden;
	}
	.dwgRow,.gallery{
		grid-template-columns: repeat(1, 1fr);
	}
	.col-dropdown-3{
		flex-direction: column;
	}
	.dropdown-wrapper{
		width: 100%;
	}
	.contact-popup-close{
		top: 5px;
		right: 5px;
		width: 40px;
		height: 40px;
	}
	.contact-popup-content .poptitle{
		font-size: 24px;
	}
	.contact-popup-description{
		font-size: 12px;
	}
	.contact-popup-content{
		padding: 24px 24px;
	}
	.grid-2,.radio-group{
		display:block;
	}
	.projects-catalog-slide p{
		font-size: 11px;
	}
	.projects-catalog-slide-content{
		bottom: 15px;
		left: 24px;
	}
	.mt160{
		margin-top:60px;
	}
}