.section-button a {
    background-image: linear-gradient(90deg, #f45f3e, #fb9860);
    border: 1px solid #f45f3e;
    border-radius: 0;
    display: inline-block;
    fill: #fff;
    font-size: 18px;
    padding: 8px 40px;
    text-transform: none
}

.section-button a,
.section-button a:hover {
    background-color: #f45f3e;
    color: #fff;
    font-style: normal;
    font-weight: 500;
    text-decoration: none
}

.section-icon-outer {
    margin: 0 auto;
    max-width: 750px;
    text-align: center
}

.section-icon-heading h3 {
    margin: 0;
    padding-bottom: 10px
}

.section-icon-subheading h4 {
    margin: 0
}

.block-icon-heading h5 {
    font-weight: 600;
    margin: 0
}

.block-icon {
    padding-bottom: 10px !important
}

.section-icon-content {
    padding: 20px 0 !important
}

.icon-block-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px
}

.icon-block-outer {
    background-color: #fff;
    border-radius: 9px;
    flex: 0 31.5%;
    padding: 30px;
    position: relative;
    transition: all .2s ease-in-out
}

.icon-block-outer:hover:before {
    background-image: url(https://www.clariontech.com/hubfs/clariontech-2025/corner-border.svg);
    background-repeat: no-repeat;
    content: "";
    height: 100%;
    left: -3px;
    position: absolute;
    top: -3px;
    width: 100%
}

.section-icon-wrapper.light {
    background-color: #f8f8f8;
    padding: 60px 0
}

.section-icon-wrapper {
    padding: 60px 0
}

.icon-block-outer:hover {
    box-shadow: 0 2px 18.5px 0 #00000024
}

.block-icon-heading h6 {
    font-weight: 600;
    margin: 0
}

.section-icon-wrapper.dark {
    background: linear-gradient(180deg, #fff 67%, #313030 0)
}

.dark .icon-block-outer {
    background-color: #f6f6f6;
    text-align: center
}

.block-icon-heading {
    padding-bottom: 10px
}

.section-button {
    margin-top: 40px;
    text-align: center
}

@media (max-width:650px) {
    .icon-block-wrapper {
        display: block
    }
    .icon-block-outer {
        margin-bottom: 20px
    }
    .section-icon-wrapper.dark {
        background: #313030
    }
    .dark .section-icon-content p,
    .dark .section-icon-heading h3,
    .dark .section-icon-subheading h4 {
        color: #fff
    }
}