.social-media-section-1{margin-top:120px}
.social-media-section-1 .social-media-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:60px}
.head-text{font-family:"Poppins-Light";font-size:36px;font-weight:300;line-height:50px;letter-spacing:normal;color:#333}
.head-link{font-family:"Poppins-SemiBold";font-size:14px;font-weight:600;color:#f5822d;text-transform:uppercase}
.vertical-one{grid-area:vertical-one}
.vertical-two{grid-area:vertical-two}
.vertical-three{grid-area:vertical-three}
.horizontal{grid-area:horizontal}
.square{grid-area:square}
.social-media-wrapper{display:grid;gap:24px;grid-template-columns:1fr 1fr 1fr;grid-template-areas:"vertical-one horizontal horizontal" "vertical-one vertical-two vertical-three" "square vertical-two vertical-three"}
.social-media-wrapper .scl-md-cmn{background-color:#fff;border-radius:10px;box-shadow:0 2px 12px 0 rgba(0,0,0,0.11)}
.card-img{height:auto;max-height:296px}
.social-media-component-vertical{display:flex;flex-direction:column;width:100%;max-width:376px;padding:20px}
.card-para{font-family:"Poppins-Medium";font-size:16px;font-weight:500;line-height:24px;letter-spacing:normal;color:#8c8c8c;margin-top:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.social-media-component-vertical .likes-count{display:flex;margin-top:24px;width:100%;align-items:flex-end}
.count{font-family:"Poppins-Medium";font-size:14px;font-weight:500;color:#8c8c8c}
.card-likes-count .icon-like{font-size:20px;color:#8c8c8c;margin-right:11px}
.social-media-component-vertical .social-media-type{display:flex;margin-top:23px;width:100%;justify-content:space-between;align-items:center}
.card-text{font-family:"Poppins-Medium";font-size:14px;font-weight:500;color:#333}
.social-media-section-1 .icon-instagram,.social-media-section-1 .icon-twitter{font-size:20px;color:#8c8c8c}
.social-media-component-square{position:relative;box-shadow:0 2px 12px 0 rgba(0,0,0,0.11);border-radius:10px;max-height:336px;max-width:376px;width:100%}
.card-horizontal-img{width:376px;height:336px;border-radius:10px}
.square-component-content{position:absolute;bottom:0;width:100%;background:rgba(0,0,0,0.09);padding:64px 20px 20px 20px}
.card-image-text{font-family:"Poppins-Medium";font-size:16px;font-weight:500;line-height:24px;letter-spacing:normal;color:#c9c9c9;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.square-component-content .likes-logo{display:flex;margin-top:14px;justify-content:space-between;align-items:center}
.likes-logo span{font-family:"Poppins-Medium";font-size:14px;font-weight:500;color:#fff}
.likes-logo span.icon-like,.likes-logo span.icon-instagram{font-size:20px;color:#fff}
.square-component-content .likes-count{display:flex;align-items:center}
.square-component-content .likes-count span:first-child{margin-right:11px}
.square-component-content .likes-count span:nth-child(2){margin-right:31px}
.social-media-wrapper .social-media-component-horizontal{display:flex;margin-right:0;width:100%;max-width:776px;height:fit-content;padding:20px 30px 20px 20px}
.social-media-video{width:48%;max-height:296px;max-width:336px;position:relative}
.scm-thumb-img-wrap{position:absolute;top:0;bottom:0;left:0;right:0}
.scm-thumbnail-img{width:100%;height:100%}
.scm-video-play-btn{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;cursor:pointer;transition:.3s ease-in-out}
.scm-video-play-btn:hover{transform:scale(1.3)}
.social-video{max-width:336px;height:100%;width:100%}
.video-content{margin-left:20px;width:52%;max-width:370px}
.video-para{font-family:"Poppins-Medium";font-size:16px;font-weight:500;line-height:24px;letter-spacing:normal;color:#8c8c8c;margin-top:30px}
.video-para:first-child{margin-top:0}
.video-content .likes-count{display:flex;margin-top:55px;width:100%;align-items:flex-end}
.video-count{font-family:"Poppins-Medium";font-size:14px;font-weight:500;color:#8c8c8c}
.video-content .icon-like{font-size:20px;color:#8c8c8c;margin-right:11px}
.video-content .social-media-type{display:flex;margin-top:25px;width:100%;justify-content:space-between;align-items:center}
.video-content .social-media-type span{font-family:"Poppins-Medium";font-size:14px;font-weight:500;color:#333}
.video-content span.icon-facebook{font-size:20px;color:#8c8c8c}
.media-flex{display:flex}
@media only screen and (min-width:320px) and (max-width:767.69px){.social-media-section-1 .social-media-wrapper{margin-right:-24px;grid-template-areas:unset;display:block}
}
@media only screen and (min-width:320px) and (max-width:767.69px){.social-media-section-1{margin-top:60px}
.social-media-section-1 .social-media-heading{flex-direction:column;align-items:center;margin-bottom:20px}
.head-text{font-size:24px;line-height:32px;color:#252525}
.head-link{margin-top:10px}
.social-media-video{width:100%;max-height:240px;max-width:100%}
.social-media-component-vertical{max-width:100%;min-height:420px}
.social-media-wrapper .social-media-component-horizontal{flex-direction:column;max-width:100%;padding:20px;min-height:420px}
.social-media-component-square{max-width:100%}
.square-component-content{padding:36.5px 15.6px 20px 22.4px}
.card-image-text{font-size:14px}
.square-component-content .likes-logo span{font-size:12px}
.square-component-content .likes-logo .likes-count{display:flex}
.square-component-content .likes-count span:first-child{margin-right:13px}
.square-component-content .likes-count span:nth-child(2){margin-right:34px}
.square-component-content .likes-logo span.icon-like,.square-component-content .likes-logo span.icon-instagram{font-size:18px}
.card-horizontal-img{width:100%;max-height:277px;border-radius:10px}
.card-para{font-size:14px;margin-top:18px}
.social-media-component-vertical .likes-count{margin-top:16px;align-items:center}
.social-media-component-vertical .likes-count span{font-size:12px}
.social-media-component-vertical .likes-count span.icon-like{font-size:18px}
.social-media-component-vertical .social-media-type{margin-top:20px}
.social-media-component-vertical .social-media-type span{font-size:12px}
.social-media-component-vertical .social-media-type .icon-instagram,.social-media-component-vertical .social-media-type span.icon-twitter{font-size:18px}
.social-video{width:100%;height:240px;max-width:100%}
.video-content{margin-left:0;margin-top:18px;width:100%;max-width:100%}
.video-para{font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.video-para:nth-child(2){display:none}
.video-content .likes-count{margin-top:16px;align-items:center}
.video-content .likes-count .icon-like{font-size:18px}
.video-content .likes-count span{font-size:12px;margin-right:12px}
.video-content .social-media-type{margin-top:20px}
.video-content .social-media-type span{font-size:12px}
.video-content .social-media-type .icon-facebook{font-size:18px}
.card-img{width:100%;height:100%;max-height:240px}
.media-flex{flex-direction:column;width:100%}
}
@media only screen and (min-width:768px) and (max-width:1024px){.video-para:first-child{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}
.square-component-content .likes-logo .likes-count span:nth-child(2){margin-right:12px}
}
.social-media-slider .slick-slide{padding:10px 0}
.slick-dots li{width:5px;height:5px;margin:0 3px}
.slick-dots li.slick-active{margin:0 3px;width:25px}
.slick-dots li.slick-active button{width:25px}
.slick-dots li button{border:0;display:block;width:5px;height:5px;background-color:transparent;outline:0;line-height:0;font-size:0;color:transparent;padding:unset;cursor:pointer}
.slick-dots li button:before{position:absolute;top:0;left:0;content:"";width:5px;height:5px;background-color:#caddec;border-radius:50%}
.slick-dots li.slick-active button:before{content:"";width:25px;height:5px;background:#0053ad;border-radius:3px;top:0;left:0}
@media only screen and (min-width:320px) and (max-width:767.69px){.social-media-wrapper .slick-dots{bottom:-36px}
}