.images_wrapper {
    transition: all .3s cubic-bezier(0,0,.5,1);
    box-shadow: 0px 4px 4px 0px #0000004D;
    border-radius: 30px;
}

.single-post #page a {
    font-family: "Roboto" !important;
}
.single-post h4 + p {
  padding-top: 0 !important;
}
.main_section{
	margin-top : 100px;
}
.two-line-truncate {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

h4.wp-block-heading{
	    margin: 20px 0;
}

.lead {
    width: 70%;
}

.cont_image h3{
	min-height : 70px;
}

.app_wrap_det{
	display : none;
}
.gridimgs {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}
.cont_image .section_link{
	color: #14D0FF;
	display: block;
}
.cont_image .section_link:hover{
	color : #233EFF;
}
.cont_image .postdate span{
	font-family: 'Roboto';
	font-weight: 400;
	font-size: 16px;
	letter-spacing: 0.52px;
	vertical-align: middle;
	text-transform: uppercase;
	color : #4A5C6C;
}

.gridimgs img {
    height: 216px;
    width: 100%;
     border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}

.swiper-initialized .swiper-button-prev {
    background-image: url(https://yourdata.network/wp-content/uploads/2025/06/Arrow-button-1.png);
    left: -75px;
    width: 50px;
    height: 50px;
    top: 50%;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after , .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: '' !important;
}

.swiper-horizontal {
    overflow-x: visible !important;
}

.news_section , .articles_section , .product_update_section {
    overflow-x: hidden;
}

.swiper-initialized .swiper-button-next, .swiper-initialized .swiper-button-next {
    background-image: url(https://yourdata.network/wp-content/uploads/2025/06/Arrow-button.png);
    right: -34px;
    width: 50px;
    height: 50px;
    top: 50%;
}
.cont_image {
    padding: 30px 10px 30px 20px;
    text-align: left;
    border-radius: 30px;
    margin-bottom: 56px;
    min-height: 250px;
    position: relative;
}

.cont_image p {
    min-height: 65px;
}
section p {
    padding-top: 10px;
    margin: 0 0;
}

@media (max-width: 767px) {
	.cont_image p {
    min-height: unset;
}
.swiper-initialized .swiper-button-next {
    	right: 0px;
    	top: 34%;
	}
.swiper-initialized .swiper-button-prev {
    	left: 0;
    	top: 34%;
}
h3 , h2 {
    	text-align: left;
	}
.main_section {
    margin-top: 50px;
}
	.lead {
    width: auto;
}
}