﻿@charset "utf-8";
/* CSS Document */
@media all{
  .product-hero{padding:80px 0px; background:#FFF3F0;}
  .sms-card{display:grid; grid-template-columns:1fr 44.5%; column-gap:2rem;}
  
  .product-hero-left {row-gap:25px;}
  .product-hero-left h1{font-size:var(--HeadingFive); font-weight:normal; color:var(--ProductHdClr);}
  .product-hero-left .top-hd{font-size:var(--HeadingFive); font-weight:normal; color:var(--ProductHdClr); line-height:normal;}

  .product-hero-left h2{font-size:var(--HeadingOne); font-weight:800; color:var(--BlackClr);}
  .product-hero-left h2 span{color:var(--ProductHdClr);}

  .product-hero-left h1.main-hd{font-size:var(--HeadingOne); font-weight:800; color:var(--ProductHdClr);}

  .product-hero-left p{font-size:var(--Largetxt); line-height:36px;}
  .product-hero-left .home-subscribe{border:solid 1px var(--PrimaryClr);}
  .sms-hero-img-right{padding-top:84%;}

  .product-tab{background:var(--ProtabBG);}
  .pt-heading{row-gap:2rem; max-width:1000px;}

  .pt-heading p{color:#E7E7E7;}
  .product-tab-outer{display:grid!important; grid-template-columns:1fr 41%; align-items:center; column-gap:70px; margin-top:100px!important;}
  .sms-tab-images {padding-top:56%;}
  .product-tab-outer .resp-tabs-list{order:2;}
  .product-tab-outer .resp-tabs-list li{padding:0px!important; margin:0px; color:var(--WhiteClr); opacity:0.4;  position:relative;}
  .product-tab-outer .resp-tabs-list li strong{display:block;font-weight:300;font-size:22px;margin-bottom:0.5rem;}
  .product-tab-outer .resp-tabs-list li:not(:last-child){margin-bottom:30px;}
  .product-tab-outer .resp-tabs-list li:hover,
  .product-tab-outer .resp-tabs-list li.resp-tab-active{opacity:1;}
  .product-tab-outer .resp-tabs-list li::before{content:''; width:30px; height:20px; background:url(../images/sms/tab-selector.svg) no-repeat center top; position:absolute; left:-70px; top:15px; transition:all 0.5s ease;}
  .product-tab-outer .resp-tabs-list li.resp-tab-active::before{content:''; width:50px; }
  .product-tab-outer .resp-tabs-container > div{max-width:90%;}

  .imp-hd p{max-width:1022px; margin:1.4rem auto 0 auto; font-size:var(--Largetxt); line-height:36px;}

  .analysis-info-cards{display:grid; grid-template-columns:1fr 1fr 1fr; column-gap:50px; row-gap:50px;}
  .analysis-info-cards div{/* background:var(--ProtabBG);border:solid 1px #FFDCDC;  */border-radius:20px;padding:60px 40px;text-align:center;
    background:linear-gradient(180deg, rgba(255, 220, 220, 0.7) 0%, #FFFFFF 88.5%);
    border:1px solid #FFDCDC;
    box-shadow:0px 0px 4px rgba(0, 0, 0, 0.05);
  }
  .analysis-info-cards div h4, .analysis-info-cards div h3{font-size:27px; color:var(--NavBG); margin:20px 0px;}
  .analysis-info-cards div p{font-size:20px; color:var(--BlackClr);}


}

@media all and (max-width:1200px){
  .product-tab-outer .resp-tabs-list li:not(:last-child){margin-bottom:20px;}
}

@media all and (max-width:960px){
  .products-info-heading h2{font-size:var(--HeadingTwo);}
  .product-tab-outer{grid-template-columns:1fr; margin-top:50px!important;}
  .product-tab-outer .resp-tab-content{padding:0rem!important;border-bottom:solid 1px #891900!important;border:0px;}
  .product-tab-outer .tabbed-content {grid-template-columns:1fr;  column-gap:0;}
  .product-tab-outer .tabbed-content .exp-tab-nav{order:0; text-align:center;}
  .product-tab-outer .resp-vtabs .resp-tabs-container{border:0px; border-radius:0px;}
  .product-tab-outer .resp-tabs-container h2{margin-bottom:0px;-webkit-text-fill-color:unset;background:transparent;color:var(--WhiteClr);border:solid 0px var(--BorderClr)!important;font-size:18px; line-height:normal; font-weight:400;padding:1rem 0px;border-bottom:solid 1px #891900!important;}
  .lm-tab-hd{margin-bottom:70px;}
  .product-tab-outer .resp-tabs-container h2.resp-tab-active{border-bottom:transparent!important;}
  .product-tab-outer .resp-tabs-container > div{max-width:100%;}
  .resp-arrow{width:40px; height:40px;}
}

@media all and (max-width:767px){
  .product-hero-left h1{font-size:var(--HeadingTwoSml);}  
  .product-hero-left .top-hd{font-size:var(--HeadingTwoSml);}
  .sms-card{grid-template-columns:1fr; row-gap:2rem;}
  .product-hero{padding:3rem 0px;}
  .product-hero-left p{line-height:unset;}

  .analysis-info-cards div{padding:30px 25px;}
  .analysis-info-cards{grid-template-columns:1fr; row-gap:2rem;}
  .analysis-info-cards div p{font-size:18px;}
  .analysis-info-cards div h4, .analysis-info-cards div h3{font-size:var(--HeadingTwoSml);}
}


/* New CSS */
.social-industry{background:#FFF3F0;}
.social-industry-inner{grid-template-columns:47% 1fr; column-gap:1rem; row-gap:3rem;}
.social-industry-left .eyebrow{color:var(--SecondryClr); padding:6px 0px; font-size:16px;}
.social-industry-left h2{font-size:var(--HeadingThree);}
.social-industry-left h2 span{color:var(--ProductHdClr);}

.industry-card{border-radius:calc(var(--BrdRadius)  / 2); box-shadow:0px 0px 4px 0px #0000001A; grid-template-columns:1fr 250px;}
.industry-card figure{background:#891900;}
.industry-card figure img{max-height:200px;}

.industry-card-left .eyebrow{color:var(--SecondryClr); font-size:var(--Largetxt);}
.industry-card-left .eyebrow span{--size:42px; width:var(--size); height:var(--size); background:var(--SecondryClr);}
.industry-card-left .eyebrow span img{max-height:26px;}
.industry-card-left .eyebrow h3{color:var(--SecondryClr); font-size:var(--Largetxt); margin-bottom: 0px;}
.industry-card-left h4{font-size:var(--Bodytext);}
.industry-card-left p{font-size:16px;}

.ind-right{height:530px; -webkit-mask-image:linear-gradient(#0000, #000 6% 95%, #0000); mask-image:linear-gradient(#0000, #000 6% 95%, #0000);}
.ind-right > div{will-change:transform;}

.paltform-section .slick-dots,
.social-industry .slick-dots {bottom: -35px;}
.paltform-section .slick-dots li.slick-active button,
.social-industry .slick-dots li.slick-active button{width: 16px; height: 16px; background:var(--PrimaryClr);}
.paltform-section .slick-dots li button,
.social-industry .slick-dots li button{width: 12px; height: 12px; background: #FEC3B0; border-radius: 30px; margin: 0px 2px;}
.paltform-section .slick-dots li button::before,
.social-industry .slick-dots li button::before{display: none;}


.paltform-section .eyebrow{ color:var(--ProductHdClr); padding:6px 20px 3px 20px; font-size:16px;}
/* .platform-pill > div{padding:10px 1.5rem; border-color:#530F00!important; box-shadow:0px 4px 4px 0px #4401014F; background:#380000; transition:all 0.5s ease;} */

.platform-pill > div{padding: 7px 2rem; border-color:var(--ProductHdClr)!important; transition:all 0.5s ease; color: var(--ProductHdClr);}

/* .platform-pill > div:hover{background:#530F00;} */
.platform-pill > div:hover{transform:translateY(-5px);}
.platform-pill > div img{max-height:22px; transition:all 0.5s ease;}

.paltform-section .clr-info .eyebrow{color: #FF3E00; font-size: var(--Font22);}
.paltform-section .clr-info .txt-link{color: var(--SecondryClr);}

.why-ms-section .eyebrow{color:var(--ProductHdClr); padding:6px 20px 3px 20px; font-size:16px;}
.why-ms-card{transition:all 0.5s ease;}
.why-ms-card:hover{transform: translateY(-5px);  box-shadow:0 0 12px rgba(255,62,0,.35), 0 0 24px rgba(255,62,0,.15);}
.why-ms-card h3{font-size: var(--Font26); max-width:80%;}
.why-ms-card p{font-size: 16px; line-height: 30px;}

.awareness-tags-pill > span{border-color: #FF3E00!important;background:#540d07;font-size: 17px;padding: 6px 1.2rem;display: flex;align-items: center;column-gap: 0.5rem;}
.awareness-tags-pill > span::before{content:'';width: 6px;height: 6px;background: #FF3E00;border-radius: 50px;display: inline-block;}

.channel-section{background:#530F00;}
.channel-grid{grid-template-columns:1fr 1fr; column-gap:2rem; row-gap:2rem;}
.channel-left .eyebrow{color:#FF3E00; font-size:var(--Font22);}
.channel-left h2{font-size:var(--HeadingThree);}

.channel-pill{background:linear-gradient(92.56deg, #FF3E00 -0.9%, #891900 110.02%); padding:1rem 1.6rem; grid-template-columns:50px 1fr 80px; width:300px; margin:0 auto;}

.channel-pill::before{content:''; background:#530F00; border-radius:40px; position:absolute; top:1px; left:1px; width:calc(100% - 2px); height:calc(100% - 2px);}
.channel-pill *{position:relative;}
.channel-pill svg{color:var(--WhiteClr); --size:28px; width:var(--size); height:var(--size);}

.channel-pill span{font-size:var(--Font21);}
.channel-pill div{font-size:15px; border-color:#FF3E00!important; padding:3px 0px 1px 0px;}
.channel-pill.live div{background:linear-gradient(99.6deg, #FF3E00 0%, #FFDCDC 112.01%);}
.channel-pill.soon{opacity:0.4;}

.channel-pill.live{animation:liveGlow 2s ease-in-out infinite;}
.channel-pill.live div{animation:badgePulse 1.4s ease-in-out infinite;}

@keyframes liveGlow{
  0%,100%{
    box-shadow:0 0 0 rgba(255,62,0,0);
  }
  50%{
    box-shadow:0 0 12px rgba(255,62,0,.35), 0 0 24px rgba(255,62,0,.15);
  }
}
@keyframes badgePulse{
  0%,100%{
    transform:scale(1);
  }
  50%{
    transform:scale(1.08);
  }
}

@media all and (min-width:960px){
  .channel-left p{max-width:80%;}
  .social-industry-left p{max-width:70%;}
}

@media all and (max-width:960px){
  .social-industry-inner{grid-template-columns: 1fr;}
    .ind-right{mask-image: unset;}

  .ind-right{height: auto;}
  .social-industry .slick-track {display: flex !important;}
  .social-industry .slick-slide {height: inherit !important; display: flex !important;}

}

@media all and (max-width:767px){
  .channel-grid,
  .industry-card{grid-template-columns: 1fr;}
  .industry-card-left .eyebrow h3 {font-size: calc(var(--Largetxt) + 0.5rem);}

  .card-lr-body{display: block;}
  .platform-pill > div{width: 47%;}

}