.portfolio_inner{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.portfolio_inner .text{width:43%; display: flex; align-items: flex-start; flex-direction: column;}

.portfolio_inner .text h2{color: var(--navy); font-family: Eros; font-size: 45px; font-style: normal; font-weight: 400; line-height: 50px; letter-spacing: 3px;}
.portfolio_inner .text .description{display: flex; flex-direction: column; gap:25px; margin: 40px 0 60px 0;}
.portfolio_inner .text .description p{color: var(--grey); font-size: 17px; font-style: normal; font-weight: 400; line-height: 26px; letter-spacing: -0.36px;}
.portfolio_inner .img{width:41%; position:relative;}
.portfolio_inner .img .slider-buttons{    position: absolute;  right: 0; top: 50%; transform: translate(50%, -50%); z-index: 1;}
.portfolio_inner .img .slider-buttons .swiper-button-prev{display:none;}
.portfolio_inner .img .slider-buttons .swiper-button-next{width: 60px; height: 60px; flex-shrink: 0; aspect-ratio: 1/1; border-radius: 60px; background: #FFF;
box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.10);     position: static;}
.portfolio_inner .img .slider-buttons .swiper-button-next:after{display:none;}
.portfolio_inner .img .slider-buttons .swiper-button-next svg{width:18px;}

.portfolio_inner .img .portfolio_slider{position: relative; border-radius: 6px; overflow: hidden; display: flex;}
.portfolio_inner .img .portfolio_slider img{width:100%; aspect-ratio:1/1;}
.portfolio_inner .img .portfolio_slider h3{position: absolute; z-index: 1; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0, rgba(0, 0, 0, 0.90) 100%);
    left:0; bottom: 0; right: 0; color: #FFF; font-family: Eros; font-size: 36px; line-height: 40px; font-style: normal; font-weight: 400; letter-spacing: 2px; 
    padding:60px 30px 30px 30px;}
	
	.portfolio_inner .img .portfolio_slider h3 a{color:#ffffff; text-decoration:none; font-family: Eros;}


@media all and (max-width:1599px)
{
.portfolio_inner .text h2 { font-size: 40px; line-height: 45px;}
}

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

}

@media all and (max-width:1199px)
{
.portfolio_inner .text h2{font-size: 40px; line-height: 45px;}
.portfolio_inner .text .description p{  font-size: 15px;  line-height: 24px;}
}

@media all and (max-width:991px)
{ 
.portfolio_inner .text{width: 48%;} 
.portfolio_inner .img {  width: 48%;}
.portfolio_inner .text h2 {  font-size: 40px;  line-height: 48px; }
.portfolio_inner .text .description p { font-size: 15px;  line-height: 24px;}
.portfolio_inner .img .slider-buttons .swiper-button-next { width: 50px; height: 50px;}
.portfolio_inner .img .slider-buttons { transform: translate(20%, -50%);}
.portfolio_inner .text .description { margin: 20px 0 30px 0;}
}

@media all and (max-width:767px)
{
.portfolio_inner{flex-direction: column-reverse; gap:30px}
.portfolio_inner .img {   width: 100%; }
.portfolio_inner .text {  width: 100%; }
.portfolio_inner .text h2 { font-size: 34px;  line-height: 38px; }
.portfolio_inner .img .portfolio_slider h3 { font-size: 30px; line-height: 36px; padding: 50px 25px 25px 25px;}
}
