.resources_block {
    padding: 165px 0px 165px 0px;
    position: relative;
    overflow: hidden;
}
.res_wrapper {
    background: var(--graident-blue);
    padding: 111px 0px;
}
.res_static_block {
    width: 50%;    
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.res_header .common-title {
    color: var(--white);
    text-wrap: balance;
}
.res_static_block .desc * {
    margin: 0;
    font-family: var(--outfit-regular);
    font-size: var(--font-20);
    line-height: 25px;
    color: var(--white);
}

.res_list {
    position: absolute;
    top: 50%;
    left: 52%;
    height: 100%;
    width: 100%;
    transform: translateY(-50%);
}

.res-carousel {
    overflow-x: hidden;
}


.res-carousel .swiper-slide .swiper-card{
    box-shadow: 0px 0px 6px #00000029;
}
.res-carousel .swiper-button-prev:after,
.res-carousel .swiper-button-next:after{
    display: none;
}
.swiper-slide .swiper-card .slide-img{
    height: 373px;
    width: 100%;
    overflow: hidden;
}
.swiper-slide .swiper-card .slide-img img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.res-carousel .swiper-button-prev {
    position: absolute;
    top: 100%;
    left: -145px;
}
.res-carousel .swiper-button-next {
    position: absolute;
    top: 100%;
    left: -70px;
}
.resource-swiper .swiper-wrapper{
    /* overflow-x: hidden; */
    padding-bottom: 10px;
    padding-left: 10px;
}
.resource-swiper{
    width: 50%;
}
.swiper-item {
    gap: 18px;
}
.slide-con{
    background: var(--white);
    padding: 35px 31px 0 29px;
}
.res_list .date{
    font-family: var(--outfit-regular);
    font-size: 20px;
    color: var(--brown);
    line-height: 25px;
    padding-bottom: 18px;
}
.res_list .slide-head{
    font-family: var(--outfit-bold);
    font-size: 30px;
    color: var(--primary-blue);
    line-height: 38px;
    padding-bottom: 8px;
}
.res_list .slide-para{
    font-family: var(--outfit-regular);
    font-size: 20px;
    color: var(--primary-blue);
    line-height: 25px;
    padding-bottom: 33px;
}
.hor-line{
    height: 2px;
    width: 100%;
    background: var(--brown);
}
.bottom-con{
    padding: 30px 0px 25px;
}
#res_pagination {
    display: flex;
    align-items: center;
    gap: 26px;
    justify-content: end;
}
#res_pagination  .swiper-button-next:after, #res_pagination  .swiper-button-prev:after{
    display: none;
}
#res_pagination > .swiper-button-prev, 
#res_pagination > .swiper-rtl .swiper-button-next,
#res_pagination > .swiper-button-next, .swiper-rtl .swiper-button-prev{
    position:unset !important;
    width: unset !important;
    margin: unset !important;
}

.slide-head {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.slide-para p {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media(min-width:992px) and (max-width:1400px) {
    .resources_block{
        padding: 100px 0 130px 0px;
    }
    .swiper-slide .swiper-card .slide-img {
        height: 330px;
        width: 100%;
        overflow: hidden;
    }
}
@media(max-width:1430px) {
    .res-carousel .swiper-button-prev,
    .res-carousel .swiper-button-next {
        top: 103%;
    }
}
@media(max-width:1050px) {
    .res-button .primary-btn {
        padding: 19px 35px;
    }
}
@media(max-width:992px) {
    .res_btn_group {
        flex-direction: column;
    }
    #res_pagination{
        display: none;
    }
    .resources_block {
        padding: 0px;
    }
    .res_wrapper {
        padding: 55px 0px 69px;
    }
    .res_static_block {
        width: 100%;
        text-align: center;
    }
    .res_list {
        display: none;
    }
}