.post-inner{display:flex;}
.dateSection p span{color:var(--blue);}
.left .image a img{border-radius:20px 0 0 20px;}

.right .title {max-width:302px;}
.cta1{background:var(--yellow) !important; color:var(--blue) !important;}

.post-item {box-shadow: 0 5px 17px #565656; border-radius:20px;}

.blogSorted {padding:9px 15px;}


.popSLide{border: solid 1px #5656567a;}

.blogSortedList{
    gap: 10px;
    display: flex;
    flex-direction: column;
	list-style:none;
}
.blogSortedList li{color:white;}
.blogSorted a{display:flex; justify-content:space-between; border-bottom: solid 1px white;}


.rightWrapperTitleRecent{color:var(--blue); margin:10px auto 20px; text-align:center;}
.secondTextTitleBlog {
  background: var(--green);
  border-radius: 30px;
  color: #fff !important;
}
.pageArtb2{right:0;}
.secondTextTitle {
  background: var(--green);
  border-radius: 30px;
  color: #fff !important;
}

.leftBlogSection{display:flex; flex-direction:column; }

.title a{color:var(--green);}

.number-btn {border-radius:50px; background:var(--yellow); border:none; width:60px; height:60px; color:var(--blue);}

.dateforPops {display:flex; align-items:Center; text-align:center;  color:var(--blue); border-radius:60px; max-width:104px;}

.rightWrapperTitle{color:var(--yellow) !important; color:white; border-radius:60px; text-align:center; }

.socialNetContainer{margin-bottom:10px; gap:20px;}
.socialNetContainer:last-of-type { 
  margin-bottom: 0;
	
}

.rightWrapperTitle2{color:var(--yellow); justify-content:center; text-align:center; margin-bottom:20px;}

.socialNetContainer{max-width:200px; margin: 0 auto;}

.rightContainerWrapper:last-of-type {margin-bottom:0;}

.popSLide{background:white; border-radius:10px;}
.popimg img{max-width:140px; border-radius:18px;}
.popSLide{display:flex;gap:10px;}
.listPopItems{display:flex; flex-direction:column; gap:16px;}
.date-author{display:flex; gap:3px;}
.socialNetContainer{display:flex; gap:20px;}
.socialNameCONTAINER{ border-radius:60px;  width:100%;}


.socialNameCONTAINER p{color:white !important;}


.dateforPops{text-align:center; justify-content:center;}

.pagination-controls,.page-numbers{display:flex; gap:10px;}

.page-btn{background:none; border:none;}

.rightContainerWrapper{background:var(--blue); border-radius:30px;}
.post-authorPop{color:var(--gray);}
.image img{max-width:331px;}

.dateSection{ display:Flex;}

.pagination-controls{display:flex;}

.innnerBlogSection{display:flex;}

.summery,.title a{color:var(--blue);}



@media(max-width:1780px){
	
	    .pageArtb4 {
        right: 0;
        top: 2267px;
    }
	
		.pageArtb2{top:780px; max-width:200px;}
	.pageArtb3{top:1334px; left:0;}

    .pageArtb1{top:600px; left:400px;}
}

@media(max-width:1760px){
    .pageArtb1{top:600px; left:260px;}
}

@media (max-width: 1680px) {
    .leftBlogSection {
        gap: 64px;
    }
    .formMainCOnt{margin-top:128px; margin-bottom:88px;}
    .blogIndexContainer{margin-top:90px;}
}

@media (max-width: 1598px) {
    .pageArtb1{top:640px; left:260px;}
	
		.pageArtb3{top:1114px; left:0;}
    .pageArtb4 {
        right: 0;
        top: 2297px;
    }
	
}

@media (max-width: 1480px) {
    .pageArtb1 {
        left: 184px;
        top: 594px;
    }
}

@media (max-width: 1440px) {
    .pageArtb1 {
        left: 184px;
        top: 551px;
    }
	
	    .pageArtb4 {
        right: 0;
        top: 2086px;
    }
}

@media(max-width:1380px){
    .pageArtb1 {
        left: 184px;
        top: 540px;
    }
}

@media (max-width: 1280px) {
    .leftBlogSection{margin-right:88px;}
}

@media (max-width: 1200px) {
    .leftBlogSection{margin-right:38px;}
}

@media (max-width: 1080px) {


    .innnerBlogSection{flex-direction:column;}
    .secondTextTitle2{font-size:22px;}
    .secondTextTitleBlog{font-size:22px;}
    .rightWrapperTitle{max-width:420px; width:100%; margin:0 auto;}
    .rightWrapperTitle {
        padding: 10px 10px;
        font-size: 20px;
        margin-bottom: 32px;
    }
    .pagination-controls{margin:20px auto;}
    .pop-list,.blogSortedListWrapp {
        padding: 20px 20px;
    }
    .left{
        align-items: center;
        display: flex;
    }
}

@media (max-width: 980px) {}

@media (max-width: 680px) {
	.leftBlogSection {
        gap: 39px;
    }
	.title a h3{font-size:22px; margin-bottom:10px;}
	.summery{margin-bottom:10px;}
	
	.dateSection{font-size:16px;}
    .rightWrapperTitle{max-width: 224px;}
	
		.leftBlogSection{margin:0;}
	.post-item{width: 331px; margin: 0 auto; padding:20px;}
	.left{justify-content:center;}
	.image a img{margin:0 auto; max-width:331px;}
	.right{ max-width:331px; margin: 0 auto;}
	.post-inner{flex-direction:column;}
}

@media (max-width: 560px) {}

@media (max-width: 480px) {}

@media (min-width: 980px) {}

@media (min-width: 1080px) {
	
		.bloggiWrapp{
		    position: relative;
    bottom: 90px;
	}
	
		.popContent2 .title {
	max-width: 298px;
    margin: 0 auto;
}

.rightContainerWrapper{width:372px !important;}
	
	.post-inner .right{padding-right:48px;}
    .dateforPops{max-width:127px; margin-top:5px; margin-bottom:5px;}
    .rightWrapperTitle{padding:10px 10px; font-size:20px;margin-bottom:32px;}
    .secondTextTitleBlog{font-size:22px;}
    .post-authorPop{font-size:11px;}
    .pop-list,.blogSortedListWrapp{padding:28px 0 26px;}
    .popContent .title a{font-size:15px;}
    .rightBlogSection{max-width:372px;}
    .pagination-controls{position:relative; bottom:40px;}
    .post-item{max-width:720px; height:283px;}
	
		.left .image a {height:282px; display:flex;}
    .left .image a img{max-width:320px; width:100%; min-width:329px; max-height:282px;}
	   a h3{margin-top:24px;}
    .dateSection p span{font-size:20px}
    .summery{margin-top:10px;margin-bottom:10px; max-width:264px;}
    .title a{font-size:20px; !imporntant}
    .post-inner{gap:28px;}
    .secondTextTitle {
        padding: 4px 32px 6px !important;
    }
    .number-btn{font-size:26px;}
    .popSLide{padding:23px 11px 19px 15px;}
}

@media(min-width:1180px){
    .innerLogoo{position:relative; left:40px;}
    .sliderImg{position: relative; left: 118px;}
}

@media(min-width:1280px){
    .leftBlogSection{margin-right:118px;}
}

@media (min-width: 1400px) {}

@media (min-width: 1680px) {
    .leftBlogSection{gap:84px;}
    .blogIndexContainer{margin-top:100px;}
    .formMainCOnt{margin-top:148px; margin-bottom:118px;}
}

@media(min-width:1780px){
    .pageArtb1{top:600px; left:400px;}
	.pageArtb2{top:700px;}
	.pageArtb3{top:1334px; left:0;}
    .pageArtb4 {
        right: 0;
        top: 2267px;
    }
}