.skyciv-cs{background:#f4f5f8;padding:70px 0px 100px;box-sizing:border-box;position:relative;}
.skyciv-cs:before {
    content: '';
    width: 100vw;
    height: 100%;
    display: block;
    background-color: #f6f7f8;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    z-index: 0;
}
.skyciv-cs *{box-sizing:border-box;}
.skyciv-cs-inner{max-width:1280px;margin:0 auto;z-index:10;position:relative;}
.skyciv-cs-head{margin-bottom:34px;}
.skyciv-cs-eyebrow{display:flex;align-items:center;gap:10px;font-family:"IBM Plex Mono", monospace;font-size:14px;letter-spacing:.5px;text-transform:uppercase;color:#01071F;margin:0 0 16px;}
.skyciv-cs-eyebrow::before{content:"";width:9px;height:9px;background:#1531e0;display:inline-block;}
.skyciv-cs-heading{font-family:'Manrope',sans-serif!important;font-weight:500!important;font-size:42px;line-height:1.1;color:#12142b;margin:0;}
.skyciv-cs-pills{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding-bottom:22px;border-bottom:1px solid #B0B7C0;margin-bottom:8px;}
.skyciv-cs-pill{ font-size: 14px;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: #3a4160;
    background: #fff;
    border: 1px solid #dfe2ee;
    border-radius: 4px;
    padding: 2px 8px 0px;
    text-decoration: none;
    transition: border-color .2s, color .2s;
    white-space: nowrap;
    font-family: "IBM Plex Mono";
    font-weight: 400;}
.skyciv-cs-pill:hover{color:#1531e0;text-decoration:none;}
.skyciv-cs-pill.is-active{    border-color: #1531e0;
    background-color: #1531e0;
    color: #fff;}
.skyciv-cs-select-wrap{display:none;position:relative;margin-bottom:24px;}
.skyciv-cs-select{    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: "IBM Plex Mono";
    font-weight: 400;
    font-size: 14px;
    height: auto;
    text-transform: uppercase;
    color: #01071F;
    background: transparent;
    border: 1px solid #D4D8DE;
    border-radius: 4px;
    padding: 2px 8px 2px 8px;
    cursor: pointer;
    position: relative;}
.skyciv-cs-select-wrap::after{    content: "";
    position: absolute;
    right: 8px;
    top: 40%;
    width: 9px;
    height: 9px;
    transform: translateY(-50%) rotate(45deg);
    border-right: 2px solid #3a4160;
    border-bottom: 2px solid #3a4160;
    display: block;
    pointer-events: none;}
.skyciv-cs-grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:20px;row-gap:0;}
.skyciv-cs-card{padding:34px 0;border-bottom:1px solid #B0B7C0; position: relative;}
.skyciv-cs-card:after {
    content: '';
    position: absolute;
    width: 0;
    left: 0;
    height: 1px;
    background: #B0B7C0;
    z-index: 10;
    bottom: -1px;
    display: none;
}    
.skyciv-cs-card.is-hidden{display:none;}
.skyciv-cs-mock{border-radius:6px;overflow:hidden;background:#dfe3ec;}
.skyciv-cs-mock {
    position: relative;
}
.skyciv-cs-img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;}
.skyciv-cs-mock a:hover::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 47, 255, 0.10); /* subtle blue overlay, adjust alpha for intensity */
    pointer-events: none;
    z-index: 1;
    transition: all .15s;
}
.skyciv-cs-mock a::after {
    transition: all .15s;
}
.skyciv-cs-title a:hover {
    color: inherit;
    text-decoration: underline;
}

.skyciv-cs-cat {
    display: inline-block;
    color: #000933;
    font-family: "IBM Plex Mono";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    /* font-size: 11px; */
    /* letter-spacing: .1em; */
    text-transform: uppercase;
    /* color: #6b7280; */
    border: 1px solid #D4D8DE;
    border-radius: 4px;
    padding: 2px 8px;
    margin: 20px 0 12px;
}
.skyciv-cs-title{font-family:'Manrope',sans-serif!important;font-weight:500!important;font-size:24px;line-height:1.25;color:#000;margin:0 0 4px;}
.skyciv-cs-desc{font-family:'Manrope',sans-serif!important;font-weight:500!important;font-size:16px;line-height:1.55;color:#576384;margin:10px 0 16px;}
.skyciv-cs-meta{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;margin-top:16px;font-family:"IBM Plex Mono", monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#8b93a5;}
.skyciv-cs-meta-col{display:flex;flex-direction:column;gap:6px;min-width:0;}
.skyciv-cs-meta-v {
    color: #000933;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
}
.skyciv-cs-more{
    display: inline-block;
    font-family: "IBM Plex Mono", monospace;
    font-size: 14px;
    text-transform: uppercase;
    color: #000933;
    text-decoration: none;
    font-weight: 400;}
.skyciv-cs-more:hover{text-decoration:underline;}
.skyciv-cs-empty{grid-column:1/-1;text-align:center;color:#9aa2b3;font-size:15px;padding:60px 0;display:none;}

@media (max-width:1308px){
    .skyciv-cs {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .fusion-body .fusion-flex-container.fusion-builder-row-2 {
        padding-left: 30px !important;
        padding-right: 30px !important;
	}
}
@media (min-width:1260px ){
    .skyciv-cs-card:nth-child(3n+1):after {
        width: var(--site_width);
        display: block;
    }
}
@media (min-width:1025px) and (max-width:1260px) {
    .skyciv-cs-card:nth-child(3n+1):after    {
        width: calc(100vw - 60px);
        display: block;
    }
}
@media (max-width:1024px){.skyciv-cs-pills{display:none;}.skyciv-cs-select-wrap{display:inline-block;}.skyciv-cs-grid{grid-template-columns:repeat(2,1fr);column-gap:28px;}.skyciv-cs-heading{font-size:34px;}}
@media (min-width:768px) and (max-width:1024px) {
    .skyciv-cs-card:nth-child(2n+1):after {
        width: calc(100vw - 60px);
        display: block;
    }
}
@media (max-width:768px){.skyciv-cs{padding:48px 18px 70px;}.skyciv-cs-grid{grid-template-columns:1fr;column-gap:0;}.skyciv-cs-card{padding:26px 0;}.skyciv-cs-heading{font-size:28px;}}
@media (max-width:768px){.skyciv-cs-card:after {display: none;}}