.social-carousel-container {
    width: 100%;
    max-width: 1200px;
    margin: auto;
}

.social-double-arrow-btn {
    box-sizing: border-box;
    padding: 8px 12px;
    border: 1px solid rgba(6, 10, 9, 0.2);
    border-radius: 1000px;
    display: flex;
    align-items: center;
    justify-content: space-between;
	gap: 8px;
}

.social-double-arrow-btn .divider {
    width: 1px;
    height: 24px;
    background-color: rgba(6, 10, 9, 0.2);
}


.social-double-arrow-btn .social-arrow-left,
.social-double-arrow-btn .social-arrow-right {
    display: flex;
	width: 24px;
	height: 24px;
	justify-content: center;
	align-items: center;
	border: none;
    background: none;
	padding: 0;  
	cursor: pointer;
}


.social-arrow-left svg path,
.social-arrow-right svg path {
    fill: #060A0980;
}

.social-arrow-left:hover svg path,
.social-arrow-right:hover svg path {
    fill: #060A09;
}

.social-swiper {
    overflow: visible;
}

.swiper-slide:last-child {
    margin-right: 0;
}

.swiper-wrapper {
    display: flex;
}

.social-carousel-container .swiper-slide {
    flex-shrink: 0;
    width: auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.social-item img {
    width: 100%;
    border-radius: 10px;
    max-width: 250px;
}

.social-item h3 {
    text-align: center;
    font-size: 16px;
    margin-top: 10px;
}

.social-swiper-navigation {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.social-arrow-left, .social-arrow-right {
    cursor: pointer;
    background: none;
    border: none;
    font-size: 20px;
	display: block;
}

.social-arrow-left.swiper-button-lock, 
.social-arrow-right.swiper-button-lock {
	cursor: not-allowed !important;
	pointer-events: none;
} 

.social-arrow-left svg path,
.social-arrow-right svg path {
    fill: #060A0980;
}

.social-arrow-left:hover svg path,
.social-arrow-right:hover svg path {
    fill: #060A09;
}

.social-item {
	display: flex;
	min-width: 250px;
	padding: var(--Spacing-200, 8px) var(--Spacing-200, 8px) var(--Spacing-000, 24px) var(--Spacing-200, 8px);
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: var(--Spacing-600, 24px);
	flex: 1 0 0;
	align-self: stretch;
	border-radius: 32px;
	background: #FBFFDA;
	box-shadow: 16px 20px 36px 0px rgba(114, 122, 74, 0.14), 56px 68px 132px 0px rgba(165, 174, 122, 0.10);
	transition: transform 0.15s ease-in-out;
	    transform: scale(1.0);
}

.social-item:hover {
    transform: scale(1.03);
}

.social-item:hover .yt-container svg path {
	fill-opacity: 1;
}

.social-carousel-header-container {
	max-width: 900px;
    margin:auto;
    align-items: center;
}

.yt-container svg path {
    transition: fill-opacity 0.15s ease-in-out;
    fill-opacity: 0.2;
}

.social-item:hover .yt-container svg path {
    fill-opacity: 1;
}

.yt-container {
	display: flex;
	align-items: center;
	padding-left: 24px;
	padding-right: 24px;
	gap: 12px;
}

.yt-container .time-ago {
	color: var(--Colors-Core-colors-tertiary-op-50, rgba(6, 10, 9, 0.50));
	font-family: Sora;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: var(--Spacing-600, 24px);
	margin: 0;
}

@media screen and (min-width: 1441px) {
	.social-swiper .swiper-slide {
		width: 33.3333% !important;
		max-width: none !important;
	}
}

@media screen and (max-width: 1440px) {
	.social-swiper .swiper-slide {
		width: 50%;
	}
}

@media screen and (max-width: 1024px) {
	
}

@media screen and (max-width: 768px) {
	.social-swiper .swiper-slide {
    	width: auto;
		min-width: 268px;
}
}