.application-view, .application-demo {font-family: 'Poppins',sans-serif;font-size: 0.9rem;white-space:nowrap; font-weight: 400;color: #000000;padding: 0.2rem 0.5rem;    border: 1px solid #d9d9d9;}
.application-view {border: 1px solid #1d2b3c;border-radius: 5px;}
.application-view-cloud:hover {background: #3b6dcb;color: #ffffff;border-color: #3b6dcb;}
.application-demo:hover {background: #1fbd57;border-color: #1fbd57;color: #fff;letter-spacing: normal;}
.application-view-premise:hover {background: #bd4343;color: #fff;border-color: #bd4343;}
.solution-launch-element{border:0px solid #fdafaf; position:relative; background-color:var(--bs-white); border-radius:5px;display:flex; align-items:center;
    background: rgb(255,245,242);
    background: -moz-linear-gradient(90deg, rgba(255,245,242,0.75) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(255,245,242,0.75) 0%, rgba(255,255,255,0) 100%);
    background: linear-gradient(90deg, rgba(255,245,242,0.75) 0%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff5f2",endColorstr="#ffffff",GradientType=1);}

/*.solution-launch-element-primary .lp-launch-element-detail .title{color:#053276;}*/
.solution-launch-element-primary .btns-wrap{border-color:#a2b9d9;}
/*.solution-launch-element-primary .lp-btn-elementview{color:#053276 !important;}*/
.solution-btn-elementview{  border:none; color:#cf250a !important; justify-content:center; display:flex; flex-grow:1; align-items:center; justify-content:center; font-size:0.75rem; font-weight:var(--FontWeight700);padding: 0 0.8rem; text-transform:uppercase; border-radius:4px;}
.solution-btn-elementview i{margin-left:0.2rem;}
.solution-launch-element-primary .solution-launch-element-detail .title{color: #2055b9;}
/*.solution-btn-liveDemo{border:none !important;margin-right: 0.5rem;color:var(--bs-white) !important; display:flex;text-align:center; font-size:0.85rem; font-weight:500;line-height: 1.5; padding:0 0.35rem; margin-left:2rem; white-space:nowrap; background-color:#d10b61; border-radius:3px;}
.solution-btn-elementdemo{color: #f94e2b !important;background-color: transparent !important;}
.solution-launch-element-primary .solution-btn-elementview{color: #2a5ebf !important;}*/

/*.solution-banner-heading {margin-bottom: 0.5rem;font-size: 1.8rem;font-weight: var(--FontWeight700);color: #222222;}
.solution-banner-subHeading {font-size: 0.9rem;font-weight: 400;color: #2a2a2a;font-family: "Roboto", sans-serif;line-height: 1.3;letter-spacing: 0.5px;text-align: justify;}*/
.solution-launch-element-title {font-family: 'Montserrat', sans-serif;font-weight: var(--FontWeight700);}
.solution-launch-element-primary {border-color: #a2b9d9;background: rgb(234,245,255);background: -moz-linear-gradient(90deg, rgba(234,245,255,0.75) 0%, rgba(255,255,255,0) 100%);
                                background: -webkit-linear-gradient(90deg, rgba(234,245,255,0.75) 0%, rgba(255,255,255,0) 100%);background: linear-gradient(90deg, rgba(234,245,255,0.75) 0%, rgba(255,255,255,0) 100%);
                                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eaf5ff",endColorstr="#ffffff",GradientType=1);}
.solution-launch-element-detail-wrap{box-shadow: rgb(0 0 0 / 15%) 0px 2px 4px, rgb(0 0 0 / 5%) 0px 5px 13px -3px, rgb(0 0 0 / 5%) 0px -3px 0px inset;border-radius: 5px;background: rgb(255 255 255 / 50%);}
.solution-launch-element-detail{display:flex;flex-grow:1; justify-content:flex-start;    align-items: center; padding:0.5rem;}
.solution-launch-element-detail .title {margin:0; font-size: 1.5rem;font-weight:800;color: #bd4343;text-transform: uppercase; white-space:nowrap;display: flex; justify-content:center; align-items:center;flex-grow: 1;white-space: nowrap;}
.solution-launch-elementIcon{display:flex; width:70px; flex:0 0 70px;}
.solution-launch-elementIcon svg{fill: #373e4a;}
.btns-wrap{display:flex; align-items:center;justify-content:center; padding:0.3rem; margin-bottom:0.5rem;}
.live-circle {width:12px; height:12px; display:inline-block; font-size: 0.5rem;color:#10cd16; background: #10cd16;border: 3px solid #8eefbe;border-radius: 50%;box-shadow: 0px 0px 0px 3px rgb(152 255 101 / 52%);margin-right: 0.1rem;position: relative;top:1px;animation: blink 1.5s cubic-bezier(.5, 0, 1, 1) infinite alternate;}

 @keyframes blink{ from { opacity: 1; } to { opacity: 0; }}

 @media (max-width: 767px) {
  .solution-launch-element-title {font-size: 1rem;}
  .solution-launch-element-detail .title {font-size: 1.15rem;}
}
