.distinctive {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
}

.distinctive__item {
    display: flex;
    align-items: center;
    min-height: 112px;
    position: relative;
    padding: 28px 20px;
    background: #222;
    border-radius: 16px;
}

.distinctive__item::before {
    display: block;
    content: '';
    min-width: 42px;
    min-height: 42px;
    margin-right: 24px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.distinctive__item__title {
    font-weight: 700;
    font-size: 18px;
    color: #FFF;
}

.sync-icon::before {
    background-image: url("data:image/svg+xml,%3Csvg width='42' height='43' viewBox='0 0 42 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.687 0V25.4196H42.0002V0H24.687ZM39.5391 22.9587H27.1479V2.46093H39.5392V22.9587H39.5391Z' fill='%23FECC2B'/%3E%3Cpath d='M6.3457 21.7065H10.9674V24.1675H6.3457V21.7065Z' fill='%23FECC2B'/%3E%3Cpath d='M0 42.1195H17.3131V16.7H0V42.1195ZM2.46093 19.1609H14.8522V39.6586H2.46093V19.1609Z' fill='%23FECC2B'/%3E%3Cpath d='M17.4868 0L15.7467 1.74012L17.5874 3.58082H12.9671C9.91157 3.58082 7.42578 6.06661 7.42578 9.12201V11.4449H9.88671V9.12201C9.88671 7.42356 11.2685 6.04175 12.9671 6.04175H17.6989L15.9609 7.77982L17.7011 9.51995L22.3539 4.86715L17.4868 0Z' fill='%23FECC2B'/%3E%3Cpath d='M32.2938 32.9954C32.2938 34.6939 30.912 36.0757 29.2135 36.0757H24.3639L26.2197 34.2199L24.4795 32.4798L19.8267 37.1326L24.6938 41.9998L26.4339 40.2597L24.7109 38.5367H29.2134C32.2689 38.5367 34.7547 36.0509 34.7547 32.9955V30.6726H32.2937V32.9954H32.2938Z' fill='%23FECC2B'/%3E%3C/svg%3E%0A");
}

.access-icon::before {
    background-image: url("data:image/svg+xml,%3Csvg width='46' height='52' viewBox='0 0 46 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32.0002 24.6004H13.9998V33.6006H32.0002V24.6004Z' stroke='%23FECC2B' stroke-width='2.5' stroke-miterlimit='10'/%3E%3Cpath d='M29.0003 24.6003V21.5003C29.0003 18.1865 26.3139 15.5001 23.0001 15.5001C19.6864 15.5001 17 18.1865 17 21.5003V24.6003' stroke='%23FECC2B' stroke-width='2.5' stroke-miterlimit='10'/%3E%3Cpath d='M26.0001 5.00017C26.0001 6.65701 24.6569 8.00024 23.0001 8.00024C21.3432 8.00024 20 6.65701 20 5.00017C20 3.34333 21.3432 2.0001 23.0001 2.0001C24.6569 2.0001 26.0001 3.34333 26.0001 5.00017Z' stroke='%23FECC2B' stroke-width='2.5' stroke-miterlimit='10'/%3E%3Cpath d='M26.0001 47.2011C26.0001 48.8579 24.6569 50.2012 23.0001 50.2012C21.3432 50.2012 20 48.8579 20 47.2011C20 45.5443 21.3432 44.201 23.0001 44.201C24.6569 44.201 26.0001 45.5443 26.0001 47.2011Z' stroke='%23FECC2B' stroke-width='2.5' stroke-miterlimit='10'/%3E%3Cpath d='M8.00014 38.2009C8.00014 39.8577 6.65691 41.2009 5.00007 41.2009C3.34323 41.2009 2 39.8577 2 38.2009C2 36.544 3.34323 35.2008 5.00007 35.2008C6.65691 35.2008 8.00014 36.544 8.00014 38.2009Z' stroke='%23FECC2B' stroke-width='2.5' stroke-miterlimit='10'/%3E%3Cpath d='M8.00014 14.0004C8.00014 15.6573 6.65691 17.0005 5.00007 17.0005C3.34323 17.0005 2 15.6573 2 14.0004C2 12.3436 3.34323 11.0003 5.00007 11.0003C6.65691 11.0003 8.00014 12.3436 8.00014 14.0004Z' stroke='%23FECC2B' stroke-width='2.5' stroke-miterlimit='10'/%3E%3Cpath d='M44.0004 14.0004C44.0004 15.6573 42.6572 17.0005 41.0003 17.0005C39.3435 17.0005 38.0002 15.6573 38.0002 14.0004C38.0002 12.3436 39.3435 11.0003 41.0003 11.0003C42.6572 11.0003 44.0004 12.3436 44.0004 14.0004Z' stroke='%23FECC2B' stroke-width='2.5' stroke-miterlimit='10'/%3E%3Cpath d='M44.0004 38.2009C44.0004 39.8577 42.6572 41.2009 41.0003 41.2009C39.3435 41.2009 38.0002 39.8577 38.0002 38.2009C38.0002 36.544 39.3435 35.2008 41.0003 35.2008C42.6572 35.2008 44.0004 36.544 44.0004 38.2009Z' stroke='%23FECC2B' stroke-width='2.5' stroke-miterlimit='10'/%3E%3Cpath d='M7.68433 39.5429L20.3168 45.8591' stroke='%23FECC2B' stroke-width='2.5' stroke-miterlimit='10'/%3E%3Cpath d='M25.6836 45.8591L38.3161 39.5429' stroke='%23FECC2B' stroke-width='2.5' stroke-miterlimit='10'/%3E%3Cpath d='M41.0007 35.2009V17.0005' stroke='%23FECC2B' stroke-width='2.5' stroke-miterlimit='10'/%3E%3Cpath d='M38.3161 12.6582L25.6836 6.34195' stroke='%23FECC2B' stroke-width='2.5' stroke-miterlimit='10'/%3E%3Cpath d='M20.3168 6.34195L7.68433 12.6582' stroke='%23FECC2B' stroke-width='2.5' stroke-miterlimit='10'/%3E%3Cpath d='M4.99927 17.0002V35.2007' stroke='%23FECC2B' stroke-width='2.5' stroke-miterlimit='10'/%3E%3Cpath d='M22.9998 29.1008V26.1008' stroke='%23FECC2B' stroke-width='2.5' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
}

.security-icon::before {
    background-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.93023 11.2326V5.37209C2.93023 4.02419 4.02419 2.93023 5.37209 2.93023H11.2326C12.0413 2.93023 12.6977 2.27386 12.6977 1.46512C12.6977 0.656372 12.0413 0 11.2326 0H5.37209C2.4067 0 0 2.4067 0 5.37209V11.2326C0 12.0413 0.656372 12.6977 1.46512 12.6977C2.27386 12.6977 2.93023 12.0413 2.93023 11.2326Z' fill='%23FECC2B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.2326 39.0697H5.37209C4.02419 39.0697 2.93023 37.9757 2.93023 36.6278V30.7674C2.93023 29.9586 2.27386 29.3022 1.46512 29.3022C0.656372 29.3022 0 29.9586 0 30.7674V36.6278C0 39.5932 2.4067 41.9999 5.37209 41.9999H11.2326C12.0413 41.9999 12.6977 41.3435 12.6977 40.5348C12.6977 39.7261 12.0413 39.0697 11.2326 39.0697Z' fill='%23FECC2B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M39.0699 30.7674V36.6278C39.0699 37.9757 37.976 39.0697 36.6281 39.0697H30.7676C29.9589 39.0697 29.3025 39.7261 29.3025 40.5348C29.3025 41.3435 29.9589 41.9999 30.7676 41.9999H36.6281C39.5935 41.9999 42.0002 39.5932 42.0002 36.6278V30.7674C42.0002 29.9586 41.3438 29.3022 40.535 29.3022C39.7263 29.3022 39.0699 29.9586 39.0699 30.7674Z' fill='%23FECC2B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M30.7676 2.93023H36.6281C37.976 2.93023 39.0699 4.02419 39.0699 5.37209V11.2326C39.0699 12.0413 39.7263 12.6977 40.535 12.6977C41.3438 12.6977 42.0002 12.0413 42.0002 11.2326V5.37209C42.0002 2.4067 39.5935 0 36.6281 0H30.7676C29.9589 0 29.3025 0.656372 29.3025 1.46512C29.3025 2.27386 29.9589 2.93023 30.7676 2.93023Z' fill='%23FECC2B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.4737 28.8139V18.691C14.4737 15.0868 17.3961 12.1644 21.0003 12.1644C24.6064 12.1644 27.5269 15.0868 27.5269 18.691V28.8139C27.5269 29.6227 28.1833 30.2791 28.992 30.2791C29.8008 30.2791 30.4571 29.6227 30.4571 28.8139V18.691C30.4571 13.4693 26.2259 9.23413 21.0003 9.23413C15.7767 9.23413 11.5435 13.4693 11.5435 18.691V28.8139C11.5435 29.6227 12.1998 30.2791 13.0086 30.2791C13.8173 30.2791 14.4737 29.6227 14.4737 28.8139Z' fill='%23FECC2B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.8023 32.7209V18.691C19.8023 18.0307 20.3376 17.4935 20.9998 17.4935C21.662 17.4935 22.1992 18.0287 22.1992 18.691V32.7209C22.1992 33.5296 22.8556 34.186 23.6644 34.186C24.4731 34.186 25.1295 33.5296 25.1295 32.7209V18.691C25.1295 16.4112 23.2795 14.5632 20.9998 14.5632C18.7181 14.5632 16.8721 16.4112 16.8721 18.691V32.7209C16.8721 33.5296 17.5284 34.186 18.3372 34.186C19.1459 34.186 19.8023 33.5296 19.8023 32.7209Z' fill='%23FECC2B'/%3E%3C/svg%3E%0A");
}

.view-icon::before {
    background-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20.9997' cy='20.9997' r='18.9997' stroke='%23FECC2B' stroke-width='4'/%3E%3Crect x='21.0962' width='20.9031' height='41.9993' fill='%23222222'/%3E%3Crect x='21' y='4.92212' width='17.851' height='3.97811' fill='%23FECC2B'/%3E%3Crect x='21' y='12.2339' width='17.851' height='3.97811' fill='%23FECC2B'/%3E%3Crect x='21' y='19.0767' width='17.851' height='3.97811' fill='%23FECC2B'/%3E%3Crect x='21' y='26.2546' width='17.851' height='3.97811' fill='%23FECC2B'/%3E%3Crect x='21' y='33.0989' width='17.851' height='3.97811' fill='%23FECC2B'/%3E%3C/svg%3E%0A");
}

.notification-icon::before {
    background-image: url("data:image/svg+xml,%3Csvg width='42' height='47' viewBox='0 0 42 47' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M41.9759 34.737C41.7209 32.0822 39.3512 29.9974 36.5913 29.9974C36.2613 29.9974 35.9988 29.7349 35.9988 29.4049V20.5706C35.9988 14.0087 31.7992 8.28671 26.0171 6.14941C26.0846 5.8119 26.1221 5.46699 26.1221 5.12196C26.1222 2.29485 23.8275 0 21.0001 0C18.1728 0 15.878 2.29485 15.878 5.12209C15.878 5.4596 15.9155 5.79699 15.9755 6.11948C13.9882 6.82444 12.1509 7.94181 10.5835 9.45668C7.62878 12.3065 6.00144 16.1386 6.00144 20.2483V29.405C6.00144 29.7275 5.73894 29.9975 5.40894 29.9975C2.64169 29.9975 0.279339 32.0823 0.0243551 34.7371C-0.118165 36.2145 0.369385 37.6843 1.36678 38.7793C2.35665 39.8667 3.77409 40.4967 5.25139 40.4967H14.2957C14.6706 43.8639 17.5354 46.4962 21.0001 46.4962C24.4648 46.4962 27.3296 43.8639 27.7046 40.4967H36.7489C38.2263 40.4967 39.6436 39.8667 40.6335 38.7793C41.6234 37.6842 42.1184 36.2144 41.9759 34.737ZM21.0001 2.99969C22.17 2.99969 23.1224 3.95212 23.1224 5.12196C23.1224 5.2194 23.1074 5.30944 23.0923 5.40688C22.5824 5.33186 22.0649 5.27939 21.5474 5.26436C20.655 5.2343 19.7776 5.29441 18.9077 5.41439C18.8926 5.31696 18.8776 5.22691 18.8776 5.12948C18.8779 3.95212 19.8303 2.99969 21.0001 2.99969ZM21.0001 43.4962C19.1928 43.4962 17.678 42.2063 17.3254 40.4965H24.6747C24.3224 42.2064 22.8076 43.4962 21.0001 43.4962ZM38.4137 36.7618C37.9787 37.2343 37.3937 37.4967 36.7487 37.4967H5.25152C4.60654 37.4967 4.02169 37.2342 3.58661 36.7618C3.15166 36.2894 2.94915 35.6669 3.01665 35.022C3.1216 33.8896 4.17911 32.9972 5.41646 32.9972C7.39633 32.9972 9.00864 31.3849 9.00864 29.405V20.2483C9.00864 16.9635 10.3135 13.8963 12.6758 11.6165C14.9256 9.43426 17.8654 8.24927 21.0001 8.24927C21.1502 8.24927 21.2926 8.24927 21.4426 8.25678C27.8095 8.48171 32.9991 14.0088 32.9991 20.5708V29.405C32.9991 31.3849 34.6114 32.9972 36.5913 32.9972C37.8287 32.9972 38.8862 33.8896 38.9911 35.022C39.0511 35.6669 38.8486 36.2819 38.4137 36.7618Z' fill='%23FECC2B'/%3E%3Cpath d='M1.57671 17.9986C2.26665 17.9986 2.88908 17.5187 3.03911 16.8212C3.76649 13.529 5.40885 10.5293 7.80865 8.14451C8.39364 7.55952 8.39364 6.60709 7.80865 6.02223C7.22367 5.43725 6.27124 5.43725 5.68638 6.02223C2.88169 8.81177 0.954282 12.3291 0.106925 16.1836C-0.073041 16.9935 0.436926 17.7959 1.24684 17.9685C1.36681 17.9911 1.47176 17.9986 1.57671 17.9986Z' fill='%23FECC2B'/%3E%3Cpath d='M40.4235 17.9984C40.5285 17.9984 40.641 17.9834 40.746 17.9609C41.5559 17.781 42.0659 16.986 41.8859 16.1761C41.0384 12.3214 39.1111 8.81173 36.3063 6.01442C35.7213 5.42944 34.7689 5.42944 34.1841 6.01442C33.5992 6.59941 33.5991 7.55184 34.1841 8.1367C36.5763 10.5215 38.2262 13.5213 38.9536 16.8134C39.1111 17.5184 39.7336 17.9984 40.4235 17.9984Z' fill='%23FECC2B'/%3E%3C/svg%3E%0A");
}

.support-icon::before {
    background-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.9565 9.45682L14.8124 11.3127C18.2307 7.89547 23.77 7.89547 27.1867 11.3127L29.0441 9.45682C24.6005 5.01427 17.4001 5.01322 12.9565 9.45682Z' fill='%23FECC2B'/%3E%3Cpath d='M38.4998 17.4998C38.4998 7.833 30.6679 0 21 0C11.3347 0 3.50017 7.833 3.50017 17.4998C1.56712 17.4998 0 19.0669 0 21V31.5C0 33.433 1.56712 35.0002 3.50017 35.0002H8.75017C9.7167 35.0002 10.5 34.2174 10.5 33.2498V24.5002C10.5 23.5378 10.0632 22.0936 9.52927 21.294L7.00035 17.5003C7.00035 9.7671 13.2678 3.50017 21.0005 3.50017C28.7353 3.50017 35.0007 9.7671 35.0007 17.5003L32.4712 21.294C31.9373 22.0936 31.5 23.5378 31.5 24.5002V33.7391C28.9348 36.6529 25.1874 38.4998 21 38.4998H17.4998V42H21C26.7214 42 31.7835 39.2432 34.976 35.0002H38.4998C40.4329 35.0002 42 33.433 42 31.5V21C42 19.0669 40.4329 17.4998 38.4998 17.4998ZM6.99983 31.5H3.49965V21H5.12662L6.61658 23.2354C6.77408 23.4832 6.99248 24.2083 6.9993 24.5033V31.5H6.99983ZM38.4998 31.5H35.0002V24.5033C35.007 24.2077 35.2259 23.4832 35.3829 23.2354L36.8728 21H38.4998V31.5Z' fill='%23FECC2B'/%3E%3C/svg%3E%0A");
}

@media screen and (max-width: 1199px) {
    .distinctive {
        -ms-grid-columns: 1fr 16px 1fr;
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width: 520px) {
    .distinctive {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}