#index-social {
	position: relative;
	overflow: hidden;
    padding: 0px 0px 7.292vw;
}
#index-social .social-heading {
    text-align: center;
    padding: 0px 1.667vw;
}
#index-social .social-title {
	color:var(--c-black);
    font-weight:700;
    font-size:var(--t-heading);
	margin-bottom:1.25vw;
}
#index-social .social-id span{
	color:var(--c-black);
    font-weight:500;
    font-size:1.25vw;
}
#index-social .social-id img {
	width: 1.667vw;
	height: auto;
	margin-right:10px;
}

.social-wrapper {
	position: relative;
    margin: 3.125vw auto 0;
    padding: 0 8.33vw;
}
.social-wrapper .social-slider {
	opacity: 0;
	transition: opacity 0.3s ease;
}
.social-wrapper .social-slider.slick-initialized {
	opacity: 1;
}
.social-wrapper .slick-track {
    display: flex;
    align-items: center;
}

.social-wrapper .slider-item {
	padding: 1.042vw 0.625vw;
	outline: none;
}
.social-wrapper .slider-item img {
	width: 100%;
	display: block;
	box-shadow: 0 0.208vw 0.718vw rgba(0,0,0,0);
	transform: scale(0.9); 
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	border-radius: 0.718vw;
}
.social-wrapper .slider-item.slick-center {
	padding: 1.667vw 0.625vw;
    margin: 0 0px;
}
.social-wrapper .social-slider .slick-center img {
	transform: scale(1.08); 
	box-shadow: 0 0.521vw 1.302vw rgba(0,0,0,0);
	z-index: 10;
	border-radius: 1.042vw;
}

@media (max-width:991px) {
#index-social {
    padding: 8.073vw 0px;
}
#index-social .social-heading {
    padding: 0px 3.229vw;
}
#index-social .social-id span{
    font-size:2.422vw;
}
#index-social .social-id img {
	width: 3.229vw;
	margin-right:0.807vw;
}

.social-wrapper {
    margin:  3.229vw auto 0px;
    padding: 0px;
}
.social-wrapper .slider-item {
	padding: 2.018vw 1.211vw;
}
.social-wrapper .slider-item img {
	border-radius: 2.2vw;
}
.social-wrapper .slider-item.slick-center {
	padding: 3.229vw 1.211vw;
}
.social-wrapper .social-slider .slick-center img {
	transform: scale(1.08); 
	border-radius: 2.018vw;
}
}

@media (max-width:767px) {
#index-social {
    padding: 10.324vw 0px;
}
#index-social .social-heading {
    padding: 0px 3.865vw;
}
#index-social .social-title {
    margin-bottom: 3.25vw;
}
#index-social .social-title span{
	display:block;
}
#index-social .social-id span {
        font-size: 3.822vw;
    }
#index-social .social-id img {
	width: 4.831vw;
	margin-right:1.607vw;
}
.social-wrapper {
    margin:  5.429vw auto 0px;
}
.social-wrapper .slider-item {
	padding: 2.018vw 1.211vw;
}
.social-wrapper .slider-item img {
	border-radius: 4.2vw;
}
.social-wrapper .slider-item.slick-center {
	padding: 8.229vw 1.211vw;
}
.social-wrapper .social-slider .slick-center img {
	transform: scale(1.08); 
	border-radius: 4.018vw;
}
}

/*Arrow+dot*/
.social-wrapper .slick-arrow .arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 1.979vw;
	height:1.979vw;
	background: var(--c-green);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 2;
	box-shadow: 0 0.104vw 0.521vw rgba(0,0,0,0.2);
}
.social-wrapper .slick-arrow .arrow.arrow-left {
	left:5.208vw;
}
.social-wrapper .slick-arrow .arrow.arrow-right {
	right:5.208vw;
}
.social-wrapper .slick-arrow .arrow svg {
	width: 0.938vw;
	height: 0.938vw;
	fill: #fff;
}
.social-wrapper .arrow-left svg {
	transform: rotate(180deg);
}

.social-wrapper .slick-dots {
	bottom: -1.302vw;
}
.social-wrapper .slick-dots li button:before {
	font-size: 0.625vw;
	color: #ccc;
	opacity: 1;
}
.social-wrapper .slick-dots li.slick-active button:before {
	color: #333; 
}

@media (max-width: 991px) {
.social-wrapper .slick-arrow {
	display:none;
}
.social-wrapper .slick-dots li button:before {
	font-size: 1.009vw;
}
}

@media (max-width: 767px) {
.social-wrapper .slick-arrow {
	display:none;
}
.social-wrapper .slick-dots li {
    width: 16px;
    height: 16px;
}
.social-wrapper .slick-dots li button:before {
	font-size: 3.2vw;
	color: #ccc;
	opacity: 1;
}
.social-wrapper .slick-dots {
    bottom: -6.302vw;
}
}
