.three-column-section{
    padding:6em 0 3em;
}
.three-column-section-title{
    color: #000;
    font-size: 3.5em;
    font-weight: 700;
    line-height: 1em;
    letter-spacing: -0.02em;
    max-width: 19em;
}
.three-column-section-title .static-outline{
  margin-top: 0.125em;
  padding: 0.1em 0.4em;
}
.three-col-wrap{
    margin-top: 3em;
    grid-gap: 1.1em;
    flex-wrap: wrap;
}
.three-col-card{
    width: calc(33.334% - 0.74em);
    border-radius: 2em;
    border: 0.1em solid #DFDFDF;
    padding: 2.5em;
    transition: 0.3s ease-in-out;
}

.three-col-title{
    color: #000;
    font-size: 1.9em;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.02em;
    transition: 0.3s ease-in-out;
}

.three-col-dis{
    color: #626262;
    font-size: 0.7em;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.02em;
    transition: 0.3s ease-in-out;
}

.three-col-button{
    display: block;
    text-align: center;
    border-radius: 5em;
    border: 0.05em solid #000;
    color: #000;
    font-size: 0.9em;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.02em;
    padding: 0.8em;
    margin: 1.12em 0 2em;
    text-decoration: none;
    transition: 0.3s ease-in-out;
}
.three-col-button:hover{
    border-color: #4A94FD;
}
.three-col-fetures-title{
    color: #000;
    font-size: 0.7em;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.02em;
    margin-bottom: 0.2875em;
    transition: 0.3s ease-in-out;
}

.three-col-fetures li{
    color: #626262;
    font-size: 0.8em;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.02em;
    position: relative;
    list-style-type: none;
    margin-left: 1.3em;
    transition: 0.3s ease-in-out;
}
.three-col-card:nth-child(2){
    background-color: #000000;
}
.three-col-card:nth-child(2) .three-col-title,.three-col-card:nth-child(2) .three-col-dis,
.three-col-card:nth-child(2) .three-col-fetures-title,.three-col-card:nth-child(2) .three-col-fetures li{
    color: #ffffff;
}
.three-col-card:nth-child(2) .three-col-button{
    background-color: #ffffff;
    color: #000;
}

.three-col-fetures li::before {
    content: '';
    position: absolute;
    width: 1em;
    height: 1em;
    left:-1.25em;
    top:0.25em;
    background-image: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%3E%3Cmask%20id%3D%22mask0_7343_1184%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2218%22%20height%3D%2218%22%3E%3Crect%20width%3D%2218%22%20height%3D%2218%22%20fill%3D%22%23D9D9D9%22/%3E%3C/mask%3E%3Cg%20mask%3D%22url(%23mask0_7343_1184)%22%3E%3Cpath%20d%3D%22M7.93556%2010.6096L6.19324%208.86731C6.0894%208.76346%205.95888%208.71033%205.80166%208.70793C5.64445%208.70552%205.51152%208.75864%205.40287%208.86731C5.29422%208.97596%205.23989%209.10768%205.23989%209.26248C5.23989%209.41728%205.29422%209.54901%205.40287%209.65766L7.46104%2011.7158C7.59661%2011.8514%207.75479%2011.9192%207.93556%2011.9192C8.11633%2011.9192%208.27449%2011.8514%208.41007%2011.7158L12.5827%207.54324C12.6865%207.4394%2012.7396%207.30888%2012.742%207.15166C12.7444%206.99445%2012.6913%206.86152%2012.5827%206.75287C12.474%206.64422%2012.3423%206.58989%2012.1875%206.58989C12.0327%206.58989%2011.901%206.64422%2011.7923%206.75287L7.93556%2010.6096ZM9.00124%2016.125C8.01579%2016.125%207.08951%2015.938%206.22241%2015.564C5.3553%2015.19%204.60104%2014.6824%203.95963%2014.0413C3.3182%2013.4001%202.81041%2012.6462%202.43624%2011.7795C2.06208%2010.9128%201.875%209.98669%201.875%209.00124C1.875%208.01579%202.062%207.08951%202.436%206.22241C2.81%205.3553%203.31756%204.60104%203.95869%203.95963C4.59983%203.3182%205.35376%202.81041%206.22048%202.43624C7.08719%202.06208%208.01328%201.875%208.99873%201.875C9.98418%201.875%2010.9105%202.062%2011.7776%202.436C12.6447%202.81%2013.3989%203.31756%2014.0403%203.95869C14.6818%204.59983%2015.1896%205.35376%2015.5637%206.22048C15.9379%207.08719%2016.125%208.01328%2016.125%208.99873C16.125%209.98418%2015.938%2010.9104%2015.564%2011.7776C15.19%2012.6447%2014.6824%2013.3989%2014.0413%2014.0403C13.4001%2014.6818%2012.6462%2015.1896%2011.7795%2015.5637C10.9128%2015.9379%209.98669%2016.125%209.00124%2016.125Z%22%20fill%3D%22%234A94FD%22/%3E%3C/g%3E%3C/svg%3E');
    background-size: contain;
    background-repeat: no-repeat;
}

@media screen and (max-width: 1800px) {
    .three-column-section-title{
        font-size: 3em;
    }
    .three-col-wrap{
        grid-gap: 1em;
    }
    .three-col-card{
        width: calc(33.334% - 0.675em);
        padding: 2em;
    }
    .three-col-title{
        font-size: 1.8em;
    }
    .three-col-button{
        margin: 1em 0 2em;
    }
}

@media screen and (max-width: 1500px) {
    .three-column-section{
        padding:5em 0 3em;
    }
    .three-column-section-title{
        font-size: 2.4em;
    }
    .three-col-wrap{
        margin-top: 2.5em;
    }
    .three-col-card{
        border-radius: 1.5em;
        padding: 1.8em;
    }
    .three-col-title{
        font-size: 1.6em;
    }
    .three-col-button{
        margin: 1em 0 1.5em;
        padding: 0.7em;
    }
}

@media screen and (max-width: 1500px) {
    .three-column-section{
        padding:5em 0 2.5em;
    }
    .three-column-section-title{
        font-size: 1.8em;
    }
    .three-col-wrap{
        margin-top: 2em;
        grid-gap: 0.75em;
    }
    .three-col-card{
        border-radius: 1.5em;
        padding: 1em;
        width: calc(33.334% - 0.51em);
    }
    .three-col-title{
        font-size: 1.2em;
    }
    .three-col-button{
        margin: 1em 0 1.5em;
        padding: 0.7em;
        font-size: 0.8em;
    }
    .three-col-fetures li{
        font-size: 0.7em;
    }
}

@media screen and (max-width: 900px) {
    .three-column-section-title {
        font-size: 1.6em;
    }
    .three-col-card{
        width: 100%;
        padding: 0.75em;
    }
    .three-col-button{
        max-width: 200px;
        margin: 1em 0;
    }
    .three-col-wrap {
        margin-top: 1.2em;
    }
}