.h3.section-social-text {
	text-align: center !important;
}
.socials {
  margin-top: 70px;
  display: flex;
  flex-wrap: wrap;
  gap: 70px;
  justify-content: center;
}
  
.socials .column {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
  max-width: 450px;
}
  
.social-box {
  background-color: #ccc;
  color: white;
  border-radius: 3px;
  cursor: pointer;
  overflow: hidden;
/*   transition: all 0.3s ease; */
  position: relative;
}
  
.social-box .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 30px 0 30px;
}
  
.social-box span {
  margin-left: 10px;
  flex: 1;
}
  
.social-box .arrow {
  transition: transform 0.3s ease;
}
  
.social-box .content {
  max-height: 0;
  overflow: hidden;
/*   transition: max-height 0.2s ease, opacity 0.3s ease; */
  transition: max-height 0.2s ease;
  opacity: 0;
  padding: 10px 30px 10px 30px;
  display: flex !important;
  align-items: flex-end;
  gap: 20px;
  font-size: 16px;
}
.social-box .content a {
  color: #fff;
	text-decoration: underline;
}
.social-box.active .content {
  max-height: 200px;
  opacity: 1;
  padding-bottom: 25px;
}
  
.social-box.active .arrow {
  transform: rotate(90deg);
}
  

.instagram { 
  background: #AF5F93; 
  transform: rotate(0.3deg);  
  margin-right: -20px;
}
.facebook  { 
  background: #6071AF; 
  transform: rotate(-0.5deg);  
  margin-top: -10px;
  margin-left: -30px;
}
.viber, .viber-for-students { 
  background: #9A8FA4; 
  transform: rotate(0.7deg);
  margin-top: -10px;
  margin-right: -20px;
}
.linkedin { 
  background: #5583B0; 
  margin-top: -10px;
  margin-left: -50px;
}
.tiktok { 
  background: #515050; 
  margin-right: -60px;
  margin-left: 40px;
  margin-top: -10px;
}
.youtube { 
  background: #AF5F5F; 
  margin-right: -30px;
  margin-left: 40px;
  margin-top: -10px;
}
.telegram{ 
  background: #5294DB; 
  transform: rotate(0.5deg);  
  margin-top: -10px;
}
  
p.social-text {
	margin: 0 0 10px 0 !important;
	width: unset !important;
}
a.social-link {
	width: unset !important;
	margin: 0 !important;
}
@media (max-width: 1170px) {
	.socials .column {
      max-width: 45%;
    }
}
@media (max-width: 980px) {
    .socials {
      gap: 40px;
    }
}
    
@media (max-width: 768px) {
  .socials .column {
    max-width: 70%;
  }
  .socials {
    gap: 10px;
  }
}
@media (max-width: 500px) {
	.socials .column {
		max-width: 90%;
	  }
	.social-box.active .content {
		max-height: 300px;
		flex-direction: column;
	}
	.instagram { 
	  margin-right: -5px;
	}
	.facebook  { 
	  margin-left: -10px;
	}
	.viber { 
	  margin-right: -10px;
	}
	.linkedin { 
	  margin-left: -10px;
	}
	.tiktok { 
	  margin-top: -15px;
      margin-right: -20px;
  	  margin-left: 20px;
	}
	.youtube { 
	  margin-right: -10px;
	  margin-left: 10px;
	}
	.telegram{ 
	  margin-top: -10px;
	}
}