.section-wrap{padding: 130px 0;}
.case-studies-banner{position: relative; text-align: center; z-index: 1;}
.case-studies-banner:after{position: absolute; content: ""; background-image: url(../images/case-studies-list/case-studies-banner-shape1.png); width: 232px; height: 470px; background-size: 100%; background-repeat: no-repeat; background-position: center; right: 0; bottom: 0; z-index: -1;}
.case-studies-banner:before{position: absolute; content: ""; background-image: url(../images/case-studies-list/case-studies-banner-shape2.png); width: 185px; height: 141px; background-size: 100%; background-repeat: no-repeat; background-position: center; left: 0; bottom: 0; z-index: -1;}
.case-studies-banner h1{font-size: 54px; margin-bottom: 45px;}
.case-studies-banner p{font-size: 24px; line-height: 33px;}
.case-studies-banner .banner-content{max-width: 1170px; width: 100%; margin: 0 auto;}

.filter-cta-search{display: flex; margin-bottom: 90px;}
.filter-cta-search .case-studies-btn{width: 70%;}
.filter-cta-search .case-studies-btn ul{display: inline-block;}
.filter-cta-search .case-studies-btn ul > li{display: inline; padding: 0; margin-right: 20px;}
/*.filter-cta-search .case-studies-btn ul > li:last-child{margin-right: 0;}*/
.filter-cta-search .case-studies-btn ul > li > a{text-decoration: none; font-size: 16px; padding: 12px 30px; background-color: #F6F6F6; display: inline-block; border-radius: 40px; color: #000; transition: all ease-in-out 0.3s;}
.filter-cta-search .case-studies-btn ul > li > a:hover,.filter-cta-search .case-studies-btn ul > li > a.active{background-color: #FFD82D;}
.filter-cta-search .case-studies-btn ul > li:before{display: none;}
.filter-cta-search .filter-search{position: relative; width: 30%;}
.filter-cta-search .filter-search > form > input{border: 0; height: 45px; border-bottom: 1px solid #919191; border-radius: 0; font-size: 16px; color: #000; padding: 0; padding-right: 50px;}
.filter-cta-search .filter-search > form > input::placeholder{font-size: 16px; color: #919191;}
/*.filter-cta-search .filter-search > input:focus::placeholder{color: #000;}*/
.filter-cta-search .filter-search > .searchButton{position: absolute;right: 15px;top: 12px;width: 21px;border: 0;padding: 0;background-color: transparent;}

.case-studies-filter{padding-bottom: 0!important;}
.case-studies-list .case-studies-block{margin-bottom: 130px; display: inline-block; width: 100%; height: 100%; display: none;}
/*.case-studies-list .case-studies-block:last-of-type{margin-bottom: 0;}*/
.case-studies-list .case-studies-block .title{position: relative; z-index: 1; display: block;  margin-bottom: 30px;}
.case-studies-list .case-studies-block .title:before{position: absolute; content: ""; width: 100%; height: 1px; background-color: #FFD82D; left: 0; right: 0; top: 50%; transform: translateY(-50%); z-index: -1;}
.case-studies-list .case-studies-block h2{font-size: 52px; line-height: 1.4; z-index: 1; background-color: #fff; padding-right: 12px; display: inline-block;}
.case-studies-list .case-studies-block p{margin-bottom: 20px; line-height: 1.4; max-width: 755px; width: 100%;}
.case-studies-list .case-studies-block .tags{margin-bottom: 40px;}
.case-studies-list .case-studies-block .tags ul{display: inline-block;}
.case-studies-list .case-studies-block .tags ul > li{display: inline; padding: 5px 20px; font-size: 12px; line-height: 1.25; margin-right: 20px; border-radius: 40px; background-color: #F6F6F6;}
.case-studies-list .case-studies-block .tags ul > li:last-child{margin-right: 0;}
.case-studies-list .case-studies-block .tags ul > li:before{display: none;}
.case-studies-list .case-studies-block .row .col1{width: 56.6%;}
.case-studies-list .case-studies-block .row .col2{width: 43.4%;}
.case-studies-list .case-studies-block .case-study-img{cursor: n-resize; border-radius: 15px; display: flex; box-shadow: 0px 0px 7px rgba(0 0 0 / 15%);}
.case-studies-list .case-studies-block .case-study-img > img{width: 100%;object-fit: cover;object-position: top;height: 480px;transition: 8s all ease; border-radius: 15px;}
.case-studies-list .case-studies-block .case-study-img > img:hover{object-position: bottom;}
.case-studies-list .case-studies-block .link-block{display: inline-block; border: 1px solid #000; border-radius: 15px; padding: 50px 45px; margin-bottom: 20px; width: 100%;}
.case-studies-list .case-studies-block .link-block p{margin-bottom: 40px; line-height: 1.4;}
.case-studies-list .case-studies-block .link-block .btn{display: flex; column-gap: 40px;}
.case-studies-list .case-studies-block .link-block .btn > a{width: 50%; font-size: 16px;padding: 10px 15px;}
.case-studies-list .case-studies-block .case-studies-logo-block{display: flex; justify-content: center; align-items: center; padding: 20px; background-color: #015AFD; border-radius: 15px; min-height: 220px;} 


@media (max-width:1600px){
    .section-wrap {padding: 110px 0;}
    .case-studies-banner:after{width: 102px; height: 212px;}
    .case-studies-banner:before{width: 125px;height: 91px;}
   
    
}

@media (max-width:1366px){
    .case-studies-banner:after,.case-studies-banner:before{display: none;}
    .case-studies-banner h1{font-size: 42px; margin-bottom: 25px;}
    .case-studies-banner p{font-size: 21px;}
    
    .case-studies-list .case-studies-block .link-block{padding: 30px 25px;}
    .case-studies-list .case-studies-block .link-block .btn{column-gap: 15px;}
}

@media (max-width:1199px){
    .section-wrap {padding: 90px 0;}
    .filter-cta-search{margin-bottom: 50px;}
/*
    .filter-cta-search .case-studies-btn {width: 65%;}
    .filter-cta-search .filter-search {width: 35%;}
*/
    .filter-cta-search .case-studies-btn ul > li{margin-right: 10px;}
    .case-studies-list .case-studies-block .link-block .btn{column-gap: 0;flex-wrap: wrap;}
    .case-studies-list .case-studies-block .link-block .btn > a{width: 100%;}
    .case-studies-list .case-studies-block .link-block .btn > a:first-child{margin-bottom: 12px;}
    .case-studies-list .case-studies-block{margin-bottom: 90px;}
    .case-studies-list .case-studies-block h2{font-size: 40px;}
    
}

@media (max-width:1023px){
    .filter-cta-search .case-studies-btn ul > li > a{padding: 12px 25px;}
    
}

@media (max-width:991px){
    .section-wrap {padding: 60px 0;}
    .filter-cta-search{flex-wrap: wrap;}
    .filter-cta-search .case-studies-btn {width: 100%; margin-bottom: 20px;}
    .filter-cta-search .filter-search{width: 100%;}
    .case-studies-list .case-studies-block .row .col1{width: 100%; margin-bottom: 40px;}
    .case-studies-list .case-studies-block .row .col2 {width: 100%; display: flex; column-gap: 20px;}
    .case-studies-list .case-studies-block .link-block{width: 50%; margin-bottom: 0;}
    .case-studies-list .case-studies-block .case-studies-logo-block{width: 50%;}
    
}

@media (max-width:767px){
    .section-wrap {padding: 50px 0;}
    .case-studies-banner h1{font-size: 34px;}
    .case-studies-banner p {font-size: 18px;line-height: 28px;}
    
    .case-studies-list .case-studies-block .tags ul > li{margin-right: 5px;}
    .case-studies-list .case-studies-block h2 {font-size: 33px;}
    .case-studies-list .case-studies-block {margin-bottom: 60px;}
    
    .filter-cta-search .case-studies-btn ul {display: flex;flex-wrap: wrap; gap:12px;}
    .filter-cta-search .case-studies-btn ul > li{margin-right: 0; width: calc(50% - 6px);}
    .filter-cta-search .case-studies-btn ul > li > a{width: 100%; text-align: center;}
    
}

@media (max-width:640px){
    .section-wrap {padding: 40px 0;}
    
    .case-studies-list .case-studies-block .link-block {padding: 20px;}
    .case-studies-list .case-studies-block .link-block p{margin-bottom: 20px;}
    .case-studies-list .case-studies-block .row .col2{flex-wrap: wrap; column-gap: 0;}
    .case-studies-list .case-studies-block .link-block{width: 100%;}
    .case-studies-list .case-studies-block .case-studies-logo-block{width: 100%; min-height: auto;}
    .case-studies-list .case-studies-block .link-block{margin-bottom: 20px;}
    .case-studies-list .case-studies-block .link-block .btn{column-gap: 10px;}
    .case-studies-list .case-studies-block .link-block .btn > a{width: calc(50% - 5px); margin-bottom: 0;}
    .case-studies-list .case-studies-block .link-block .btn > a:first-child{margin-bottom: 0;}
    .case-studies-list .case-studies-block .tags ul {display: flex;flex-wrap: wrap; gap:10px;}
    .case-studies-list .case-studies-block .tags ul > li{margin-right: 0; width: auto;}
}

@media (max-width:480px){
    ul.our-work-listing li{width: 100%;}
    .case-studies-list .case-studies-block .title:before{display: none;}
    .case-studies-list .case-studies-block h2 {font-size: 28px;line-height: 1.2;}
    .filter-cta-search .case-studies-btn ul > li > a{font-size: 15px;padding: 12px 14px;}
    .case-studies-list .case-studies-block .link-block .btn {column-gap: 0;}
    .case-studies-list .case-studies-block .link-block .btn > a{width: 100%;}
    .case-studies-list .case-studies-block .link-block .btn > a:first-child {margin-bottom: 10px;}
}