.control {
    padding-block: 5rem;
    
    background: linear-gradient(
        to bottom,
        var(--blue) 50%,
        var(--white) 50%
    );
}

.control__wrapper {
    max-width: 1520px;
    width: 100%;
    
    margin-inline: auto;
}

.control__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.control__intro {
    max-width: 780px;
    width: 100%;
    
    color: var(--white);
}

.control__title {
    margin-bottom: 2rem;
}

.control__title:before {
    color: var(--blue-light);
}

.control__description {
    margin-bottom: 3.125rem;
}


.control__note {
    background: linear-gradient(93.18deg, rgba(255, 255, 255, 0.2) 5.49%, rgba(173, 173, 173, 0.2) 72.89%, rgba(255, 255, 255, 0.2) 100.86%);
    border: 1px solid rgba(221, 236, 240, 1);
    border-radius: 100px;
    
    padding: 1.75rem 3.75rem;
    
    display: flex;
    align-items: center;
}

.control__note-icon {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none'%3e%3cpath d='M21.0007 0.0916443C18.2248 0.410494 15.4114 1.26389 12.8419 2.56742C9.13757 4.45239 5.94906 7.32205 3.65146 10.8294C1.78525 13.6709 0.200379 18.0129 0.0221977 20.7231C-0.0246921 21.4452 -0.00593617 21.5765 0.162867 21.8579C0.266024 22.0267 0.500473 22.2517 0.669276 22.3549C0.959993 22.5331 1.17569 22.5425 3.91405 22.5706C7.31824 22.6081 7.71212 22.5612 8.1435 22.0642C8.30293 21.886 8.45298 21.6516 8.48111 21.5296C8.98752 19.2414 9.25948 18.4068 9.95345 17.0095C12.0822 12.7706 15.9178 9.81658 20.6068 8.79438C22.0229 8.48491 24.7143 8.43802 26.2148 8.69123C28.2686 9.04759 30.1536 9.77907 32.0198 10.9513C33.7266 12.0204 33.614 12.0673 36.4086 9.29142C37.6372 8.07228 38.7062 6.95631 38.7813 6.81564C38.9594 6.47803 38.9501 5.77468 38.7719 5.41832C38.4999 4.90253 36.3524 3.44895 34.4205 2.48302C31.9166 1.217 29.5627 0.504274 26.6931 0.129156C25.4833 -0.0208912 22.2292 -0.0490246 21.0007 0.0916443Z' fill='white'/%3e%3cpath d='M41.1154 9.26411C40.9653 9.35789 39.8587 10.427 38.6583 11.6274C35.9387 14.3751 35.9762 14.2719 37.0453 15.9787C38.105 17.6574 38.7896 19.3173 39.2116 21.2304C39.3898 22.0463 39.418 22.4401 39.418 24.2782C39.418 26.1069 39.3898 26.5102 39.2116 27.3448C38.1801 32.0901 35.2448 35.9069 30.9872 38.045C29.5899 38.739 28.7552 39.011 26.467 39.5174C26.3451 39.5455 26.1106 39.6956 25.9325 39.855C25.4354 40.2864 25.3885 40.6803 25.426 44.0844C25.4542 46.9072 25.4636 47.0291 25.6605 47.348C26.0075 47.9107 26.3357 48.0419 27.2735 47.9763C29.1866 47.8544 32.272 46.926 34.6446 45.7631C37.0922 44.5533 39.1366 43.0998 41.0216 41.2054C44.9134 37.3042 47.2861 32.362 47.9144 26.829C48.0832 25.3661 47.9894 21.8118 47.7456 20.3864C47.3236 17.9575 46.6015 15.7537 45.5511 13.6436C44.5571 11.6555 43.1035 9.50794 42.5783 9.2266C42.1844 9.02967 41.4623 9.04842 41.1154 9.26411Z' fill='white'/%3e%3cpath d='M21.8065 14.3272C21.6564 14.4304 21.4501 14.6461 21.3376 14.8242C21.1406 15.1337 21.1406 15.1712 21.1406 22.5892C21.1406 29.8759 21.1406 30.054 21.3282 30.3541C21.4313 30.5229 21.6658 30.7574 21.844 30.8699C22.1534 31.0669 22.2847 31.0762 24.0009 31.0762C25.7264 31.0762 25.8484 31.0669 26.1672 30.8699C26.8612 30.4292 26.8237 30.9356 26.7955 22.4673L26.7674 14.8899L26.3735 14.5148L25.9796 14.149H24.029C22.266 14.149 22.0503 14.1678 21.8065 14.3272Z' fill='white'/%3e%3cpath d='M13.367 17.1406C13.217 17.2438 13.0106 17.4594 12.8981 17.6376C12.7012 17.9377 12.7012 18.0034 12.7012 23.9959C12.7012 29.8759 12.7105 30.054 12.8887 30.3541C12.9919 30.5229 13.2263 30.7574 13.4045 30.8699C13.714 31.0669 13.8453 31.0762 15.5614 31.0762C17.287 31.0762 17.4089 31.0669 17.7278 30.8699C18.4217 30.4385 18.3842 30.7761 18.3561 23.8833L18.3279 17.7127L17.9716 17.3657L17.6246 17.0093L15.6271 16.9812C13.789 16.9624 13.6202 16.9718 13.367 17.1406Z' fill='white'/%3e%3cpath d='M30.2459 22.7674C30.0959 22.8705 29.8896 23.0862 29.777 23.2644C29.5895 23.5645 29.5801 23.677 29.5801 26.8093C29.5801 29.8759 29.5895 30.0634 29.7676 30.3541C29.8708 30.5229 30.1052 30.7574 30.2834 30.8699C30.5929 31.0669 30.7242 31.0762 32.4404 31.0762C34.1565 31.0762 34.2878 31.0669 34.5973 30.8699C35.2631 30.4573 35.2537 30.4948 35.2537 26.7718V23.4238L34.888 23.03L34.5129 22.6361L32.5154 22.6079C30.6679 22.5892 30.4991 22.5986 30.2459 22.7674Z' fill='white'/%3e%3cpath d='M0.613268 25.8624C0.0693468 26.2281 -0.0244327 26.4813 0.031835 27.466C0.153748 29.4916 1.08217 32.5864 2.32943 35.0622C3.51105 37.416 4.8521 39.2635 6.79334 41.2047C10.3007 44.7214 14.7083 47.019 19.5473 47.8537C21.1416 48.135 21.7137 48.0319 22.1357 47.3848C22.3045 47.1316 22.3138 46.8877 22.3138 43.7836C22.3138 39.5636 22.3982 39.7511 20.4195 39.3104C15.7305 38.2694 11.8481 35.1653 9.79428 30.8139C9.22223 29.6042 9.00653 28.9477 8.66893 27.5129C8.39697 26.3688 8.28443 26.1343 7.84367 25.8718C7.56233 25.6936 7.34664 25.6842 4.2144 25.6842C1.1103 25.6842 0.866473 25.6936 0.613268 25.8624Z' fill='white'/%3e%3c/svg%3e");
    background-size: 100%;
    background-position: center center;
    
    width: 2.5rem;
    height: 2.5rem;
    
    margin-right: 1.5rem;
}

