*{border:0;box-sizing:border-box;list-style-type:none;margin:0;outline:0;padding:0;text-decoration:none;text-indent:0}@font-face{font-display:swap;font-family:Circe,sans-serif;font-weight:400;src:local("Circe"),url(/fonts/Circe/Circe-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Circe,sans-serif;font-weight:700;src:local("Circe"),url(/fonts/Circe/Circe-Bold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Circe,sans-serif;font-weight:800;src:local("Circe"),url(/fonts/Circe/Circe-ExtraBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:aqum-2-classic;font-weight:700;src:local("aqum-2-classic"),url(../fonts/Aqum-2/aqum-2-classic.woff2) format("woff2")}html{font-size:.0625vw;overflow-x:hidden;scroll-behavior:smooth}@media screen and (min-width:1600px){html{font-size:1px}}body{color:#000;font:400 18rem/24rem Circe,sans-serif}img{width:100%}.base_title-lg,h2{color:#0b2c6c;}.base_title-md{font:400 24rem/32rem Circe,sans-serif}.container{margin:0 auto;padding:0 50rem;position:relative;width:1600rem}.hide{display:none}.upper{text-transform:uppercase}.ta-c{text-align:center}.ta-r{text-align:right}.flex,.flex_ai-c{display:flex}.flex_ai-c{align-items:center}.flex_ai-c_jc-c,.flex_jc-c{display:flex;justify-content:center}.flex_ai-c_jc-c{align-items:center}.flex_ai-fs_jc-c{justify-content:center}.flex_ai-fs_jc-c,.flex_ai-fs_jc-sb{align-items:flex-start;display:flex}.flex_ai-fs_jc-sb{justify-content:space-between}.flex_fd-c{display:flex;flex-direction:column}.flex_fw-w,.flex_fw-w_jc-fe{display:flex;flex-wrap:wrap}.flex_fw-w_jc-fe{justify-content:flex-end}.flex_ai-fs_fw-w{flex-wrap:wrap}.flex_ai-fs,.flex_ai-fs_fw-w{align-items:flex-start;display:flex}.flex_ai-c_jc-fe{align-items:center;display:flex;justify-content:flex-end}.flex_ai-c_jc-sb{align-items:center;display:flex;justify-content:space-between}.flex_fd-col_jc-c_ai-c{align-items:center;display:flex;flex-direction:column;justify-content:center}.red{color:#d7282f}.navy-blue{color:#0b2c6c}.dark-blue{color:#102550}.base_goTop{background:#ddd;border:3px solid #fff;border-radius:50%;bottom:130px;box-shadow:0 0 3px 6px #ddd;height:66px;position:fixed;right:50px;transform:scale(.85);transition:opacity .3s linear;width:66px}.base_goTop:after{border-right:thin solid #000;border-top:thin solid #000;content:"";height:18px;left:21px;position:absolute;top:26px;transform:rotate(-45deg);width:18px}.base_goTop:hover{opacity:.7}.base_btn{background:#d7282f;border-radius:35rem;color:#fff;font:700 14rem/68rem Circe,sans-serif;text-align:center;text-transform:uppercase;transition:all .3s linear}.base_btn:hover{background:#fff;box-shadow:0 0 0 1rem #d7282f;color:#000}.base_btn path{transition:all .3s linear}.base_btn:hover path{stroke:#000}.base_btn-red{background:#d7282f;border:thin solid #d7282f;color:#fff}.base_btn-border,.base_btn-red:focus{background:#fff;color:#191717}.base_btn-border{border:thin solid #d7282f;border-radius:35rem;font:700 14rem/68rem Circe,sans-serif;text-align:center;text-transform:uppercase;transition:all .3s linear}.base_btn-border:hover{background:#d7282f;color:#fff}.base_scroll{padding:0 20rem 0 0}.base_scroll::-webkit-scrollbar-track{background-color:silver;border-radius:4rem}.base_scroll::-webkit-scrollbar-track-piece{background-color:#f3f3f3;border-radius:4rem}.base_scroll::-webkit-scrollbar-thumb{background-color:silver;border-radius:4rem;height:50rem;width:5rem}.base_scroll::-webkit-scrollbar-corner{background-color:silver}.base_scroll::-webkit-scrollbar{background:#f9f9f9;border-radius:4rem;height:3rem;width:5rem}.base_operator{color:#d7282f;cursor:pointer;font:700 14rem/17rem Circe,sans-serif;width:-moz-fit-content;width:fit-content}.base_operator-icon{display:block;flex-shrink:0;height:41rem;margin:0 20rem 0 0;transition:1s ease;width:40rem}.base_operator:hover rect{fill:#fff}.base_operator:hover circle{fill:#d7282f}.base_form-group{display:block;margin:0 0 35rem;position:relative}.base_form-label{color:#9b9b9b;left:0;pointer-events:none;position:absolute;top:10rem;transition:.2s ease}.base_form-input{background:none;border-bottom:thin solid #e8e8e8;font-weight:700;height:40rem;position:relative;width:600rem}.base_form-input:focus+.base_form-label,.base_form-input:valid~.base_form-label{font:400 14rem/20rem Circe,sans-serif;top:-20rem}.base_form-input:focus,.base_form-msg:focus{border-bottom:thin solid #191717}.base_form-input::-moz-placeholder,.base_form-msg::-moz-placeholder{color:#9b9b9b}.base_form-input::placeholder,.base_form-msg::placeholder{color:#9b9b9b}.base_form-msg{border-bottom:thin solid #e8e8e8;font-weight:700;max-height:60rem;max-width:600rem;min-height:60rem;min-width:600rem;position:relative}.base_form-msg.base_form-empty~.base_form-label,.base_form-msg:focus+.base_form-label,.base_form-msg[value]:not([value=""]):not(:focus)~.base_form-label{font:400 14rem/20rem Circe,sans-serif;top:-20rem}.base_form-policy{color:#818181;font:400 14rem/20rem Circe,sans-serif}.base_form-policy a{color:#000;font-weight:700}.base_square{position:relative}.base_square:before{background:#f8f9ff;border-radius:10rem;content:"";height:160rem;left:-80rem;position:absolute;top:-24rem;width:160rem;z-index:-1}.base_square-big{position:relative}.base_square-big:before{background:#f8f9ff;border-radius:40rem;content:"";height:500rem;position:absolute;transform:rotate(-60deg);width:500rem;z-index:-1}.base_table-head{background:#18254b;border-radius:14rem;color:#fff;font:700 26rem/30rem Circe,sans-serif;margin:0 0 25rem}.base_table-head-title,.base_table-row-text{padding:14rem 20rem;width:748rem}.base_table-head-title:first-child,.base_table-row-text:first-child{border-right:solid #fff}.base_table-row{border-radius:14rem;margin:0 0 15rem}.base_table-row:nth-child(odd){background:#f4f5f7}.base_table-row:nth-child(2n){background:#d0d0d0}.base_table-row-text{font:700 20rem/24rem Circe,sans-serif}.base_table-row-text-sub{padding:0 0 0 110rem}.base_table-row-text-list{padding:0 0 0 14rem;position:relative}.base_table-row-text-list:before{background:#000;border-radius:50%;content:"";height:5rem;left:0;position:absolute;top:10rem;width:5rem}header{background:#fff;padding:42rem 0;position:fixed;top:0;width:100%;z-index:1000}.header_personal{color:inherit;font:700 16rem/24rem Circe,sans-serif;margin:0 120rem 0 0}.header_personal-icon{height:39rem;margin:0 7rem 0 0;width:39rem}.header_link{color:inherit;position:relative}.header_link:not(:last-child){margin:0 64rem 0 0}.header_link:after{background:#f5f5f5;border-radius:5rem;bottom:-23rem;content:"";height:17rem;left:50%;position:absolute;transform:translateX(-50%);width:17rem}.header_link.active:after{background:#d7282f}.header_link-icon{height:25rem;opacity:.3;width:158rem}.header_link-text{font:700 18rem/30rem aqum-2-classic;letter-spacing:3.6rem;opacity:.3}.header_link.active .header_link-icon,.header_link.active .header_link-text{opacity:1}.header_tel{color:#191717;font:700 16rem/24rem Circe,sans-serif;margin:0 0 0 auto}.header_cart{margin:0 0 0 12rem;position:relative}.header_cart,.header_cart-icon{height:39rem;width:39rem}.header_cart span{background:#d7282f;border-radius:50%;color:#fff;font-size:12rem;height:20rem;line-height:21rem;position:absolute;right:-10rem;top:-10rem;width:20rem}.header_cart.is-empty{position:absolute;visibility:hidden;z-index:-2}.header_hr{border-bottom:thin solid #eceefa;margin:10rem auto 24rem;width:100%}.header_nav{bottom:20rem;display:none;left:50%;position:absolute;transform:translateX(-50%);width:100%}.header_nav.active{display:flex}.header_nav-link{color:#021d49;letter-spacing:-.36rem;margin:0 25rem;position:relative;transition:all .2s linear}.header_nav-link.active,.header_nav-link:hover{color:#d7282f}.header_nav-link:after{background:#e8494f;border-radius:5rem;bottom:-10rem;content:"";height:4rem;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:all .2s linear;width:4rem}.header_nav-link.active:after,.header_nav-link:hover:after{opacity:1}.header_nav-dropdown{position:relative}.header_nav-dropdown:before{border-bottom:thin solid #000;border-right:thin solid #000;content:"";height:7rem;position:absolute;right:6rem;top:6rem;transform:rotate(45deg);width:7rem}.header_nav-dropdown.active:before,.header_nav-dropdown:hover:before{border-bottom:thin solid #e8494f;border-right:thin solid #e8494f}.header_nav-dropdown:hover .header_nav-link{color:#d7282f}.header_nav-dropdown:hover .header_nav-link:after{opacity:1}.header_nav-dropdown:hover:after{background:#fff;content:"";height:40rem;left:0;position:absolute;top:20rem;width:220rem;z-index:-1}.header_nav-dropdown-inner{background:#fff;border-radius:16rem;box-shadow:0 8rem 48rem rgba(35,32,30,.08);display:none;filter:blur(64);left:0;padding:16rem 24rem;position:absolute;top:40rem;width:220rem}.header_nav-dropdown:hover .header_nav-dropdown-inner{display:block}.header_nav-dropdown-link{color:#021d49;display:block;font-size:18rem;line-height:24rem}.header_nav-dropdown-link:not(:last-child){margin:0 0 16rem}.header_nav-dropdown-link.active,.header_nav-dropdown-link:hover{color:#e8494f}.header_mini-cart{background:#fff;border-top:solid #d7282f;box-shadow:0 34rem 39rem rgba(0,0,0,.05),inset 0 2rem 0 #d40b0b;display:none;padding:20rem 24rem;position:absolute;right:52rem;top:57rem;width:740rem;z-index:10000}.header_mini-cart.active{display:block}.header_mini-cart-inner{margin:0 0 26rem;max-height:467rem;overflow-y:auto;padding:0 20rem 0 0}.header_mini-cart-inner::-webkit-scrollbar{border-radius:30rem;width:8rem}.header_mini-cart-inner::-webkit-scrollbar-track{background:#eaeaea;border-radius:30rem}.header_mini-cart-inner::-webkit-scrollbar-thumb{background:rgba(0,0,0,.1);border-radius:30rem}.header_mini-cart-inner::-webkit-scrollbar-thumb:hover{background:#d7282f}.header_mini-cart-total{padding:20rem 0 0;position:relative}.header_mini-cart-total:before{box-shadow:0 -3rem 6rem 0 hsla(0,0%,49%,.5);content:"";height:1rem;left:-24rem;position:absolute;top:0;width:740rem}.header_mini-cart:before{border-color:transparent transparent #d7282d;border-style:solid;border-width:0 8.5rem 17rem;content:"";height:0;position:absolute;right:10rem;top:-17rem;width:0}.header_mini-cart-item{border-bottom:thin solid #dbdbdb;margin:0 0 16rem;padding:0 0 7rem}.header_mini-cart-img{margin:0 20rem 0 0;width:100rem}.header_mini-cart-info{padding:10rem 25rem 0;width:320rem}.header_mini-cart-info-title{color:#191717;font-weight:700}.header_mini-cart-delete{cursor:pointer;height:25rem;margin:0 0 0 20rem;width:25rem}.header_mini-cart-delete:hover path{fill:#d7282f}.header_mini-cart-total-price{color:#191717;font:700 43rem/50rem Circe,sans-serif;margin:0 0 0 20rem}.header_mini-cart-total-price>span{font:700 24rem/36rem Circe,sans-serif}.header_mini-cart-submit{width:330rem}footer{margin:110rem 0 0;padding:50rem 0 0;position:relative}footer:before{border-top:thin solid #eceefa;content:"";left:0;position:absolute;top:0;width:100%}.footer_square{position:relative}.footer_square:after{background:#d7282f;border-radius:5rem;content:"";height:17rem;left:50%;position:absolute;top:-57rem;transform:translateX(-50%);width:17rem}.footer_logo{display:block;margin:0 auto 80rem}.footer_logo,.footer_logo-icon{height:25rem;width:158rem}.footer_address{margin:0 auto 72rem -27rem}.footer_address-item{margin:0 25rem}.footer_address-item.footer_square:after{top:-33rem}.footer_address-title{font-weight:700;margin:0 0 5rem}.footer_address-link{color:rgba(0,0,0,.5)}.footer_social{margin:0 auto 32rem}.footer_social-link{margin:0 15rem}.footer_social-link,.footer_social-link-icon{height:24rem;width:24rem}.footer_social-link path{transition:all .3s ease}.footer_social-link:hover path{fill:#0b2c6c}.footer_policy{margin:0 auto 32rem}.footer_policy-link{color:#747474;display:block;font:400 14rem/14rem Circe,sans-serif;margin:0 15rem;text-decoration:underline}.footer_right{padding:25rem 0;position:relative}.footer_right:before{border-top:thin solid #eceefa;content:"";left:0;position:absolute;top:0;width:100%}.footer_right-text{color:#747474;font:400 14rem/20rem Circe,sans-serif;margin:0 0 0 auto}.footer_right-author{color:#c9c9c9;font:400 16rem/24rem Circe,sans-serif;letter-spacing:.32rem;margin:0 0 0 414rem}.footer_right-author-logo{height:34rem;margin:0 0 0 27rem;width:120rem}.footer_right-author-logo-icon{height:34rem;width:120rem}.footer_right-author-logo-bottom{opacity:0;transition:all .2s linear}.footer_right-author-logo-top{transform:translateY(20rem);transition:all .2s linear}.footer_right-author-logo:hover .footer_right-author-logo-bottom{opacity:1;transition:all .2s linear}.footer_right-author-logo:hover .footer_right-author-logo-top{transform:translateY(0);transition:all .2s linear}.base_parameter-row{background:#fff;border-radius:10rem;box-shadow:inset 0 -3rem 0 rgba(0,0,0,.05);margin:0 0 30rem;padding:15rem 24rem}.base_parameter-box{background:#f5f5f5;border-radius:10rem;margin:10rem auto 0;padding:5rem 0 7rem}.base_parameter-box-item{background:#fff;border-radius:10rem;box-shadow:1rem 1rem 1rem #fff,inset 1rem 1rem 2rem rgba(0,0,0,.25);margin:0 7rem;position:relative}.base_parameter-box-item input{cursor:pointer;height:34rem;left:0;opacity:0;position:absolute;top:0;width:65rem}.base_parameter-box-value{border-radius:10rem;color:#191717;display:block;height:34rem;line-height:34rem;width:65rem}.avaliable .base_parameter-box-value{border:thin solid #d7282f;color:#555;transition:all .2s ease-in-out}.base_parameter-box-input:checked+.base_parameter-box-value{background:#d7282f;color:#fff;transition:all .2s ease-in-out}.base_parameter-box-input:disabled+.base_parameter-box-value{background:#dbdbdb;color:#9b9b9b}.avaliable .base_parameter-box-input:disabled+.base_parameter-box-value{border:none}.base_input-text{background:#fff;display:block;font:700 16rem/29rem Circe,sans-serif;margin:5rem 0 0;width:400rem}.base_input-text,.base_select{border-radius:10rem;color:#191717;padding:15rem 30rem}.base_select{-moz-appearance:none;-webkit-appearance:none;appearance:none;background:url(../images/select-btn.svg) 100% 50%/contain no-repeat,#fff;cursor:pointer;font:700 16rem/1.3 Circe,sans-serif;transition:1s ease;width:100%}.base_select option:disabled{color:#c6c6c6}.base_select::-ms-expand{display:none}.base_select:hover{box-shadow:0 2rem 1rem 0 #e3e3e3}.base_select:focus{box-shadow:inset 0 2rem 1rem 0 #e3e3e3;outline:none}.modal{height:0;left:0;overflow:hidden;position:fixed;top:0;width:0;z-index:1000}.modal-is-open{height:100%;overflow:hidden}.modal_overlay{background:rgba(0,0,0,.5);height:100vh;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s linear;visibility:hidden;width:100vw;z-index:9}.modal_wrapper{background:#fff;margin:auto;opacity:0;padding:40rem 110rem 50rem;position:relative;transform:scale(.7);transition:all .3s linear;width:1340rem;z-index:10}.modal.is-visible{height:100%;width:100%}.modal.is-visible .modal_overlay{opacity:1;visibility:visible}.modal.is-visible .modal_wrapper{opacity:1;overflow:hidden;transform:scale(1)}.modal_close{background:#fff;border:thin solid #dbdbdb;border-radius:50%;cursor:pointer;height:70rem;position:absolute;right:30rem;top:20rem;width:70rem;z-index:10}.modal_close:after,.modal_close:before{border:none;border-left:3rem solid #191717;bottom:20rem;content:"";height:30rem;left:33rem;position:absolute}.modal_close:before{transform:rotate(45deg)}.modal_close:after{transform:rotate(-45deg)}.modal-success .modal_wrapper{border-radius:28rem;padding:55rem 100rem;width:570rem}.modal_success-title{font:700 32rem/37rem Circe,sans-serif;margin:0 0 20rem}.modal_success-text{padding:0 0 45rem}.modal_success-ok{display:block;margin:0 auto;width:380rem}.modal-model{overflow:auto}.modal-model .modal_wrapper{border-radius:20rem;box-shadow:0 4rem 40rem rgba(0,0,0,.05);padding:50rem 0 0;width:1500rem}.modal-model_container{margin:0 auto;width:1433rem}.modal-model_img{margin:65rem 0 0;width:300rem}.modal-model_construct{margin:65rem 0 0;width:400rem}.modal-model_info{margin:0 0 0 80rem;padding:80rem 0 0}.modal-model_title{background:#fff;color:#191717;font:700 43rem/56rem Circe,sans-serif;left:0;padding:30rem 0 30rem 810rem;position:absolute;top:0;width:1500rem;z-index:2}.modal-model_row{border-bottom:thin solid #dbdbdb;width:624rem}.modal-model_property{color:hsla(0,4%,9%,.5)}.modal-model_value{color:#191717}.modal_model-count{background:#f6f6f6;padding:0 46rem}.modal-model .trans_select-content-param{padding:15rem 14rem;width:764rem}.modal-model .trans_select-content-item{width:280rem}.modal-model .base_parameter-box-item{margin:0 10rem}.modal-model .trans_select-content-group{border:none;margin:20rem auto;padding:0}.modal-model .trans_select-content-choose{bottom:100rem}.modal-model .trans_select-content-buttons{margin:70rem auto 0;padding:0 0 27rem}.modal-model .trans_select-content-buttons .trans_select-content-delete{right:32rem}.modal-model .trans_results-quantity{margin:60rem 0 55rem}.modal-model_result{padding:0 20rem;width:1500rem}.modal-request.is-visible{z-index:100000}.modal-request .modal_wrapper{border-radius:20rem;box-shadow:0 4rem 40rem rgba(0,0,0,.05);width:870rem}.modal-request_title{font:700 35rem/42rem Circe,sans-serif;margin:0 0 10rem}.modal-request_subtitle{margin:0 0 30rem}.modal-request_attach{opacity:0;position:absolute}.modal-request_attach-label{cursor:pointer;display:block;font-weight:700;letter-spacing:4rem;margin:-10rem auto 0;padding:0 0 20rem 40rem;position:relative;width:-moz-fit-content;width:fit-content}.modal-request_attach-label.with-file{color:#000;letter-spacing:0}.modal-request_attach-label:before{background:url(../images/attach.svg) no-repeat 50%/cover;content:"";height:26rem;left:0;position:absolute;top:0;width:24rem}.modal-request_attach-label .modal_close{border-color:#000;height:28rem;right:-40rem;top:0;width:28rem}.modal-request_attach-label .modal_close:after,.modal-request_attach-label .modal_close:before{bottom:7rem;height:12rem;left:11rem}.modal-request_label input:disabled{animation:gradient 8s linear infinite;background:linear-gradient(244deg,#efefef 66.92%,#efefef 79.88%,#fcfcfc 84.49%,#efefef 88.22%);color:#fff;cursor:default}@keyframes gradient{0%{background-position-x:0}to{background-position-x:2000rem}}.modal-request_btn{margin:0 0 16rem;width:100%}.base_quantity-minus,.base_quantity-plus{flex-shrink:0;height:50rem;transition:1s ease;width:50rem}.base_quantity-minus:hover,.base_quantity-plus:hover{opacity:.8}.base_quantity-icon{height:50rem;width:50rem}.base_quantity-value{border:thin solid #f6f6f6;border-radius:42rem;color:#191717;font:700 24rem/36rem Circe,sans-serif;margin:0 10rem;padding:5rem;width:100rem}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.modal.info.is-visible{height:auto;width:auto}.modal-notifications{background:#78d278;bottom:50rem;color:#fff;display:none;font:400 24rem/28rem Circe,sans-serif;padding:30rem 50rem;position:fixed;right:50rem}.modal-notifications:before{animation:animateBorder 3s forwards;background:#3e953e;content:"";height:3rem;left:0;position:absolute;top:0;width:100%;z-index:10}.info.is-visible .modal-notifications{display:block}@keyframes animateBorder{0%{width:100%}to{width:0}}
:root {
    --color-black: #191717;
    --color-black-15:#1D1D1D;
    --color-black-25: #333237;
    --color-blue:#021D49;

    --color-gray: #808080;
    --color-gray-25:#535353;
    --color-gray-35:#C9C9C9;
    --color-gray-40: #C4C4C4;
    --color-gray-41:#D9D9D9;
    --color-gray-44:#e2e2e2;
    --color-gray-45:#F7F7F7;
    --color-gray-47:#f5f5f5;
    --color-gray-50:#ECEEFA;
    --color-light-gray: #F6F6F6;


    --color-stroke: #EBEBEB;
    --color-red:#D7282F;
    --color-whaite:#ffffff;



    --font-size-38-24: 38px;
    --font-size-32-24: 32px;
    --font-size-20-16: 20px;
    --font-size-16-14: 16px;
    --font-size-16-12: 16px;
    --font-size-14-12: 14px;
    --font-size-16: 16px;
    --font-size-14: 14px;
    --font-size-12: 12px;

}

.flexBox{
    display: flex;
}
.flexBoxCenter{
    display: flex;
    align-items: center;
    justify-content: center;
}
.flexBoxColumn{
    display: flex;
    flex-direction: column;
}
.flexBoxAlignCenter{
    display: flex;
    align-items: center;
}
.flexBoxBetween{
    display: flex;
    justify-content: space-between;
}


.img-container img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}


.bg__color-red{
    background-color: var(--color-red);
    color: var(--color-whaite);
}
.bg__color-blue{
    background-color: var(--color-blue);
    color: var(--color-whaite);
}


.customBtn__red{
    background-color: var(--color-red);
    color: var(--color-whaite);
}
.customBtn__blue{
    background-color: var(--color-blue);
    color: var(--color-whaite);
}
.customBtn__gray{
    border: 1px solid var(--color-gray-35);
    background-color: var(--color-gray-45);
}


@media (max-width: 992px) {
    :root {
        --font-size-38-24: 24px;
        --font-size-32-24: 24px;
        --font-size-20-16: 16px;
        --font-size-16-14: 14px;
        --font-size-16-12: 16px;
        --font-size-14-12: 12px;
    }


    .page-top-section{
        margin-top: 24px;
    }
    .section-content{
        margin-top: 22px;
    }

}

@font-face {
    font-family: 'Inter';
    src: url('/assets/fonts/inter/Inter-BoldItalic.eot');
    src: local('/assets/fonts/inter/Inter Bold Italic'), local('Inter-BoldItalic'),
    url('/assets/fonts/inter/Inter-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/inter/Inter-BoldItalic.woff2') format('woff2'),
    url('/assets/fonts/inter/Inter-BoldItalic.woff') format('woff'),
    url('/assets/fonts/inter/Inter-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: url('/assets/fonts/inter/Inter-MediumItalic.eot');
    src: local('Inter Medium Italic'), local('Inter-MediumItalic'),
    url('/assets/fonts/inter/Inter-MediumItalic.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/inter/Inter-MediumItalic.woff2') format('woff2'),
    url('/assets/fonts/inter/Inter-MediumItalic.woff') format('woff'),
    url('/assets/fonts/inter/Inter-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: url('/assets/fonts/inter/Inter-ThinItalicBETA.eot');
    src: local('Inter Thin Italic BETA'), local('Inter-ThinItalicBETA'),
    url('/assets/fonts/inter/Inter-ThinItalicBETA.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/inter/Inter-ThinItalicBETA.woff2') format('woff2'),
    url('/assets/fonts/inter/Inter-ThinItalicBETA.woff') format('woff'),
    url('/assets/fonts/inter/Inter-ThinItalicBETA.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: url('/assets/fonts/inter/Inter-Regular.eot');
    src: local('Inter Regular'), local('Inter-Regular'),
    url('/assets/fonts/inter/Inter-Regular.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/inter/Inter-Regular.woff2') format('woff2'),
    url('/assets/fonts/inter/Inter-Regular.woff') format('woff'),
    url('/assets/fonts/inter/Inter-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('/assets/fonts/inter/Inter-Black.eot');
    src: local('Inter Black'), local('Inter-Black'),
    url('/assets/fonts/inter/Inter-Black.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/inter/Inter-Black.woff2') format('woff2'),
    url('/assets/fonts/inter/Inter-Black.woff') format('woff'),
    url('/assets/fonts/inter/Inter-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('/assets/fonts/inter/Inter-BlackItalic.eot');
    src: local('Inter Black Italic'), local('Inter-BlackItalic'),
    url('/assets/fonts/inter/Inter-BlackItalic.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/inter/Inter-BlackItalic.woff2') format('woff2'),
    url('/assets/fonts/inter/Inter-BlackItalic.woff') format('woff'),
    url('/assets/fonts/inter/Inter-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: url('/assets/fonts/inter/Inter-LightBETA.eot');
    src: local('Inter Light BETA'), local('Inter-LightBETA'),
    url('/assets/fonts/inter/Inter-LightBETA.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/inter/Inter-LightBETA.woff2') format('woff2'),
    url('/assets/fonts/inter/Inter-LightBETA.woff') format('woff'),
    url('/assets/fonts/inter/Inter-LightBETA.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('/assets/fonts/inter/Inter-SemiBold.eot');
    src: local('Inter Semi Bold'), local('Inter-SemiBold'),
    url('/assets/fonts/inter/Inter-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/inter/Inter-SemiBold.woff2') format('woff2'),
    url('/assets/fonts/inter/Inter-SemiBold.woff') format('woff'),
    url('/assets/fonts/inter/Inter-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('/assets/fonts/inter/Inter-ExtraBoldItalic.eot');
    src: local('Inter Extra Bold Italic'), local('Inter-ExtraBoldItalic'),
    url('/assets/fonts/inter/Inter-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/inter/Inter-ExtraBoldItalic.woff2') format('woff2'),
    url('/assets/fonts/inter/Inter-ExtraBoldItalic.woff') format('woff'),
    url('/assets/fonts/inter/Inter-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: url('/assets/fonts/inter/Inter-Bold.eot');
    src: local('Inter Bold'), local('Inter-Bold'),
    url('/assets/fonts/inter/Inter-Bold.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/inter/Inter-Bold.woff2') format('woff2'),
    url('/assets/fonts/inter/Inter-Bold.woff') format('woff'),
    url('/assets/fonts/inter/Inter-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('/assets/fonts/inter/Inter-ExtraLightItalicBETA.eot');
    src: local('Inter Extra Light Italic BETA'), local('Inter-ExtraLightItalicBETA'),
    url('/assets/fonts/inter/Inter-ExtraLightItalicBETA.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/inter/Inter-ExtraLightItalicBETA.woff2') format('woff2'),
    url('/assets/fonts/inter/Inter-ExtraLightItalicBETA.woff') format('woff'),
    url('/assets/fonts/inter/Inter-ExtraLightItalicBETA.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: url('/assets/fonts/inter/Inter-ExtraLightBETA.eot');
    src: local('Inter Extra Light BETA'), local('Inter-ExtraLightBETA'),
    url('/assets/fonts/inter/Inter-ExtraLightBETA.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/inter/Inter-ExtraLightBETA.woff2') format('woff2'),
    url('/assets/fonts/inter/Inter-ExtraLightBETA.woff') format('woff'),
    url('/assets/fonts/inter/Inter-ExtraLightBETA.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('/assets/fonts/inter/Inter-ExtraBold.eot');
    src: local('Inter Extra Bold'), local('Inter-ExtraBold'),
    url('/assets/fonts/inter/Inter-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/inter/Inter-ExtraBold.woff2') format('woff2'),
    url('/assets/fonts/inter/Inter-ExtraBold.woff') format('woff'),
    url('/assets/fonts/inter/Inter-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('/assets/fonts/inter/Inter-ThinBETA.eot');
    src: local('Inter Thin BETA'), local('Inter-ThinBETA'),
    url('/assets/fonts/inter/Inter-ThinBETA.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/inter/Inter-ThinBETA.woff2') format('woff2'),
    url('/assets/fonts/inter/Inter-ThinBETA.woff') format('woff'),
    url('/assets/fonts/inter/Inter-ThinBETA.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('/assets/fonts/inter/Inter-LightItalicBETA.eot');
    src: local('Inter Light Italic BETA'), local('Inter-LightItalicBETA'),
    url('/assets/fonts/inter/Inter-LightItalicBETA.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/inter/Inter-LightItalicBETA.woff2') format('woff2'),
    url('/assets/fonts/inter/Inter-LightItalicBETA.woff') format('woff'),
    url('/assets/fonts/inter/Inter-LightItalicBETA.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: url('/assets/fonts/inter/Inter-Italic.eot');
    src: local('Inter Italic'), local('Inter-Italic'),
    url('/assets/fonts/inter/Inter-Italic.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/inter/Inter-Italic.woff2') format('woff2'),
    url('/assets/fonts/inter/Inter-Italic.woff') format('woff'),
    url('/assets/fonts/inter/Inter-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: url('/assets/fonts/inter/Inter-SemiBoldItalic.eot');
    src: local('Inter Semi Bold Italic'), local('Inter-SemiBoldItalic'),
    url('/assets/fonts/inter/Inter-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/inter/Inter-SemiBoldItalic.woff2') format('woff2'),
    url('/assets/fonts/inter/Inter-SemiBoldItalic.woff') format('woff'),
    url('/assets/fonts/inter/Inter-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: url('/assets/fonts/inter/Inter-Medium.eot');
    src: local('Inter Medium'), local('Inter-Medium'),
    url('/assets/fonts/inter/Inter-Medium.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/inter/Inter-Medium.woff2') format('woff2'),
    url('/assets/fonts/inter/Inter-Medium.woff') format('woff'),
    url('/assets/fonts/inter/Inter-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

.fontWeight-700{
    font-weight: 700;
}

h1, h2, h3, h4, h5, h6, p {
    padding: 0;
    margin: 0;
    line-height: 120%;
}

h1,
.h1{
    color: var(--color-blue);
    font-size: var(--font-size-38-24);
    font-weight: 700;
    line-height: 110%;
    text-transform: uppercase;
}
h2,
.h2{
    font-size: var(--font-size-32-24);
    font-weight: 700;
    line-height: 120%;
}

h3,
.h3,
.text-L{
    font-size: var(--font-size-20-16);
}
h3,
.h3{
    font-weight: 700;
}

.text-M{
    font-size: var(--font-size-16-14);
}


.font-size-16-12{
    font-size: var(--font-size-16-12);
}


.resetListStyle{
    list-style: none;
    padding: 0;
    margin: 0;
}

html {
    scroll-behavior: smooth;
}
.width-container {
    width: 100%;
    max-width: 1600px;
    padding-left: 50px;
    padding-right: 50px;
    margin-left: auto;
    margin-right: auto;
}

body {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: var(--color-black);
}

button{
    background: none;
    border: none;
    padding: 0;
}

a{
    text-decoration: none;
    color: var(--color-black);
}

svg path{
    transition: fill 300ms, stroke 300ms;
}

img{
    width: 100%;
}

.customBtn{
    height: 43px;
    border-radius: 8px;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--color-gray);
}

.page-section{
    margin-top: 80px;
}

.section-content{
    margin-top: 32px;
}

.listStyleReset{
    list-style: none;
    margin: 0;
    padding: 0;
}

.breadcrumb{
    gap: 8px;
    margin: 36px 0;
    overflow-x: auto;
}
.breadcrumb::-webkit-scrollbar {
    display: none;
}
.breadcrumb{
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.breadcrumb-item,
.breadcrumb-item a{
    color: var(--color-gray);
    white-space: nowrap;
}
.breadcrumb-item:not(:last-child)::after{
    content: "/";
    margin-left: 8px;
}
.breadcrumb-item:last-child{
    color: var(--color-black);
}

.slider-container{
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
}
.slider-block{
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 32px;
}
.news-slider{
    overflow: hidden;
}
.custom-slider-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 100px;
    border: 1px solid var(--color-light-gray);
    box-shadow: -16px 29px 9px 0 rgba(191, 191, 191, 0.00), -10px 19px 9px 0 rgba(191, 191, 191, 0.01), -6px 11px 7px 0 rgba(191, 191, 191, 0.05), -3px 5px 5px 0 rgba(191, 191, 191, 0.09), -1px 1px 3px 0 rgba(191, 191, 191, 0.10);
}
.slider-block .swiper-slide {
    height: auto;
}

.custom-filters{
    margin-top: 18px;
    gap: 30px;
}

.custom-filter__item{
    border: 1px solid var(--color-gray-40);
    background-color: var(--color-whaite);
}

.filter-checkbox{
    padding: 12px 24px;
    border-radius: 15px;
    transition: border 300ms, background-color 300ms, color 300ms;
}

.filter-checkbox:has(input:checked){
    background-color: var(--color-red);
    border: 1px solid var(--color-red);
    color: var(--color-whaite);
}

.custom-filters__dropdown {
    position: relative;
    width: 100%;
    max-width: fit-content;
    font-family: system-ui, sans-serif;
}

.filter__dropdown-button {
    padding: 16px 24px;
    gap: 10px;
    transition: border-color 300ms;
    border-radius: 12px;
    width: 100%;
    color: var(--color-gray-25);
    border: 1px solid var(--color-gray-35);
    background-color: var(--color-gray-45);
}

.filter__dropdown-button:hover {
    border-color: var(--color-gray);
}

.filter__dropdown-menu {
    position: absolute;
    top: 110%;
    left: 0;
    width: 100%;
    background-color: var(--color-gray-45);
    border: 1px solid var(--color-gray-35);
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
    list-style: none;
    padding: 8px 0;
    margin: 0;
    display: none;
    z-index: 10;
}

.filter__dropdown-item {
    padding: 10px 16px;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

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

.filter__dropdown-icon {
    font-size: 14px;
    color: #555;
    transition: transform 0.2s ease;
}

.filter__dropdown-button.active .filter__dropdown-icon {
    transform: scale(1, -1);
}



.preview-card{
    border-radius: 15px;
    background-color: var(--color-light-gray);
    padding: 16px;
    gap: 8px;
    height: 100%;
}

.preview-card__content{
    gap: 8px;
    position: relative;
}

.preview-card__action{
    position: absolute;
    inset: 0;
    background-color: var(--color-light-gray);
    opacity: 0;
    visibility: hidden;
    transition: opacity 300ms, visibility 300ms;
}

.preview-card__image{
    height: 223px;
    display: flex;
}

.preview-card__image img{
    border-radius: 10px;
}

.preview-card__header{
    display: flex;
    flex-direction: column;
}

.preview-card__header a{
    transition: color 300ms;
}

.preview-card__date{
    color: var(--color-gray);
    transition: color 300ms;
}


.grid-layout__r{
    display: grid;
    grid-template-columns: 1fr 422px;
    gap: 80px;
}




.dynamic-content .dynamic-title,
.dynamic-content h2,
.dynamic-content h3{
    margin-top: 40px;
    color: var(--color-red);
}
.dynamic-content .dynamic-title:first-child,
.dynamic-content h2:first-child,
.dynamic-content h3:first-child,
.dynamic-content p:first-child,
.dynamic-content ul:first-child{
    margin-top: 0;
}

.dynamic-content p,
.dynamic-content ul,
.dynamic-content ol{
    margin: 12px 0 0 0;
    font-size: var(--font-size-20-16);
    font-weight: 400;
    line-height: 120%;
}



.sticky-block{
    position: sticky;
    top: 10px;
}

.dynamic-content__slider-wrapper{
    display: grid;
}
.dynamic-content .swiper-slide img{
    margin-top: 0;
}
.inner-content-slider{
    position: relative;
}
.slider-btn__inner{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 100px;
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-whaite);
    z-index: 2;
}
.slider-btn-inner__left{
    left: 20px;
}
.slider-btn-inner__right{
    right: 20px;
}
.dynamic-content img{
    height: 496px;
}
.reviews-card{
    gap: 24px;
    background-color: var(--color-light-gray);
    border-radius: 13px;
    padding: 16px;
}
.reviews-card__header{
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-whaite);
    border-radius: 100px;
}
.reviews-card__header img{
    width: 100%;
    border-radius: 100px;
}
.reviews-card__content{
    font-size: var(--font-size-12);
    font-weight: 400;
    line-height: 120%;
}
.reviews-card__bottom{
    gap: 4px;
}
.reviews-card__creator{
    font-size: var(--font-size-16);
    font-weight: 700;
}
.reviews-card__creator-info{
    font-size: var(--font-size-14);
    color: var(--color-gray);
}
.content-layout__news{
    background-color: var(--color-light-gray);
    padding: 16px;
    gap: 16px;
    border-radius: 13px;
}
.content-layout__news .preview-card{
    background-color: var(--color-whaite);
}




/*completed-projects*/
.content-wrapper{
    margin-top: 40px;
    gap: 18px;
}

.item-card {
    gap: 10px;
    padding: 20px;
    border-radius: 10px;
    background-color: var(--color-gray-47);
}

.item-card__image {
    flex: 0 0 38%;
    max-width: 553px;
    aspect-ratio: 553 / 276;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}


.item-card__btn-layout{
    position: absolute;
    inset: 0;
    background: rgba(16, 37, 80, 0.40);
    backdrop-filter: blur(12px);
    align-items: center;
    justify-content: center;
    padding: 0 53px;
    opacity: 0;
    visibility: hidden;
    transition: backdrop-filter 300ms,  opacity 300ms, visibility 300ms;
}

.item-card__btn{
    border-radius: 8px;
    background: var(--color-blue);
    color: var(--color-whaite);
    height: 75px;
    padding: 0 24px;
    width: 100%;
}

.item-card__content {
    flex: 1 1 62%;
    max-width: 897px;
    gap: 24px;
    justify-content: space-between;
}

.item-card__header{
    gap: 24px;
}

.item-card__time{
    color: var(--color-gray);
}

/*END completed-projects*/

/*project view*/
.main__content{
    margin-top: 52px;
}

.publication-article{
    margin-top: 40px;
    gap: 12px;
}

.publication-article li{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.publication-article__author{
    gap: 8px;
}

.publication-article__author-image{
    height: 37px;
    width: 37px;
    border-radius: 100%;
    background-color: var(--color-gray-44);
}
.publication-article__author-image img{
    height: 100%;
    border-radius: 100%;
}

.rating-stars{
    gap: 4px;
}

.rating-1 svg:nth-child(n+2) path{
    stroke: var(--color-black);
    fill: none;
}

.rating-2 svg:nth-child(n+3) path{
    stroke: var(--color-black);
    fill: none;
}
.rating-3 svg:nth-child(n+4) path{
    stroke: var(--color-black);
    fill: none;
}

.rating-4 svg:nth-child(n+5) path{
    stroke: var(--color-black);
    fill: none;
}
.rating-5 svg path{
    stroke: none;
    fill: var(--color-red);
}

.project-main-more-btn{
    margin-top: 40px;
    width: 100%;
    max-width: 389px;
}

.project__dynamic-content{
    margin-top: 16px;
    max-height: 660px;
    overflow: hidden;
    transition: max-height 300ms;
}

.dynamic-content.open .project-main-more-btn{
    display: none;
}

.layout__project-card{
    border-radius: 13px;
    background-color: var(--color-light-gray);
    gap: 16px;
    padding: 16px;
}

.layout__project--card-image{
    height: 195px;
    aspect-ratio: 2/1;
}
.layout__project--card-image img{
    border-radius: 9px;
}
/*END project view*/

/*news view*/
.news-view-tit{
    max-width: 988px;
}

.news-view-filters{
    margin-top: 24px;
    width: 100%;
    max-width: 588px;
}

.news-view-filters .custom-filters__dropdown{
    max-width: 100%;
}

.news-view__dynamic-content img{
    margin-top: 76px;
}

.preview-card__btn{
    width: 100%;
}
/*END news view*/










footer{
    margin-top: 80px;
    border-top: 1px solid var(--color-gray-50);
    position: relative;
}


.redDot{
    height: 17px;
    width: 17px;
    min-width: 17px;
    min-height: 17px;
    border-radius: 5px;
    background-color: var(--color-red);
}

.footer-top-red-dot{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);

}
.footer-logo{
    margin-top: 49px;
}
.footer-logo .footer-logo-image{
    max-width: 158px;
}
.footer-content{
    margin-top: 47px;
    display: flex;
    justify-content: center;
}
.footer-content__col{
    align-items: center;
    width: 100%;
    max-width: 405px;
    padding: 0 25px;
}
.footer-col__title{
    font-size: var(--font-size-20-16);
    font-weight: 700;
    line-height: 32px;
}
.footer-col__info{
    margin-top: 5px;
    text-align: center;
    font-size: var(--font-size-16);
    font-weight: 400;
    line-height: 24px;
    color: var(--color-gray);
}
.footer-col__info-contacts{
    gap: 12px;
}
.footer-col__info-contacts a{
    color: var(--color-gray);
}

.footer-contacts__soc{
    margin-top: 72px;
    gap: 30px;
}
.footer-policy{
    margin-top: 34px;
    gap: 30px;
}
.footer-policy a{
    text-decoration: underline;
    font-size: var(--font-size-14-12);
    color: var(--color-gray);
}
.footer-bottom{
    margin-top: 32px;
    padding: 25px 0;
    border-top: 1px solid var(--color-gray-50);
    gap: 30px;
}
.footer-bottom__col{
    font-size: var(--font-size-14-12);
    color: var(--color-gray);
    text-align: center;
}
.footer-bottom div{
    width: 100%;
}
.design-creator,
.footer-bottom__col a{
    color: var(--color-gray-35);
}
.design-creator{
    gap: 30px;
    justify-content: right;
    padding-right: 50px;
}


@media (hover: hover) {
    .filter-checkbox:hover{
        border-color: var(--color-red);
    }

    button:hover,
    .cursorPointer:hover{
        cursor: pointer;
    }

    .header-contacts__soc-item:hover svg path{
        fill: var(--color-black);
    }

    .preview-card:hover .preview-card__action{
        opacity: 1;
        visibility: visible;
    }

    .item-card__image:hover .item-card__btn-layout{
        opacity: 1;
        visibility: visible;
    }

    .filter__dropdown-item:hover {
        background-color: var(--color-gray-44);
    }

}

@media (max-width: 1440px) {
    .width-container {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 1220px) {


}

@media (max-width: 992px) {
    .page-section{
        margin-top: 40px;
    }
    .customBtn {
        height: 44px;
    }

    .contacts__soc-item {
        height: 40px;
        width: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .breadcrumb {
        margin: 12px 0;
    }

    .custom-filters {
        margin-top: 10px;
        gap: 12px;
    }

    .filter-checkbox {
        padding: 12px 16px;
    }

    .preview-card__image {
        height: 148px;
    }

    .preview-card {
        padding: 12px;
    }

    .custom-slider-btn {
        display: none;
    }

    .grid-layout__r{
        grid-template-columns: 100%;
        gap: 24px;
    }

    .dynamic-content img{
        margin-top: 24px;
    }

    .dynamic-content .dynamic-title,
    .dynamic-content h2,
    .dynamic-content h3{
        margin-top: 24px;
    }
    .dynamic-content .dynamic-title:first-child,
    .dynamic-content h2:first-child,
    .dynamic-content h3:first-child{
        margin-top: 0;
    }

    .dynamic-content img{
        height: 180px;
    }

    .slider-btn-inner__left{
        left: 10px;
    }
    .slider-btn-inner__right{
        right: 10px;
    }

    .content-layout__r__news{
        display: flex;
        width: 100%;
    }
    .content-layout__news{
        width: 100%;
    }


    /*completed-projects*/

    .content-wrapper{
        margin-top: 24px;
    }

    .item-card__content{
        gap: 16px;
    }

    .item-card{
        flex-direction: column;
        gap: 10px;
        padding: 12px;
    }
    .item-card__header{
        gap: 12px;
    }
    .item-card__image{
        aspect-ratio: 296 / 148;
        max-width: 100%;
    }

    .item-card .h2{
        word-break: break-word;
        font-size: 16px;
        line-height: 120%;
    }

    /*END completed-projects*/

    /*project view*/
    .main__content{
        margin-top: 24px;
    }

    .layout__r-publication-article{
        flex-direction: column-reverse;
        gap: 40px;
    }

    .publication-article{
        margin-top: 16px;
    }

    .project__dynamic-content{
        margin-top: 24px;
    }

    .layout__project-card{
        border-radius: 10px;
        gap: 12px;
        padding: 12px;
    }

    .layout__project--card-image{
        height: 148px;
    }
    /*END project view*/

    /*news view*/
    .news-view__dynamic-content img{
        margin-top: 24px;
    }

    .news-view-filters{
        margin-top: 10px;
    }

    /*END news view*/

    .footer-logo .footer-logo-image{
        max-width:340px;
    }
    .footer-content{
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    .footer-policy,
    .footer-col__info-contacts{
        flex-direction: column;
    }
    .footer-bottom{
        flex-direction: column;
    }
    .footer-bottom__hide-item{
        display: none;
    }
    .footer-contacts__soc{
        margin-top: 34px;
    }
}