.benefits {
    margin-top: 100px;
}

.benefits__box {
    display: flex;
    justify-content: space-between;
    column-gap: 30px;
    max-width: 1197px;
    margin: 0 auto;
}

.benefits__left {
    padding-top: 46px;
}

.benefits__title {
    font-weight: 700;
    font-size: 43px;
    color: #fff;
    margin-bottom: 47px;
    max-width: 372px;
}

.benefits__description {
    font-weight: 400;
    font-size: 18px;
    line-height: 128%;
    color: #9196a0;
    max-width: 523px;
}

.benefits__items {
    max-width: 572px;
}

.benefits__item {
    display: flex;
    align-items: center;
    column-gap: 22px;
    padding: 20px 42px 23px 23px;
    border-radius: 15px;
    position: relative;
    user-select: none;
}

.benefits__item:hover:before {
    opacity: 1;
}

.benefits__item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    background: linear-gradient(90deg, #1d263b 15.43%, #172a3f 100%);
    z-index: -1;
    opacity: 0;
    transition: opacity .3s ease-in-out;
}

.benefits__item-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 68px;
    min-height: 68px;
    max-width: 68px;
    max-height: 68px;
    border-radius: 50%;
    background-color: #2a4d78;
}

.benefits__item-title {
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    margin-bottom: 11px;
}

.benefits__item-description {
    font-weight: 400;
    font-size: 18px;
    line-height: 128%;
    color: #9196a0;
}

@media (max-width: 1000px) {
    .benefits__box {
        flex-direction: column;
        align-items: center;
        row-gap: 30px;
    }

    .benefits__left {
        padding-top: 0;
    }

    .benefits__title {
        margin: 0 auto 30px auto;
        text-align: center;
    }

    .benefits__description {
        text-align: center;
        max-width: 700px;
    }
}

@media (max-width: 600px) {
    .benefits__item {
        align-items: flex-start;
        padding: 20px;
    }
}

@media (max-width: 380px) {
    .benefits__item {
        flex-direction: column;
        row-gap: 15px;
    }
}
/*
     FILE ARCHIVED ON 15:19:54 Apr 21, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 23:06:19 May 18, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.645
  exclusion.robots: 0.066
  exclusion.robots.policy: 0.056
  esindex: 0.012
  cdx.remote: 5.294
  LoadShardBlock: 188.482 (3)
  PetaboxLoader3.datanode: 144.749 (4)
  PetaboxLoader3.resolve: 143.689 (3)
  load_resource: 121.468
*/