/*********************** Compliance Point ***********************/
.compliance-wrapper-point{ display: flex; flex-wrap: wrap; gap: 12px; }
.compliance-wrapper-point .compliance-point-inner{ position: relative; width: calc(100% / 3 - 8px); border: 1px solid var(--grey-shade-95); border-radius: 4px; background: var(--global-white); padding: 16px; display: flex; align-items: center;transition: 0.5s all;-webkit-transition: 0.5s all; }
.compliance-wrapper-point .compliance-point-inner p{position: relative;padding-left: 32px;color: var(--grey-shade-30);margin: 0;transition: 0.5s all;-webkit-transition: 0.5s all;}
.compliance-wrapper-point .compliance-point-inner p::before{ content: ""; position: absolute; width: 28px; height: 28px; background: url(../assets/images/point-icon.svg); background-repeat: no-repeat; top: 0px; left: 0; }
.compliance-wrapper-point .compliance-point-inner:hover{border-color: var(--base-color-s-main);box-shadow: 0px 0px 15px 0px rgba(0, 89, 153, 0.05);}
.compliance-wrapper-point .compliance-point-inner p:hover{color: var(--base-color-s-main);}

/*********************** Media-query ***********************/

@media (max-width: 991px){
    /*********************** Compliance Point ***********************/
    .compliance-wrapper-point .compliance-point-inner { width: calc(100% / 2 - 6px); }
}

@media (max-width: 575px) {
     /*********************** Compliance Point ***********************/
    .compliance-wrapper-point .compliance-point-inner { width: 100%;padding: 12px; }
    .compliance-wrapper-point .compliance-point-inner p::before { top: -3px; left: 0; }
}