.trio-slider{
    position: relative;
 }
 .trio-slider .owl-nav{
     display: flex;
     justify-content: space-between;
     align-items: center;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     left: 0;
     right: 0;
 }
.trio-slider .owl-dots{
   margin-top: 40px !important;
}
.trio-slider .owl-dots .owl-dot span{
	background-color:#66ac50;
	opacity:0.3;
}
.trio-slider .owl-dots .owl-dot.active span{
	background-color:#66ac50;
	opacity:1;
}
 .owl-carousel.trio-slider .owl-nav .owl-prev,
 .owl-carousel.trio-slider .owl-nav .owl-next{
     display: inline-block;
     text-align: center !important;
     line-height: normal !important;
     cursor: pointer;
     background: rgba(0,0,0,0.8) !important;
     color: #fff !important;
     margin: 0;
     font-size: 40px !important;
     padding: 2px 15px 6px 15px !important;
     box-shadow: none;
     border-radius: 0px;
     transition: all 0.5s ease-out 0s;
 }
 .trio-slider.owl-carousel .owl-nav .owl-prev:hover,
 .trio-slider.owl-carousel .owl-nav .owl-next:hover{
     background-color: #09725b !important;
 }
 .trio-slider .owl-stage{
     position: relative;
 }
 .trio-slider .owl-stage .item{
     height: 600px;
 }
 .trio-slider .owl-stage .post-grid{
     display: grid;
     grid-template-columns: repeat(12, 1fr);
     gap: 20px;
     height: 100%;
 }
 .trio-slider .owl-stage .post-grid .post-item:first-child{
     grid-column: span 6;
     grid-row: span 12;
 }
 .trio-slider .owl-stage  .post-grid .post-item{
     grid-column: span 6;
     grid-row: span 6;
     height: 100%;
     position: relative;
 }
 .trio-slider .owl-stage  .post-grid .post-item .post-img{
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center center;
     position: relative;
     overflow: hidden;
     height: 100%;
 }
 .trio-slider .owl-stage .post-grid .post-item .post-img .post-content{
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     padding: 30px;
     color: #ffffff;
     z-index: 1;
	 display:flex;
	 flex-direction:column;
	 gap:15px;
 }
 .trio-slider .owl-stage .post-grid .post-item .post-img .post-content p,
 .trio-slider .owl-stage .post-grid .post-item .post-img .post-content h2{
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
	 color:#fff;
	 padding:0;
	 margin:0;
 }
 .trio-slider .owl-stage  .post-grid .post-item .post-img .post-content .read-more{
     position: relative;
     transition: all 0.5s ease-out 0s;
     text-decoration: none !important;
     padding: 8px 15px;
     font-size: 13px;
     display: inline-block;
     box-sizing: border-box;
     line-height: normal !important;
     text-align: center;
     color: #fff;
     border: 1px solid #ffffff;
	 width:max-content;
 }
 .trio-slider .owl-stage .post-grid .post-item .post-img .post-content .read-more:hover{
     color: #09725b;
     background-color: #ffffff;
 }
 .trio-slider .owl-stage .post-grid .post-item .post-img::before{
     position: absolute;
     z-index: 0;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     content: '';
     background-color: #000;
	 opacity:0.5;
     transition: all 200ms linear;
 }
 .trio-slider .owl-stage  .post-grid .psacp-post-linkoverlay{
     position: absolute;
     width: 100%;
     top: 0px;
     bottom: 0px;
     z-index: 1;
     left: 0px;
     right: 0px;
 }
 @media only screen and (max-width:767px) {
     .trio-slider .owl-stage .post-grid .post-item,
     .trio-slider .owl-stage .post-grid .post-item:first-child{
         grid-column: span 12;
         grid-row: span 4;
     } 
     .trio-slider .owl-stage .item{
         height: auto;
     }
     .trio-slider .owl-stage .post-grid .post-item{
         height: 300px;
     }
 }