.control__note-text {
    border-left: 1px solid var(--white);
    
    padding-left: 1.5rem;
    
    margin-bottom: 0;
    
    color: var(--white);
    font-size: var(--text2-size);
    line-height: var(--text2-size);
    font-weight: 500;
}



.control__body {
    background-color: var(--white);
    box-shadow: 0px 3.75px 22.5px 0px rgba(0, 0, 0, 0.16);
    border-radius: 9px;
    
    position: relative;
}

.control__content {
    padding-left: 2.5rem;
    padding-block: 3rem;
    
    max-width: 950px;
    width: 100%;
}

.control__subtitle {
    margin-top: 0;
    margin-bottom: 1.75rem;
    
    font-size: var(--h3-size);
    font-weight: 500;
}



.control__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    
    margin-bottom: 1.75rem;
}

.control__decor {
    position: absolute;
    
    bottom: 0;
    right: 0;
    
    display: grid;
    align-items: flex-end;
}

.control__decor--mobile {
    display: none;
}


@media(max-width: 1536px) {
    .control {
        width: auto;
        
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
}

@media(max-width: 1024px) {
    
    
    .control {
        background: linear-gradient(to bottom, var(--blue) 60%, var(--white) 50%);
    }
    
    .control__header {
        flex-wrap: wrap;
    }
    
    .control__description {
        margin-bottom: 1.25rem;
    }
    
    .control__note {
        margin-bottom: 1.25rem;
    }
    
    .control__decor {
        display: none;
    }
}

@media(max-width: 767px) {
    
    .control__content {
        padding-block: 2rem;
        padding-inline: 1.5rem;
    }
    
    .control__note {
        padding: 1rem;
    }
    
    .control__note-icon {
        margin-right: .5rem;
    }
    
    .control__note-text {
        padding-left: .5rem;
    }
    
    .control__decor {
        display: block;
        
        position: relative;
    }
    
    .control__decor--desktop {
        display: none;
    }
    
    .control__decor--mobile {
        display: block;
        
        width: 100%;
    }
    
    .control__list {
        grid-template-columns: 1fr;
    }
}