/* SYSLOCK Services V2 - restrained technical editorial cards */
body.light-palette .services{
 background:
 radial-gradient(ellipse at 83% 8%,rgba(203,46,55,.055),transparent 43%),
 linear-gradient(180deg,#F7F8FA 0%,#EBEEF2 100%)!important;
}
body.light-palette .services .section-heading{margin-bottom:31px}
body.light-palette .services .service{
 min-height:325px;
 padding:0;
 display:flex;
 flex-direction:column;
 justify-content:initial;
 overflow:hidden;
 background:#FFFFFF!important;
 border:1px solid #D9DFE5!important;
 border-top:1px solid #D9DFE5!important;
 border-radius:3px;
 box-shadow:0 5px 22px rgba(26,34,45,.035);
 position:relative;
 transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
body.light-palette .services .service::before{display:none!important}
body.light-palette .services .service::after{
 content:'';
 position:absolute;
 top:0;right:0;
 width:5px;height:100%;
 background:#CB2E37;
 transform:scaleY(0);
 transform-origin:top;
 transition:transform .22s ease;
}
body.light-palette .services .service:hover{
 transform:translateY(-5px);
 border-color:#BDC5CD!important;
 box-shadow:0 20px 36px rgba(26,34,45,.11)
}
body.light-palette .services .service:hover::after{transform:scaleY(1)}
body.light-palette .services .service small{
 color:#A82936!important;
 font-size:10px!important;
 font-weight:800;
 letter-spacing:.14em;
 margin:24px 26px 0;
 position:relative;
 z-index:2;
}
body.light-palette .services .service .service-art{
 height:94px;
 margin:6px 26px 0;
 display:flex;
 align-items:center;
 justify-content:space-between;
 border-bottom:1px solid #E3E7EB;
 position:relative;
}
body.light-palette .services .service .service-art .service-icon{
 width:62px;height:62px;
 display:grid;place-items:center;
 border-radius:14px;
 background:#F7EDEF;
 color:#B72644;
 border:1px solid #F0DADF;
 font-size:30px;
 font-weight:400;
 line-height:1
}
body.light-palette .services .service:nth-child(2n) .service-icon{background:#EFF1F4;border-color:#DFE4E9;color:#576373}
body.light-palette .services .service .service-art .service-code{
 color:#E8EBEF;
 font-weight:850;
 font-size:52px;
 letter-spacing:-.07em;
 line-height:1;
}
body.light-palette .services .service > div:last-child{
 padding:22px 26px 24px;
 display:flex;
 flex-direction:column;
 align-items:flex-start;
 flex:1;
 position:relative;
 z-index:2
}
body.light-palette .services .service h3{
 color:#1A222D!important;
 font-size:22px!important;
 font-weight:750;
 line-height:1.2!important;
 letter-spacing:-.04em;
 margin:0 0 11px;
 max-width:none;
}
body.light-palette .services .service p{
 color:#55616F!important;
 font-size:13px!important;
 line-height:1.65!important;
 margin:0 0 23px;
}
body.light-palette .services .service a{
 color:#B72644!important;
 border-bottom:1px solid transparent;
 font-size:12px!important;
 font-weight:800;
 margin-top:auto;
}
body.light-palette .services .service a:hover{border-bottom-color:#B72644}
body.light-palette .services .arrow{
 background:#FFF!important;
 border:1px solid #B8C1CA!important;
 color:#1A222D!important;
 border-radius:4px;
}
body.light-palette .services .arrow:hover{background:#1A222D!important;color:#FFF!important}
@media(max-width:760px){
 body.light-palette .services .service{min-height:305px}
 body.light-palette .services .service .service-art{height:77px}
 body.light-palette .services .service h3{font-size:20px!important}
}