@charset "utf-8";
/* CSS Document */
@media all{
  .product-hero{padding: 100px 0px;}
  .sms-card{display:grid; grid-template-columns:1fr 45%; 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 h2{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-radius: 20px;border: solid 1px #FFDCDC;padding: 60px 40px;text-align: center;color: var(--WhiteClr);}
  .analysis-info-cards div h4{font-size: 27px; color: var(--PrimaryClr); margin:20px 0px;}
  .analysis-info-cards div p{font-size: 20px;}


  .industry-card{gap:15px;}
  .industry-card .industry-card-main {height: 500px; flex: 1; border-radius:30px; cursor: pointer; transition: flex 0.4s ease-in-out; color: var(--WhiteClr); position: relative;}
  .industry-card .industry-card-main.active, 
  .industry-card .industry-card-main:hover {flex: 2.5;}

  .industry-card-info {padding:30px 30px;}
  .industry-card-info h3{font-size:20px; font-weight: 600; min-height: 62px; text-align: center;}
  
  .industry-card-info p{font-size:18px; line-height:26px; margin-bottom:10px; position: relative; z-index: 1;}
  .industry-card-info p strong{font-weight:400;}

/*   .industry-card-cnt a{color: var(--WhiteClr); font-weight:500; position: absolute; bottom: 15%; z-index: 1;}
  .industry-card-cnt a:hover{color:var(--BlackClr);} */

  .industry-card-cnt a{position: absolute;bottom: 15%;z-index: 1;background: var(--WhiteClr);width: 30px;height: 30px;border-radius:50px;text-align: center;}
  .industry-card-cnt a img{max-height: 12px;}
  
  .industry-card-cnt a:hover{background: var(--PrimaryClr);}
  .industry-card-cnt a:hover img{filter: invert(0%) sepia(95%) saturate(255%) hue-rotate(255deg) brightness(255%) contrast(255%);max-height: 12px;}

  .user-img{position: absolute; right: 0px; bottom: 0px;}
  .user-img img{max-height:250px; min-height: 250px; transition:all 0.5s ease; object-fit: cover;}

  .industry-card-cnt{
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease-in-out, visibility 0s linear 0.4s;
    width: 300px;
  }

  .industry-card .industry-card-main.active .industry-card-cnt,
  .industry-card .industry-card-main:hover .industry-card-cnt{
    opacity: 1;
    visibility: visible;
    transition: opacity 0.4s ease-in-out, visibility 0s linear 0s;
  }

  .industry-card .industry-card-main.active .user-img img,
  .industry-card .industry-card-main:hover .user-img img{
    max-height:300px; min-height:300px;
  }
  
  .industry-card .industry-card-main.active .industry-card-info h3,
  .industry-card .industry-card-main:hover .industry-card-info h3{text-align: left;}

  .ins-icon1:after,
  .ins-icon2:after,
  .ins-icon3:after,
  .ins-icon4:after,
  .ins-icon5:after{content:'';position: absolute;top: 0px;right: 0px;width: 100%;height: 100%; opacity: 0.2;
    filter: invert(98%) sepia(0%) saturate(0%) hue-rotate(23deg) brightness(102%) contrast(105%);}

  .ins-icon1:after{background: url('../images/industry/icon1.svg') no-repeat 108% -30px;background-size: 150px;}
  .ins-icon2:after{background: url('../images/industry/icon2.svg') no-repeat 112% -40px;background-size: 150px;}
  .ins-icon3:after{background: url('../images/industry/icon3.svg') no-repeat 102% -57px;background-size: 150px;}
  .ins-icon4:after{background: url('../images/industry/icon4.svg') no-repeat 108% -13px;background-size: 120px;}
  .ins-icon5:after{background: url('../images/industry/icon5.svg') no-repeat 108% -30px;background-size: 130px;}

  .ins-icon-img1::before,
  .ins-icon-img2::before,
  .ins-icon-img3::before,
  .ins-icon-img4::before,
  .ins-icon-img5::before{content:'';position: absolute; top:35%; left: 50%; width: 100px;height:100px;transform: translateX(-50%);}

  .ins-icon-img1::before{background: url('../images/industry/retail-icon.svg') no-repeat center; background-size:100px;}
  .ins-icon-img2::before{background: url('../images/industry/finance-icon.svg') no-repeat center; background-size:100px;}
  .ins-icon-img3::before{background: url('../images/industry/travel-icon.svg') no-repeat center; background-size:100px;}
  .ins-icon-img4::before{background: url('../images/industry/healthcare-icon.svg') no-repeat center; background-size:100px;}
  .ins-icon-img5::before{background: url('../images/industry/realestate-icon.svg') no-repeat center; background-size:100px;}


}

@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;}


  /* cards */
  .industry-card{gap:5px;}
  .industry-card .industry-card-main {height:400px; border-radius:10px;}
  .industry-card .industry-card-main.active, 
  .industry-card .industry-card-main:hover {flex:6.4;}

  .industry-card-info {padding:20px 15px;}

  .industry-card-cnt{width: unset;}
  .industry-card-info h3 {font-size: 18px; min-height: 48px;}
  .industry-card-info p {font-size: 14px; line-height:20px; margin-bottom: 5px;}
  .industry-card-info p{font-weight: 500;}

  .user-img img,
  .industry-card .industry-card-main.active .user-img img,
  .industry-card .industry-card-main:hover .user-img img{max-height:190px; min-height:190px;}

  .ins-icon-img1::before,  .ins-icon-img2::before,  .ins-icon-img3::before,  .ins-icon-img4::before,  .ins-icon-img5::before{top:40%;}
  .ins-icon-img1::before, .ins-icon-img2::before, .ins-icon-img3::before, .ins-icon-img4::before, .ins-icon-img5::before{background-size:50px;}

  .industry-card-info h3{
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease-in-out, visibility 0s linear 0.4s;
  }

  .industry-card .industry-card-main.active .industry-card-info h3,
  .industry-card .industry-card-main:hover .industry-card-info h3{
    opacity: 1;
    visibility: visible;
    transition: opacity 0.4s ease-in-out, visibility 0s linear 0s;
  }
  /* cards end */


}

@media all and (max-width:767px){
  .product-hero-left h1{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{font-size: var(--HeadingTwoSml);}


  


}