#content{
	display:flex;
    gap:20px !important;
}

#content >div{
padding:0px;
}

#vk_groups{
	border-radius:15px;
	padding-top:20px;
}
 
#content >div:first-child{
	width:70%;
 
 
}

#content >div:last-child{
   min-width:350px;
 
}

#content .base{
	width:100% !important;
}

#c2{
 
display:none;
}

#c1 > button {
    width: 100%;
    background: #D92625; 
    color: #ffffff;
    border: none;
    border-radius: 5px;
    padding: 6px 20px;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.2s ease;
}

#c1 > button:hover {
    background: #c0392b;  
}



 #news{
	 text-align:center;
	padding:30px 0 40px 0;
	margin-top:25px;
	background-color:#EFEFEF;
	border-radius:20px;
	width:100%;      
   
}



#news .newsSwiper {
	margin-top:30px;
	width:997px;
	justify-content:center;
}


 #news .swiper-slide{
 display:flex;
 justify-content:center;
}
 
 
 @media (max-width: 1024px) {
	  #news .newsSwiper {
		width:100%;
		padding-left:5px;
	}
	
 
}
 
 

 #news section{
width : 320px;
height : 340px;
border:1px solid #A8A8A8;
border-radius:20px;
	background-color:#ffffff;
}


#news section figure{
 	width : 100%;
	height : 190px;
}

#news section img{
	 border-radius: 20px 20px 0 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


#news section>div{
	text-align:left;
	height:164px;
	padding:15px;
	display:flex;
	flex-direction:column;
	justify-content: space-between;
 
}

 

#news section>div a{
	font-weight:600;
	font-size:18px;
 line-height: 24px;
}
 
 #news section>div:last-child{
	 color:#A8A8A8;
	 font-size:15px;
	 font-weight:400;
	 
 }
 
 
.one img {
    width: 400px;
    float: left;  
    margin:5px 50px 35px 0;  
  border-radius: 15px;
}

.one p {
    overflow: hidden;  
}


.row{ 
	display:flex;
	 justify-content:space-between;
	width:100%;
	gap:20px;
	max-height:480px;
 
	padding:20px 5px;
}
 .row>div{
	 width:33%;
 
 }
main ul{
padding:0px 25px;
}

.row img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    margin: 0;     
	border-radius: 15px;
}

h3,h2,h1{
	margin-top:15px;
}


 


@media (max-width: 650px) {
	
.one img {
    width: 100%;
    float: none;  
    margin:10px 0px 35px 0px;  
	
}	
	
    .row{
 flex-direction:column
    }
	
	#content{
		padding:15px;
	}
	.row{
		max-height:100%;
	}
}


@media (max-width: 850px) {
	
	 .row>div{
	 width:100%;
 }

#content{
flex-direction:column;	

}

#content >div:first-child{
	width:100%;
 
 
}

#content >div:last-child{
   min-width:350px;
 	width:100%;
	
}

#vk_groups{
	display:none;
}

}