.sticky_pojects_sec { position: relative; top: 0; width: 100%; /*height: 100vh;*/ background: rgba(188,197,211, 20%); }
.sticky_pojects_sec .pojects_wrap { position: relative; width: 100%; padding: 50px 50px 0; background: var(--white); }
.sticky_pojects_sec .sec_title { position: relative; width: 100%; max-width: 718px; margin-bottom: 50px; }
.sticky_pojects_sec .sec_title h2 { margin-bottom: 20px; color: #151B24;  }

.sticky_pojects_sec .slider-container {
    /*position: sticky;
    top: 0;
    height: 100vh;*/
    position: relative;
    display: flex;
    padding-top: 60px;
    overflow: hidden;
    border-right: solid 1px #BCC5D3;
}

.sticky_pojects_sec .slider-container:before { position: absolute; top: 60px; left: 0; z-index: 1; width: 100%; height: 1px; background: #BCC5D3; content: ''; }

.sticky_pojects_sec .left-block {
    position: relative;
    flex: 1;
    max-width: 796px;
    background: #fff;
    padding-bottom: 60px;
    overflow: hidden;
    border-right: solid 1px #BCC5D3;
    border-left: solid 1px #BCC5D3;
    transition: all ease-in-out 300ms;
}

.sticky_pojects_sec .left-block:hover { background: #F8FBFF; }

.sticky_pojects_sec .left-block .block_link { position: absolute; top: 0; left: 0; z-index: 2; display: block; width: 100%; height: 100%; }

.sticky_pojects_sec .left-block .imgbox { position: relative; display: flex; width: 100%;aspect-ratio: 796 / 442; overflow: hidden; }

.sticky_pojects_sec .left-block .imgbox img {
    display: inline-flex;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all ease-in-out 300ms;
}

.sticky_pojects_sec .left-block:hover .imgbox img { transform: scale(1.1); }

.sticky_pojects_sec .left-block .textwrap { position: relative; width: 100%; padding: 40px 36px 58px; }

.sticky_pojects_sec .project_info_head { display: flex; width: 100%; margin-bottom: 20px; align-items: center; }
.sticky_pojects_sec .project_info_head span { position: relative; display: inline-flex; font-family: 'stolzl'; font-size: 12px; color: rgba(63,73,87, 70%); font-weight: 400; }
.sticky_pojects_sec .project_info_head .pro_title { font-weight: 500; text-transform: uppercase; }
.sticky_pojects_sec .project_info_head .date { padding-left: 18px; }
.sticky_pojects_sec .project_info_head .date:before { position: absolute; left: 8px; content: '|'; }
.sticky_pojects_sec .left-block .textwrap h3 { margin-bottom: 21px; color: #06080B; line-height: 1.1666; font-weight: 400; text-transform: uppercase; }
.sticky_pojects_sec .left-block .textwrap .text { max-height: 75px; overflow: hidden; }
.sticky_pojects_sec .left-block .textwrap .more_link { display: flex; width: 100%; margin-top: 17px; }
.sticky_pojects_sec .left-block .textwrap .more_link span { display: inline-flex; font-size: 16px; color: #3F4957; text-decoration: underline; transition: all ease-in-out 300ms; }
.sticky_pojects_sec .left-block:hover .more_link span { font-weight: 700; color: #06080B; }

.sticky_pojects_sec .left-content {
    padding: 2rem;
}

.sticky_pojects_sec .left-category {
    font-size: 0.75rem;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0.5rem;
}

.sticky_pojects_sec .left-title {
    font-size: 2rem;
    margin-bottom: 1rem;
    color: #1a1a1a;
}

.sticky_pojects_sec .left-description {
    color: #666;
    line-height: 1.6;
    margin-bottom: 1rem;
}

.sticky_pojects_sec .left-link {
    color: #1a1a1a;
    text-decoration: underline;
    cursor: pointer;
}

.sticky_pojects_sec .right-block {
    flex: 1;
    position: relative;
    height: 65.3vh;
    /* min-height: 622px; 
    padding-bottom: 138px;*/
    border-top: solid 1px #BCC5D3;
    /* border-bottom: solid 1px #BCC5D3; */
}

.sticky_pojects_sec .slides-wrapper {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.sticky_pojects_sec .swiper-slide { min-height: 267px; max-height:269px; }

.sticky_pojects_sec .slide-content {
    position: relative;
    display: flex;
    gap: 42px;
    background: #fff;
    overflow: hidden;
    border-bottom: solid 1px #BCC5D3;
    transition: all ease-in-out 300ms;
}

.sticky_pojects_sec .slide-content:hover { background: rgba(180,197,222,0.15); }

.sticky_pojects_sec .slide-content .block_link { position: absolute; top: 0; left: 0; z-index: 2; display: block; width: 100%; height: 100%; }

.sticky_pojects_sec .slide-content .imgbox { position: relative; display: flex; min-width: 230px;max-width: 230px; height: 267px; overflow: hidden; }
.sticky_pojects_sec .slide-content .imgbox img { display: inline-flex; width: 100%; height: 100%; object-fit: cover; transition: all ease-in-out 300ms; }
.sticky_pojects_sec .slide-content:hover .imgbox img { transform: scale(1.1); }

.sticky_pojects_sec .slide-image {
    width: 45%;
    object-fit: cover;
}

.sticky_pojects_sec .slide-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.sticky_pojects_sec .slide-text .textwrap { position: relative; max-width: 280px; }

.sticky_pojects_sec .slide-text .textwrap h3 { margin-bottom: 21px; color: #06080B; line-height: 1.1666; font-weight: 400;  }
.sticky_pojects_sec .slide-text .textwrap .more_link { display: flex; width: 100%; margin-top: 17px; }
.sticky_pojects_sec .slide-text .textwrap .more_link span { display: inline-flex; font-size: 16px; color: #3F4957; text-decoration: underline;transition: all ease-in-out 300ms; }
.sticky_pojects_sec .slide-content:hover .slide-text .textwrap .more_link span { font-weight: 700; color: #06080B; }

.sticky_pojects_sec .slide-link {
    color: #1a1a1a;
    text-decoration: underline;
    cursor: pointer;
}

.sticky_pojects_sec .slider-controls {
    position: absolute;
    right: 0;
    left: 0;
    display: flex;
}

.sticky_pojects_sec .right-block.mobile_show { display: none; }

.sticky_pojects_sec .slider-controls.top { height: 60px; padding: 0 50px; align-items: center; justify-content: flex-end; border-top: solid 1px #BCC5D3; }
.sticky_pojects_sec .slider-controls.top:after,
.sticky_pojects_sec .slider-controls.top:before { position: absolute; top: 0; z-index: 1; width: 1px; height: 100%; background: #BCC5D3; content: ''; }
.sticky_pojects_sec .slider-controls.top:before { left: 50px; }
.sticky_pojects_sec .slider-controls.top:after { right: 50px; }
.sticky_pojects_sec .slider-controls .slider-pagination { display: flex; width: auto; font-family: 'stolzl'; font-size: 32px; color: #06080B; font-weight: 500; letter-spacing: 0.02em; padding-right: 24px; }
.sticky_pojects_sec .slider-controls .slider-pagination i{ font-style: normal; padding: 0 3px; position: relative;}
.sticky_pojects_sec .slider-controls.hide_navigation .slider-pagination { display: none; }

.sticky_pojects_sec .slider-controls.bottom { bottom: -70px; justify-content: center; }
.sticky_pojects_sec .slider-nav { display: flex; width: 118px; justify-content: space-between; }

.sticky_pojects_sec div[class*="nav-button"] { display: flex; background: none; cursor: pointer; }

.sticky_pojects_sec div[class*="nav-button"] .arrow { display: flex; width: 21px; height: 13px; background-position: center center; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20.853' height='12.711' viewBox='0 0 20.853 12.711'%3e%3cpath d='M0,8.449,8.161,0l8.449,8.449' transform='translate(2.121 2.14)' fill='none' stroke='%233f4957' stroke-linecap='round' stroke-width='3'/%3e%3c/svg%3e"); transition: all ease-in-out 300ms; }
.sticky_pojects_sec .img_text_arrows_wrap div[class*="nav-button-prev"] { transform: rotate(-90deg); }
.sticky_pojects_sec .slider-nav div[class*="nav-button-next"] { transform: rotate(180deg); }
.sticky_pojects_sec div[class*="nav-button"].swiper-button-disabled { cursor: default; }
.sticky_pojects_sec div[class*="nav-button"]:not(.swiper-button-disabled):hover .arrow { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20.853' height='12.711' viewBox='0 0 20.853 12.711'%3e%3cpath d='M0,8.449,8.161,0l8.449,8.449' transform='translate(2.121 2.14)' fill='none' stroke='%231532ff' stroke-linecap='round' stroke-width='3'/%3e%3c/svg%3e "); }
.sticky_pojects_sec div[class*="nav-button"].swiper-button-disabled .arrow { opacity: 0.70; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20.853' height='12.711' viewBox='0 0 20.853 12.711'%3e%3cpath d='M0,8.449,8.161,0l8.449,8.449' transform='translate(2.121 2.14)' fill='none' stroke='%233f4957' stroke-linecap='round' stroke-width='2'/%3e%3c/svg%3e"); }
.sticky_pojects_sec div[class*="nav-button"].swiper-button-lock { display: none; }



@media (min-width: 1800px) {
    
    .sticky_pojects_sec .pojects_wrap { padding-top: 65px; }
    /* .sticky_pojects_sec .right-block { height: 65.4vh; } */
    .sticky_pojects_sec .swiper-slide { min-height: 310px; max-height: 330px; }
    .sticky_pojects_sec .slide-text .textwrap { position: relative; max-width: 300px; }
    .sticky_pojects_sec .slide-content .imgbox { min-width: 427px;max-width: 427px; height: 329px !important; }
    .sticky_pojects_sec .slider-controls.bottom { bottom: -50px; }
}

@media (min-width: 1921px) {

    /* .sticky_pojects_sec { height: 100vh; }
    .sticky_pojects_sec .container,
    .sticky_pojects_sec .pojects_wrap { height: 100%; }
    .sticky_pojects_sec .slider-container { height: 100%; }
    .sticky_pojects_sec .right-block { height: calc(100% - 126px);padding-bottom: 130px; } 
    .sticky_pojects_sec .swiper-slide { display: flex; min-height: 35vh; height: calc(50% - 1px) !important; }*/
    .sticky_pojects_sec .right-block { height: 661px; }
    .sticky_pojects_sec .slide-content {  width: 100%; }
    .sticky_pojects_sec .slide-content .imgbox {height: 100%; }
    .sticky_pojects_sec .slider-controls.bottom { bottom: -70px; }
    

}


@media (min-width: 1600px) and (max-width: 1799px) {

    .sticky_pojects_sec .pojects_wrap { padding-top: 35px; }
    .sticky_pojects_sec .sec_title { margin-bottom: 30px; }
    .sticky_pojects_sec .left-block { max-width: 532px; }
    .sticky_pojects_sec .left-block .imgbox { aspect-ratio: 531 / 382; }
    .sticky_pojects_sec .right-block { height: 563px; }
    .sticky_pojects_sec .swiper-slide { min-height: 280px; }
    .sticky_pojects_sec .slide-content .imgbox { height: 280px; }
    .sticky_pojects_sec .slide-text .textwrap { padding-right: 30px; }
    .sticky_pojects_sec .slider-controls.bottom { bottom: -51px; }

}


@media (min-width: 1401px) and (max-width: 1599px) {
    
    .sticky_pojects_sec .pojects_wrap { padding-top: 35px; }
    .sticky_pojects_sec .sec_title { margin-bottom: 30px; }
    .sticky_pojects_sec .left-block { max-width: 532px; }
    .sticky_pojects_sec .left-block .imgbox { aspect-ratio: 531 / 382; }
    .sticky_pojects_sec .right-block { height: 563px; }
    .sticky_pojects_sec .swiper-slide { min-height: 280px; max-height:290px; }
    .sticky_pojects_sec .slide-content .imgbox { height: 280px; }
    .sticky_pojects_sec .slide-text .textwrap { padding-right: 30px; }
    .sticky_pojects_sec .slider-controls.bottom { bottom: -70px; }

}


@media (min-width: 1300px) and (max-width: 1399px) {

   
    .sticky_pojects_sec .slider-controls.bottom { bottom: 40px; }
    .sticky_pojects_sec .pojects_wrap { padding-top: 35px; }
    .sticky_pojects_sec .sec_title { margin-bottom: 30px; }
    .sticky_pojects_sec .slider-container { min-height: 100%; }
    .sticky_pojects_sec .left-block { max-width: 532px; }
    .sticky_pojects_sec .left-block .imgbox { aspect-ratio: 531 / 382; }
    .sticky_pojects_sec .right-block { height: 563px; }
    .sticky_pojects_sec .swiper-slide { min-height: 280px; }
    .sticky_pojects_sec .slide-content .imgbox { height: 279px; }
    .sticky_pojects_sec .left-block .textwrap { padding: 35px 25px 35px; }
    .sticky_pojects_sec .left-block .textwrap h3 { font-size: 22px; margin-bottom: 15px; }
    .sticky_pojects_sec .left-block .textwrap .more_link { margin-top: 12px; }
    .sticky_pojects_sec .slide-content { gap: 25px; }
    .sticky_pojects_sec .project_info_head { margin-bottom: 10px; }
    .sticky_pojects_sec .slide-text .textwrap { padding-right: 25px; }
    .sticky_pojects_sec .slide-text .textwrap h3 { font-size: 20px; margin-bottom: 15px; }
    .sticky_pojects_sec .slide-text .textwrap .more_link { margin-top: 10px; }
    .sticky_pojects_sec .slider-controls.bottom { bottom: -30px; }

}


@media (min-width: 1231px) and (max-width: 1299px) {

    .sticky_pojects_sec .pojects_wrap { padding-top: 35px; }
    .sticky_pojects_sec .sec_title { margin-bottom: 30px; }

    .sticky_pojects_sec .left-block { max-width: 532px; }
    .sticky_pojects_sec .left-block .textwrap { padding: 35px 25px 35px; }
    .sticky_pojects_sec .left-block .textwrap h3 { font-size: 22px; margin-bottom: 15px; }
    .sticky_pojects_sec .left-block .textwrap .more_link { margin-top: 12px; }
    .sticky_pojects_sec .left-block .imgbox { aspect-ratio: 531 / 382; }
    .sticky_pojects_sec .right-block { height: 563px; }
    .sticky_pojects_sec .swiper-slide { min-height: 280px; }
    .sticky_pojects_sec .slide-content .imgbox { height: 280px; }
    .sticky_pojects_sec .slide-content { gap: 25px; }
    .sticky_pojects_sec .project_info_head { margin-bottom: 10px; }
    .sticky_pojects_sec .slide-text .textwrap { padding-right: 25px; }
    .sticky_pojects_sec .slide-text .textwrap h3 { font-size: 20px; margin-bottom: 15px; }
    .sticky_pojects_sec .slide-text .textwrap .more_link { margin-top: 10px; }    
    .sticky_pojects_sec .slider-controls.bottom { bottom: -30px; }

}


@media (min-width: 992px) and (max-width: 1230px) {

    .sticky_pojects_sec { height: 100vh; }
    .sticky_pojects_sec .container,
    .sticky_pojects_sec .pojects_wrap { height: 100%; }
    .sticky_pojects_sec .pojects_wrap { padding-top: 40px; padding-right: 25px; padding-left: 25px; }
    .sticky_pojects_sec .slider-container { min-height: 100%;overflow: visible; padding-bottom: 70px; }
    .sticky_pojects_sec .slider-controls.top { padding-right: 25px; padding-left: 25px; }
    .sticky_pojects_sec .slider-controls.top:before { left: 25px; }
    .sticky_pojects_sec .slider-controls.top:after { right: 25px; }
    .sticky_pojects_sec .slide-content { gap: 20px; }
    .sticky_pojects_sec .left-block { width: 70%; max-width: 400px; }
    .sticky_pojects_sec .left-block .textwrap { padding: 35px 25px 35px; }
    .sticky_pojects_sec .left-block .textwrap h3 { font-size: 22px; margin-bottom: 15px; }
    .sticky_pojects_sec .left-block .textwrap .more_link { margin-top: 12px; }
    .sticky_pojects_sec .slide-text .textwrap { padding-right: 20px; }
    .sticky_pojects_sec .project_info_head { margin-bottom: 10px; }
    .sticky_pojects_sec .slide-text .textwrap h3 { font-size: 20px; margin-bottom: 15px; }
    .sticky_pojects_sec .slide-text .textwrap .more_link { margin-top: 10px; }
    .sticky_pojects_sec .right-block { height: 62.1vh; }
    .sticky_pojects_sec .swiper-slide { min-height: 237px; }
    .sticky_pojects_sec .slide-content .imgbox { height: 267px; }
    .sticky_pojects_sec .slider-controls.bottom { bottom: -30px; }

    
}

@media (min-width: 768px) and (max-width: 991px) {

    .sticky_pojects_sec .slide-content .imgbox { height: auto; aspect-ratio: 991 / 635; }

}

@media (max-width: 991px) {

    .sticky_pojects_sec { padding-bottom: 50px; background: #F8FBFF; }
    .sticky_pojects_sec .container { max-width: 100%; padding: 0 0; }
    .sticky_pojects_sec .pojects_wrap { padding: 75px 0 0 0; }
    .sticky_pojects_sec .sec_title { margin-bottom: 0; padding: 0 30px; }
    .sticky_pojects_sec .sec_title h2 { margin-bottom: 25px; }
    .sticky_pojects_sec .slider-container { padding-top: 46px; }
    .sticky_pojects_sec .slider-container:before { display: none; }
    .sticky_pojects_sec .left-block,
    .sticky_pojects_sec .right-block,
    .sticky_pojects_sec .slider-controls.top { display: none; }
    .sticky_pojects_sec .right-block.mobile_show { display: block; width: 100%; height: auto; border: none; }
    .sticky_pojects_sec .highlights-mobile-slider .slide-content { flex-direction: column; gap: 0; }
    .sticky_pojects_sec .slide-content .imgbox { min-width: 100%; max-width: 100%; }
    .sticky_pojects_sec .slide-text { width: 100%; padding: 32px 30px 30px; }
    .sticky_pojects_sec .slide-text .textwrap h3 { text-transform: none; }


    .sticky_pojects_sec .highlights-controls { position: relative; width: 100%; padding: 25px 0; z-index: 1; }
    .sticky_pojects_sec .highlights-controls .highlights-bullets { display: flex; justify-content: center; align-items: center; gap: 7px; }
    .sticky_pojects_sec .highlights-controls .highlights-bullets .bullet { width: 10px; height: 10px; margin: 0 0; background: #BCC5D3; opacity: 1; border-radius: 0; border: none; }
    .sticky_pojects_sec .highlights-controls .highlights-bullets .bullet.active { background: #021179; opacity: 1; }
    .sticky_pojects_sec .pagination_wrap { position: relative; width: 100%; height: 60px; padding-right: 30px; display: flex; justify-content: flex-end; align-items: center;border-top: solid 1px #BCC5D3;border-bottom: solid 1px #BCC5D3; }
    .sticky_pojects_sec .pagination_wrap .highlights-numbers { display: flex; width: auto; font-family: stolzl; font-size: 32px; color: #151B24; font-weight: 500; letter-spacing: 0.02em; }


    .sticky_pojects_sec .right-block.mobile_show 
    {
                min-height: 637px;
    }
    .sticky_pojects_sec .right-block.mobile_show .highlights-mobile-slider {
        overflow: unset;
    }
}


@media (max-width: 767px) {
    .sticky_pojects_sec .slide-content .imgbox { height: 250px; }
}