403Webshell
Server IP : 80.87.202.40  /  Your IP : 216.73.216.169
Web Server : Apache
System : Linux rospirotorg.ru 5.14.0-539.el9.x86_64 #1 SMP PREEMPT_DYNAMIC Thu Dec 5 22:26:13 UTC 2024 x86_64
User : bitrix ( 600)
PHP Version : 8.2.27
Disable Function : NONE
MySQL : OFF |  cURL : ON |  WGET : ON |  Perl : ON |  Python : OFF |  Sudo : ON |  Pkexec : ON
Directory :  /home/bitrix/ext_www/rospirotorg.ru/opt_new/css/

Upload File :
current_dir [ Writeable] document_root [ Writeable]

 

Command :


[ Back ]     

Current File : /home/bitrix/ext_www/rospirotorg.ru/opt_new/css/style.css
@import url('https://fonts.cdnfonts.com/css/rf-tone');

:root {
    --custom-gradient: linear-gradient(180deg, rgba(255, 227, 203, 0.40) 0%, #FFF 100%);
}

.whoolesale-page {
    font-family: 'RF Tone', sans-serif;
	margin: 0 -15px;
}

/* header */
.whoolesale-page > .header {
    padding: 50px 50px;
    position: relative;
    z-index: 10;
}
.whoolesale-page .header .price-info {
    margin: 0 100px;
}
.whoolesale-page .header .row {
    display: flex;
}
.whoolesale-page .header .column {
    flex: 0 1 33.333%;
    display: flex;
}
.whoolesale-page .header .column_center {
    justify-content: center;
}
.whoolesale-page .header .column_left {
    justify-content: start;
}
.whoolesale-page .header .column_right {
    justify-content: end;
}
.whoolesale-page .header .item {
    color: white;
    padding: 10px;
}
.whoolesale-page .header .price {
    font-size: 48px;
    font-style: normal;
    font-weight: 900;
    line-height: 71.065px;
    text-transform: uppercase;
    text-align: center;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 2px white;
}
.whoolesale-page .header .price-info .description {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 23.56px;
    word-wrap: break-word;
    max-width: 200px;
    text-align: center;
}
.whoolesale-page .header .description-block {
    padding: 48px 0 96px 0;
}
.whoolesale-page > .header .description-block h2 {
    margin: 0 0 20px 0 !important;
}
.whoolesale-page .header .description-block__header {
    color: #EE7F1F;
    text-align: center;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.40);
    font-size: 74.805px;
    font-family: RF Tone;
    font-style: normal;
    font-weight: 900;
    line-height: 89.766px;
    text-transform: uppercase;
}
.whoolesale-page .header .description-block div {
    color: #FFF;
    text-align: center;
    font-size: 25.333px;
    font-style: normal;
    font-weight: 900;
    line-height: 26px;
    text-transform: uppercase;
}
.whoolesale-page .button-block {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    color: white;
}
.whoolesale-page .button-block__price-list {
    display: inline-block;
    color: white;
    text-decoration: none !important;
    font-size: 20px;
    font-weight: 900;
    letter-spacing: 0em;
    text-align: center;
    padding: 20px 0;
    width: 344px;
    /* background:#EE7F1F; */
    background-color: #EE1F1F;
    text-transform: uppercase;
}
.whoolesale-page .button-block__price-list:hover {
    color: white;
}
.whoolesale-page .header .button-block__description {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 17px;
    margin: 20px 0 0 0;
}
.whoolesale-page .header .bottom-left {
    position: absolute;
    bottom: 0;
    left: 0;
}
.whoolesale-page .header .bottom-right {
    position: absolute;
    bottom: 0;
    right: 0;
}
.whoolesale-page .header .header-background img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.whoolesale-page .header .description-block__text {
    color: #FFF;
    text-align: center;
    font-size: 25.333px;
    font-style: normal;
    font-weight: 900;
    line-height: 26px;
    text-transform: uppercase;
}

@media (max-width: 1440px) {
}

@media (max-width: 768px) {
    .whoolesale-page .header .price-info {
        margin: 0;
    }
    .whoolesale-page .header .price-info .price {
        font-size: 34.08px;
        font-weight: 900;
        text-transform: uppercase;
        line-height: 50.46px;
    }
    .whoolesale-page .header .price-info .description {
        font-size: 11.36px;
        font-weight: 700;
        line-height: 12.47px;
    }
    .whoolesale-page .header .description-block div {
        font-size: 16px;
        font-weight: 900;
        line-height: 25.56px;
    }
    .whoolesale-page .header .bottom-left img{
        width: 150px;
        height: 100px;
        object-fit: cover;
    }
    .whoolesale-page .header .bottom-right img {
        width: 150px;
        height: 100px;
        object-fit: cover;
    }
    .whoolesale-page .header .description-block {
        padding: 54px 0 45px 0;
    }
    .whoolesale-page > .header {
        padding: 20px;
    }
    .whoolesale-page .header .price-info .price {
        font-size: 20.08px;
        font-weight: 900;
        text-transform: uppercase;
        line-height: 22.46px;
        -webkit-text-stroke: 1px white;
        margin: 0 0 5px 0;
    }
    .whoolesale-page .header .item {
        padding: 2px;
    }
    .whoolesale-page .header .price-info .description {
        font-size: 8px;
        font-weight: 400;
        line-height: 9px;
    }
    .whoolesale-page .header .description-block__header {
        font-size: 25px;
        font-weight: 900;
        line-height: 39px;
    }
    .whoolesale-page .header .description-block div {
        font-size: 15px;
        font-weight: 900;
        line-height: 25.56px;
    }
    .whoolesale-page .header .button-block__price-list {
        font-size: 15px;
    }
    
    .whoolesale-page .header .description-block__text {
        color: #FFF;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 900;
        line-height: 25.565px; 
        text-transform: uppercase;
    }
    .whoolesale-page .header .button-block__description {
        color: #FFF;
        text-align: center;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: 13px;
        text-transform: uppercase;
        margin-bottom: 108px;
    }
}
@media (max-width: 395px) {
    .whoolesale-page .header .bottom-left img{
        width: 120px;
        height: 80px;
        object-fit: cover;
    }
    .whoolesale-page .header .bottom-right img {
        width: 120px;
        height: 80px;
        object-fit: cover;
    }
}
/* header */

/* partner-price */
.partner-price {
    padding: 50px 60px;
    text-align: center;
    position: relative;
    z-index: 10;
}
.partner-price .partner-price__header {
    width: 100%;
    color: white;
    margin: 0 0 22px 0;
}
.partner-price .partner-price__header h2 {
    font-family: RF Tone;
    font-size: 51.09px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 52px;
    color: white;
    max-width: 627px;
    margin: 0 auto 20px auto;
}
.partner-price .header__text {
    font-size: 27.22px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 76.37px;
    word-wrap: break-word
}
.partner-price .advantages {
    margin: 22px 0 0 0;
}
.partner-price .advantages .row {
    display: flex;
    justify-content: center;
    margin: 0 -10px;
}
.partner-price .colum {
    padding: 0 10px;
    flex: 0 1 20%;
    display: flex;
    justify-content: center;
    margin: 0 0 10px 0;
}
.partner-price .item__image img {
    width: 170px;
    height: 170px;
    object-fit: contain;
}
.partner-price .description__header {
    color: white;
    font-size: 20.59px;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0 0 5px 0;
}
.partner-price .description__text {
    color: white;
    font-size: 18.20px;
    font-weight: 400;
    text-transform: uppercase;
}
.partner-price .partner-price__background img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

@media (max-width: 1121px) {
    .partner-price .advantages .row {
        flex-wrap: wrap;
    }
}

@media (max-width: 768px) {
    .partner-price .advantages .row .colum{
        flex: 0 1 50%;
    }
    .partner-price .item__image img {
        width: 100px;
        height: 100px;
    }

    .partner-price .partner-price__header h2 {
        text-align: center;
        text-shadow: 0px 1.8344225883483887px 1.8344225883483887px rgba(0, 0, 0, 0.40);
        font-size: 25px;
        font-weight: 900;
        line-height: 39px;
        text-transform: uppercase;
    }

    .partner-price .partner-price__header .header__text {
        color: #FFF;
        text-align: center;
        font-size: 22.036px;
        font-style: normal;
        font-weight: 900;
        line-height: 25px; 
        text-transform: uppercase;
    }
    
    .partner-price {
        padding: 50px 15px;
    }
    .partner-price .partner-price__header .header__text {
        color: #FFF;
        text-align: center;
        font-size: 15px;
        font-style: normal;
        font-weight: 900;
        line-height: 16px; 
        text-transform: uppercase;
    }

    .button-block__price-list {
        width: 250px !important;
    }
    .partner-price .description__header {
        font-size: 17px;
        line-height: 18px;
    }

    .partner-price .description__text {
        font-size: 14px;
        line-height: 15px;
    }
}
@media (max-width: 500px) {
    .partner-price .advantages .row .colum{
        flex: 0 1 100%;
    }
}
/* partner-price */

/* pyrotechnics-brands */
.pyrotechnics-brands {
    padding: 50px 50px;
    position: relative;
    z-index: 10;
}
.pyrotechnics-brands__header {
    text-align: center;
    width: 100%;
}
.pyrotechnics-brands__header h2 {
    color: #FFF;
    font-family: RF Tone;
    text-shadow: 0px 2.7320261001586914px 2.7320261001586914px rgba(0, 0, 0, 0.40);
    font-size: 51.092px;
    font-style: normal;
    font-weight: 900;
    line-height: 61.311px; 
    text-transform: uppercase;
    max-width: 887px;
    margin: 0 auto;
}
.pyrotechnics-brands__description {
    margin: 20px 0 40px 0;
    color: white;
}
.pyrotechnics-brands__description .price .row {
    display: flex;
    align-items: center;
}

.pyrotechnics-brands__description .price .row .column {
    flex: 0 1 10%;
}
.pyrotechnics-brands__description .price .row .column:nth-child(3) {
    flex: 0 1 60%;
}
.pyrotechnics-brands__description .price .row .column img {
    max-width: 100%;
}
.pyrotechnics-brands__description .text .row {
    display: flex;
    align-items: center;
}
.pyrotechnics-brands__description .text .row .column {
    flex: 0 1 70%;
}
.pyrotechnics-brands__description .text .row .column:first-child {
    flex: 0 1 15%;
}
.pyrotechnics-brands__description .text .row .column:last-child {
    flex: 0 1 15%;
}

.pyrotechnics-brands__description .price {
    text-align: center;
    font-size: 111.785px;
    font-style: normal;
    font-weight: 900;
    line-height: 165.5px;
    text-transform: uppercase;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 4px white;
}
.pyrotechnics-brands__description .text {
    text-align: center;
    font-size: 38.217px;
    font-style: normal;
    font-weight: 900;
    line-height: 50.667px;
    text-transform: uppercase;
    margin: 0 auto;
}

.pyrotechnics-brands .button-block {
    text-align: center;
    max-width: 770px;
    margin: 0 auto;
}
.pyrotechnics-brands .button-block .row {
    display: flex;
    margin: 0 -15px;
    flex-wrap: wrap;
    justify-content: center;
}
.pyrotechnics-brands .button-block .column {
    padding: 0 15px;
    flex: 0 1 50%;
    display: flex;
}

.pyrotechnics-brands .item {
    display: flex;
    justify-content: center;
}
.pyrotechnics-brands__description .price .row .column:first-child .item {
    justify-content: center;
}
.pyrotechnics-brands__description .price .row .column:last-child .item {
    justify-content: center;
}

.item_assortiment {
    background-color: #EE1F1F;
    text-align: center;
}
.item_call {
    background-color:#EE1F1F;
}
.item_call > div {
    width: 100%;
    text-align: center;
}
.pyrotechnics-brands .item .icon {
    padding-right: 5px;
}
.pyrotechnics-brands .button-block span {
    position: relative;
    left: 0;
    top: 0;
}
.pyrotechnics-brands .button-block a {
    display: block;
    padding: 5px 5px;
    width: 100%;
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: 25px;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
}
.wholesale-products {
    margin: 40px 50px 0 50px;
}
.wholesale-products .row {
    display: flex;
    margin: 0 -50px;
}

.wholesale-products .column {
    flex: 0 1 33.333%;
}
.wholesale-products .column:nth-child(2) {
    display: flex;
    justify-content: center;
}
.wholesale-products .column:last-child {
    display: flex;
    justify-content: end;
}
.wholesale-products .column:last-child .item{
    display: inline-block;
}
.wholesale-products .item {
    display: flex;
    flex-direction: column;
}
.wholesale-products .column:nth-child(2) .item {
    flex-direction: row;
} 
.wholesale-products .content {
    display: flex;
    align-items: center;
    margin: 0 0 5px 0;
}
.wholesale-products .content .text {
    color: #FFF;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.50);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    text-decoration-line: underline;
    text-transform: uppercase;
}
.wholesale-products .content .text a {
    color: #FFF;
    font-weight: normal;
}
.pyrotechnics-brands__background img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}
.pyrotechnics-brands .button-block .row .item {
    align-items: center;
    width: 100%;
    min-height: 60px;
}
.item_assortiment::before,
.item_call::after {
    content: '';
    position: absolute;
    top: 0;
    left: 10px;
    height: 100%;
    width: 55px;
}
.item_assortiment::before {
    background: url('../img/pyrotechnics-brands/icons/assortiment-icon.webp') 100%/100% no-repeat;
}
.item_call::after {
    top: 5px;
    background: url('../img/pyrotechnics-brands/icons/phone.webp') 100%/100% no-repeat;
}
.wholesale-products .row .column {
    margin-bottom: 20px;
}

@media (max-width: 1121px) {
    .pyrotechnics-brands__description .price .row {
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    .wholesale-products__icon {
        position: absolute;
        right: 10px;
        bottom: 10px;
    }
    .pyrotechnics-brands__description .price .row .column {
        flex: 0 1 25%;
    }
    .pyrotechnics-brands__description .price .row .column:nth-child(3) {
        font-size: 65px;
        line-height: 66px;
        order:1;
    }
    .pyrotechnics-brands__description .price .row .item img {
        width: 150px;
        height: 150px;
        object-fit: contain;
    }
    .pyrotechnics-brands__description .text .row {
        flex-wrap: wrap;
      /*   position: relative;
        top: -80px; */
    }
    .pyrotechnics-brands__description .text .row .column {
        flex: 0 1 50%;
        text-align: center;
    }
    .pyrotechnics-brands__description .text .row .column:first-child {
        flex: 0 1 50%;
        display: flex;
        justify-content: start;
    }
    .pyrotechnics-brands__description .text .row .column:last-child {
        flex: 0 1 50%;
        display: flex;
        justify-content: end;
    }
    .pyrotechnics-brands__description .text .row .column:nth-child(2) {
        font-size: 22px;
        line-height: 22px;
        order: 1;
        flex: 0 1 100%;
        padding: 20px 0 0 0;
    }
    .pyrotechnics-brands .text .row .item img {
        width: 150px;
        height: 150px;
        object-fit: contain;
    }
    .pyrotechnics-brands .button-block .row .column {
        margin: 0 0 10px 0;
    }   
    .wholesale-products .row {
        flex-wrap: wrap;
        margin: 0 !important;
        justify-content: start;
    }

    .wholesale-products .row .column {
        padding: 0;
        flex: 0 1 50%;
    }
    .wholesale-products .row .column .item {
        position: inherit;
        width: 100%;
    }
    .pyrotechnics-brands__header h2 {
        font-size: 42px;
        line-height: 50px; 
    }
    .pyrotechnics-brands .button-block a {
        font-size: 15px;
        font-weight: 900;
        line-height: 21px; 
    }
    .pyrotechnics-brands .button-block .column {
        flex: 0 1 100%;
    }
    .wholesale-products {
        padding: 0 0;
    }
}
@media (max-width: 768px) {
    .wholesale-products .column:nth-child(2) {
        justify-content: start;
    }
    .wholesale-products .row .column .item {
        width: auto;
    }
    .wholesale-products .column:last-child {
        justify-content: start;
    }
    .pyrotechnics-brands {
        padding: 15px 15px;
    }
    .pyrotechnics-brands__header h2 {
        font-size: 25px;
        line-height: 40px; 
    }
    .pyrotechnics-brands .button-block a {
        max-width: 158px;
        margin: 0 auto;
    }
    .pyrotechnics-brands__description .price .row .item img {
        width: 70px;
        height: 70px;
        object-fit: contain;
    }
    .pyrotechnics-brands .text .row .item img {
        width: 60px;
        height: 60px;
        object-fit: contain;
    }   
    .wholesale-products .row {
        justify-content: center;
    }
    .wholesale-products .row .column {
        flex: 0 1 100%;
    }
    .pyrotechnics-brands__description .text {
        padding: 0 15px;
    }
    .pyrotechnics-brands__description .price .row .column:nth-child(3) {
        font-size: 40px;
        line-height: 41px;
        -webkit-text-stroke: 1px white;
        margin: 18px 0 0 0;
    }
    .pyrotechnics-brands__description .text .row .column:nth-child(2) {
        font-size: 15px;
        line-height: 16px;
        order: 1;
        flex: 0 1 100%;
        padding: 20px 0 0 0;
    }
    .pyrotechnics-brands__description .text .row {
        flex-wrap: wrap;
        width: 100%;
        margin: 0 !important;
        /* position: relative;
        top: -52px; */
    }

    .pyrotechnics-brands .button-block {
        margin-top: 121px;
    }

    .pyrotechnics-brands__description .text {
        position: absolute;
        top: 194px;
        left: 50%;
        transform: translate(-50%, 0);
        width: 100%;
    }
    .wholesale-products .content .text {
        font-size: 16px;
        line-height: 17px;
    }
    .wholesale-products {
        margin: 40px 0 40px 0;
    }
}
@media (max-width: 450px) {
    .pyrotechnics-brands__description .text {
        top: 229px;
    }
}

@media (max-width: 320px) {
    .pyrotechnics-brands__description .text {
        top: 229px;
    }
}

/* pyrotechnics-brands */

/* clients-profit */
.clients-profit {
    padding: 50px 0;
    position: relative;
    z-index: 10;
}
.clients-profit__header {
    text-align: center;
    margin: 0 0 20px 0;
}
.clients-profit__header h2{
    color: #EE7F1F;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.40);
    font-size: 74.805px;
    font-family: RF Tone;
    font-style: normal;
    font-weight: 900;
    line-height: 89.766px;
    text-transform: uppercase;
    margin: 0 !important;
}
.profits {
    padding: 0 72px;
    margin: 0 0 20px 0;
}
.profits .row {
    display: flex;
    justify-content: space-between;
}
.profits .column {
    flex: 0 1 50%;
    display: flex;
    margin: 0 0 20px 0;
}
.profits .column:last-child {
    justify-content: end;
}
.profits .item {
    display: flex;
}
.profits .column__right  .item {
    flex-direction: row-reverse;
}
.profits .right-block {
    margin: 0 0 0 10px;
}
.profits .column__right .right-block {
    text-align: end;
    margin: 0 10px 0 0;
}
.profits .top-text {
    color: #FFF;
    font-size: 38.217px;
    font-style: normal;
    font-weight: 900;
    line-height: 40px;
    text-transform: uppercase;
}
.profits .bottom-text {
    color: #EE7F1F;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.50);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
}
.button-block__partner {
    display: inline-block;
    color: white;
    text-decoration: none !important;
    font-size: 20px;
    font-weight: 900;
    letter-spacing: 0em;
    text-align: center;
    padding: 20px 70px;
    /* background:#EE7F1F; */
    background-color: #EE1F1F;
}
.we-teach-sales-btn {
    padding-top: 50px;
}
.button-block__partner {
    color: white !important;
    text-transform: uppercase;
}
.clients-profit__background img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.clients-profit .icon img {
    width: 100px;
    height: 100px;
    object-fit: contain;
}

@media (max-width: 1440px) {
    
}
@media (max-width: 768px) {
    .clients-profit {
        padding: 15px 15px;
    } 
    .clients-profit .profits {
        padding: 0 15px;
    }
    .profits .column__right  .item {
        flex-direction: row;
    }
    .clients-profit__background img {
        filter: brightness(30%);
    }
    .profits .column{
        flex: 0 1 100%;
    }
    .profits .column:last-child {
        justify-content: start;
    }
    .profits .row img {
        width: 100px;
        height: 100px;
        object-fit: contain;
    }
    .profits .right-block {
        margin: 0;
    }
    .profits .row {
        flex-wrap: wrap;
        justify-content: start;
    }
    .profits .row img {
        width: 70px;
        height: 70px;
        object-fit: contain;
    }
    .profits .top-text {
        color: #FFF;
        font-size: 17px;
        line-height: 18px; 
        margin: 0 0 5px 0;
    }
    .clients-profit__header h2 {
        font-size: 25px;
        line-height: 40px;
    }
    .profits .bottom-text {
        font-size: 12px;
        line-height: 13px;
    }
    .profits .column__right .right-block {
        text-align: left;
    }
    .profits .left-block .icon {
        padding-right: 10px;
    }
}
/* clients-profit */

/* pyrotechnics-sales */
.pyrotechnics-sales {
    padding: 50px 50px;
    position: relative;
    z-index: 10;
}
.pyrotechnics-sales__header h2 {
    color: #EE7F1F;
    text-align: center;
    font-family: RF Tone;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.40);
    font-size: 74.805px;
    font-style: normal;
    font-weight: 900;
    line-height: 89.766px;
    text-transform: uppercase;
    margin: 0 !important;
}
.pyrotechnics-sales__header .text {
    color: #FFF;
    text-align: center;
    font-size: 27.225px;
    font-style: normal;
    font-weight: 900;
    line-height: 28px; 
    text-transform: uppercase;
    margin: 0 0 30px 0;
}
.pyrotechnics-sales .web-form {
    padding: 0 280px 0 138px;
}
.pyrotechnics-sales .sales {
    margin: 220px 0 0 0;
    padding: 0 138px;
}
.pyrotechnics-sales .sales .row {
    display: flex;
    margin: 0 !important;
}
.pyrotechnics-sales .sales .column {
    flex: 0 1 25%;
    display: flex;
    padding: 0;
    justify-content: start;
}
.pyrotechnics-sales .sales .column:last-child {
    justify-content: start;
}
.pyrotechnics-sales .percent {
    color: #EE7F1F;
    text-align: center;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.40);
    font-size: 74.805px;
    font-style: normal;
    font-weight: 900;
    line-height: 89.766px;
    text-transform: uppercase;
}
.pyrotechnics-sales .price {
    color: #FFF;
    font-size: 27px;
    font-style: normal;
    font-weight: 900;
    line-height: 28px;
}
.pyrotechnics-sales__background img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}
.pyrotechnics-sales .background-on-top img {
    position: absolute;
    left: 55%;
    top: 90px;
    transform: translate(-50%, 0);
    width: 80%;
    height: 80%;
    object-fit: contain;
    z-index: -1;
}
.pyrotechnics-sales .sale__percent {
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translate(0, -50%);
    color: #FFF;
    text-align: center;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.40);
    font-size: 74px;
    font-style: normal;
    font-weight: 900;
    line-height: 75px;
    text-transform: uppercase;
}

@media (max-width: 1121px) {
    .pyrotechnics-sales__header h2 {
        font-size: 44px;
        line-height: 45px;
        margin: 0 0 20px 0 !important;
    }
    .pyrotechnics-sales__header .text {
        font-size: 20px;
        line-height: 21px;
        font-size: 27.225px;
    }
    .pyrotechnics-sales .web-form {
        padding: 0 201px 0 236px;
    }
    .pyrotechnics-sales__header .text {
        margin: 0 0 20px 0;
    }
    .pyrotechnics-sales .sales .row {
        flex-wrap: wrap;
    }
}
@media (max-width: 1098px) {
    .pyrotechnics-sales .web-form {
        padding: 0 15px 0 15px;
    }
    .pyrotechnics-sales__header h2 {
        font-size: 32px;
        line-height: 33px;
    }
    .pyrotechnics-sales .sales .row .column {
        flex: 0 1 50%;
        justify-content: center;
    }
    .pyrotechnics-sales .sales {
        margin: 20px auto 20px auto;
        padding: 0;
        max-width: 250px;
    }
    .pyrotechnics-sales .percent {
        font-size: 35px;
        line-height: 36px;
    }
    .pyrotechnics-sales .price {
        font-size: 10px;
        line-height:11px;
        font-weight: 500;
        margin: 5px 0 0 0;
    }
    .pyrotechnics-sales .sales .column {
        margin: 0 0 10px 0;
    }
    .pyrotechnics-sales .sales .column:last-child {
        justify-content: center;
    }
    .pyrotechnics-sales .background-on-top img {
        top: 100%;
        transform: translate(-50%, -75%);
    }
}
@media (max-width: 922px) {
    .pyrotechnics-sales .sale__percent {
        display: none;
     }
}
@media (max-width: 768px) {
    .pyrotechnics-sales {
        padding: 15px 15px;
    }
    .pyrotechnics-sales .background-on-top img {
        transform: translate(-50%, -68%);
    }
    .pyrotechnics-sales .sales {
        margin: 20px auto 20px auto;
        padding: 0;
        max-width: 180px;
    }
    .pyrotechnics-sales__header h2 {
        font-size: 25px;
        line-height: 40px;
    }
    .pyrotechnics-sales__header .text {
        font-size: 17px;
        font-size: 18px;
    }
    .pyrotechnics-sales .background-on-top img {
       /*  width: 100%;  */
    }
}

/* pyrotechnics-sales */

/* reasons-for-choice */
.reasons-for-choice {
    padding: 50px 25px 0 25px;
    position: relative;
    z-index: 10;
}
.reasons-for-choice > .row {
    display: flex;
    justify-content: space-between;
    margin: 0 !important;
}
.reasons-for-choice > .row > .column {
    flex: 0 1 50%;
    display: flex;
    justify-content: end;
}
.reasons-for-choice > .row > .column:first-child {
    justify-content: start;
}
.left__row,
.reasons-for-choice .right__row {
    display: flex;
    flex-direction: column;
}
.reasons-for-choice .right__row .column {
    flex: 0 1 100%;
}
.reasons-for-choice__header h2 {
    color: #FFF;
    display: flex;
    align-items: flex-start;
    font-size: 53.491px;
    font-style: normal;
    font-weight: 900;
    line-height: 64.19px;
    text-transform: uppercase;
    margin: 0 !important;
}
.reasons-for-choice__header h2 div {
    display: inline-block;
    font-family: RF Tone;
    font-size: 53.491px;
    font-style: normal;
    font-weight: 900;
    line-height: 64.19px; 
    text-transform: uppercase;
}
/* @media (max-width: 768px) {
    .reasons-for-choice__header h2 div {
        font-size: 25px;
        line-height: 40px;
    }
} */
.reasons-for-choice__header h2 > div:first-child {
    color: #FFF;
    text-align: center;
    font-size: 244.469px;
    line-height: 190px;
    font-style: normal;
    font-weight: 900;
    text-transform: uppercase;
    background-clip: text;
    background: var(--custom-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.reasons-for-choice .right__row .column .item {
    text-align: right;
}

.reasons-for-choice__header .second-part {
    max-width: 336px;
    background: var(--custom-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.reasons-for-choice__header .logo {
    position: relative;
    top: 0;
    left: -20px;
}
.reasons-for-choice .item {
    margin: 0 0 20px 0;
}
.reasons-for-choice .header {
    position: relative;
    color: #FFF;
    display: inline-block;
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    text-transform: uppercase;
    padding: 20px 20px;
    background: #3980F6;
    margin: 0 0 10px 0;
}
.reasons-for-choice .left__row .column .header {
    border-radius: 10px;
}
.reasons-for-choice .left__row .column .header::after {
    content: '';
    position: absolute;
    bottom: -8px;
    right: -3px;
    border: 8px solid transparent; 
    border-top: 8px solid #3980F6; 
    border-right: 8px solid #3980F6;
    border-radius: 2px;
    z-index: 1;
    transform: rotate(-20deg);
}
.reasons-for-choice .right__row {
    height: 100%;
}
.reasons-for-choice .right__row .header {
    border-radius: 10px;
}
.reasons-for-choice .right__row .column .header::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: -3px;
    border: 8px solid transparent; 
    border-left: 8px solid #3980F6; 
    border-top: 8px solid #3980F6;
    border-radius: 2px;
    z-index: 1;
    transform: rotate(20deg);
}
.reasons-for-choice .text {
    color: #EE7F1F;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.50);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    max-width: 550px;
}
.reasons-for-choice .left__row .text {
    text-align: left;
}
.reasons-for-choice .right__row .text {
    text-align: right;
}
.reasons-for-choice__background img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}
.reasons-for-choice__header .logo__mobile {
    display: none;
}
.background-top-right img {
    display: none;
}
@media (max-width: 1121px) {

    .reasons-for-choice > .row {
        flex-wrap: wrap;
    }
    .reasons-for-choice > .row > .column:first-child {
        flex: 0 1 100%;
        justify-content: start;
    }
    .reasons-for-choice > .row > .column:last-child {
        flex: 0 1 100%;
        justify-content: start;
    }
    .reasons-for-choice .right__row .header {
        border-radius: 10px 10px;
    }
    .reasons-for-choice .right__row .column .header::after {
        content: '';
        position: absolute;
        bottom: -8px;
        right: -3px;
        left: auto;
        border: 8px solid transparent;
        border-top: 8px solid #3980F6;
        border-right: 8px solid #3980F6;
        border-radius: 2px;
        z-index: 1;
        transform: rotate(-20deg);
    }
    .reasons-for-choice .right__row .column .item {
        text-align: left;
    }
    .reasons-for-choice .right__row .text {
        text-align: left;
    }
}
@media (max-width: 768px) {
    .background-top-right img {
        display: block;
    }
    .reasons-for-choice__header .second-part {
        font-size: 40px;
        line-height: 41px;
    }
    .reasons-for-choice__header h2 > div:first-child {
        text-align: center;
        font-size: 190px;
        line-height: 191px;
    }
    .reasons-for-choice .column .header {
        font-size: 14px;
        line-height: 15px; 
        word-wrap: break-word;
    }
    .reasons-for-choice .text {
        color: #EE7F1F;
        font-size: 14.618px;
        font-weight: 400;
        line-height: 20px;
        max-width: 70%;
    }
    .reasons-for-choice__header .logo {
        display: none;
    }
    .reasons-for-choice__header .logo__mobile {
        display: block;
    }
    .reasons-for-choice__header h2 {
        align-items: center;
    }
    .reasons-for-choice__header .logo__mobile img {
        width: 300px;
        height: 100px;
        object-fit: contain;
    }
    .reasons-for-choice__background img {
        filter: brightness(30%);
    }
    .background-top-right img {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translate(0, -50%);
    }
}

@media (max-width: 497px) {
    .background-top-right img {
        position: absolute;
        top: 65%;
        right: 0;
        transform: translate(0, -50%);
        width: 140px;
        height: 230px;
        object-fit: cover;
        z-index: -1;
    }
    .reasons-for-choice__header .logo img {
        width: 250px;
        height: 100px;
        object-fit: contain;
    }
    .reasons-for-choice__header .second-part {
        font-size: 32px;
        line-height: 33px;
    }
    .reasons-for-choice__header .logo__mobile img {
        width: 250px;
        height: 60px;
        object-fit: contain;
    }
    .reasons-for-choice__header h2 > div:first-child {
        font-size: 110px;
        line-height: 111px;
    }
}
/* reasons-for-choice */

/* terms-of-cooperation */
.terms-of-cooperation {
    padding: 50px 81px;
    position: relative;
    z-index: 10;
    text-align: center;
}
.terms-of-cooperation h2 {
    color: #FFF;
    text-align: center;
    text-shadow: 0px 2.7320261001586914px 2.7320261001586914px rgba(0, 0, 0, 0.40);
    font-size: 51.092px;
    font-style: normal;
    font-family: RF Tone;
    font-weight: 900;
    line-height: 61.311px; 
    text-transform: uppercase;
    max-width: 788px;
    margin: 0 auto 20px auto !important;
}
.terms-of-cooperation .row {
    display: flex;
}
.terms-of-cooperation .column {
    flex: 0 1 33.333%;
    display: flex;
    padding: 0 35px;
}
.terms-of-cooperation .item {
    display: flex;
    flex-direction: column;
}
.terms-of-cooperation .item__header {
    background-color: rgb(239, 127, 26);
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: 21px; /* 381.857% */
    text-transform: uppercase;
    padding: 10px 0;
}
.terms-of-cooperation .item__body {
    border: 1px dashed rgb(239, 127, 26);
    padding: 10px;
    border-radius: 3px;
    background: rgba(13, 31, 51, 0.8);
    flex: 1 1 auto;
}
.terms-of-cooperation .column.item__body {
    position: relative;
}
.terms-of-cooperation .item__body li:last-child {
    margin-bottom: 40px;
}
.terms-of-cooperation .column:first-child .item__body::after {
    content: '';
    position: absolute;
    background: url('../img/terms-of-cooperation/basket.webp') 100%/100% no-repeat;
    bottom: -5%;
    right: -5%;
    width: 80px;
    height: 80px;
}
.terms-of-cooperation .column:nth-child(2) .item__body::after {
    content: '';
    position: absolute;
    background: url('../img/terms-of-cooperation/basket2.webp') 100%/100% no-repeat;
    bottom: -5%;
    right: -5%;
    width: 80px;
    height: 80px;
}
.terms-of-cooperation .column:last-child .item__body::after {
    content: '';
    position: absolute;
    background: url('../img/terms-of-cooperation/basket3.webp') 100%/100% no-repeat;
    bottom: -5%;
    right: -5%;
    width: 80px;
    height: 80px;
}

.terms-of-cooperation .item__body li {
    color: #FFF;
    text-shadow: 0px 3.3575756549835205px 3.3575756549835205px rgba(0, 0, 0, 0.50);
    font-size: 17.37px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    text-align: start;
    margin: 0 0 10px 0;
    font-family: RF Tone;
    position: relative;
}
.terms-of-cooperation .item__body li::before {
    content: '';
    position: absolute;
    background: url('../img/terms-of-cooperation/green-mark.webp') 100%/100% no-repeat;
    height: 10px;
    width: 10px;
    left:0;
    top: 10%;
}
.background img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}
@media (max-width: 1121px) {
    .terms-of-cooperation {
        padding: 25px 15px;
    }
    .terms-of-cooperation h2 {
        text-align: center;
        font-size: 32px;
        line-height: 33px;
    }
    .terms-of-cooperation .item__header {
        font-size: 15px;
        line-height: 16px; 
    }

    .terms-of-cooperation .item__body li {
        font-size: 13px;
        line-height: 14px;
    }
    .terms-of-cooperation .row {
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 100px;
    }
    .terms-of-cooperation .row .column {
        flex: 0 1 100%;
        display: flex;
        justify-content: center;
        margin: 0 0 30px 0;
        padding: 0;
    }

    .terms-of-cooperation .row .column .item {
        width: 100%;
    }
}
@media (max-width: 768px) {
    .terms-of-cooperation h2 {
        font-size: 28px;
        line-height: 29px;
    }
    .terms-of-cooperation .row {
        margin:  0 20px !important;
    }
    .terms-of-cooperation .column:nth-child(2) .item__body::after {
        bottom: -27px;
    }
    .terms-of-cooperation .item__body li:last-child {
        margin-bottom: 54px;
    }
}
/* terms-of-cooperation */

/* we-teach-sales */
.we-teach-sales {
    position: relative;
    padding: 50px 30px;
    z-index: 10;
    overflow: hidden;
}

.we-teach-sales h2 {
    color: #FFF;
    text-align: center;
    text-shadow: 0px 2.7320261001586914px 2.7320261001586914px rgba(0, 0, 0, 0.40);
    font-size: 51.09px;
    font-style: normal;
    font-family: RF Tone;
    font-weight: 900;
    line-height: 53px;
    text-transform: uppercase;
    margin: 0 auto 40px auto;
}
.we-teach-sales h2 span {
    display: inline-block;
    margin: 10px 0 0 0;
}
.we-teach-sales__description {
    width: 50%;
    text-align: right;
}
.we-teach-sales__description h3 {
    color: #FFF;
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: 33px;
    text-transform: uppercase;
    margin: 0 0 20px 0 !important;
    padding-right: 24px;
}
.we-teach-sales .main__row {
    display: flex;
    margin: 0 -12px;
}
.we-teach-sales .left__row,
.we-teach-sales .right__row {
    flex: 0 1 50%;
    padding: 0 12px;
    display: flex;
    flex-direction: column;
}
.we-teach-sales .left__row .item {
    color: #FFF;
    font-size: 36.968px;
    font-style: normal;
    font-weight: 900;
    line-height: 50px; /* 280.519% */
    text-transform: uppercase;
    display: inline-block;
    padding: 5px;
    background-color: #EE7F1F;
}
.we-teach-sales .left__row .column {
    margin: 0 0 40px 0;
    /* display: flex;
    align-items: center; */
    text-align: right;
}
.we-teach-sales .left__row .column:last-child {
    margin: 0 0 0 0;
}
.we-teach-sales .right__row  .item {
    display: flex;
    align-items: center;
    width: 100%;
}
.we-teach-sales .right__row .column {
    flex: 0 1 50%;
    justify-content: end;
}
.we-teach-sales .right__row .item__header {
    color: #EE7F1F;
    text-align: left;
    font-size: 32.835px;
    font-style: normal;
    font-weight: 900;
    line-height: 40.644px; 
    text-transform: uppercase;
}
.we-teach-sales .right__row .item__text li {
    color: #FFF;
    text-shadow: 0px 5.676953315734863px 5.676953315734863px rgba(0, 0, 0, 0.50);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 23.816px; 
    text-transform: lowercase;
    margin: 0 0 10px 0;
    max-width: 437px;
}
.we-teach-sales .item__icon {
    padding: 0 0 0 10px;
}
.we-teach-sales .item__icon img {
    width: 100px;
    height: 100px;
    object-fit: contain;
}
.we-teach-sales .right__row .item__text  li::before {
    color: #ffffff;
}
.we-teach-sales .we-teach-sales .background img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}
.we-teach-sales .background-on-top img {
    position: absolute;
    bottom: 50%;
    left: 20px;
    top: 50%;
    transform: translate(0, -50%);
    width: 200px;
    height: 200px;
    object-fit: contain;
    z-index: -1;
}
.we-teach-sales .right__row .item {
    align-items: start;
}
@media (max-width: 1121px) {
    .we-teach-sales .right__row {
        margin: 20px 0 0 0;
    }
    .we-teach-sales h2 {
        font-size: 32px;
        line-height: 33px;
        margin: 0 0 20px 0;
    }
    .we-teach-sales h2 span {
        display: block;
        font-size: 16px;
        line-height: 17px;
    } 
    .we-teach-sales .main__row {
        flex-wrap: wrap;
    }
    .we-teach-sales .main__row > .left__row,
    .we-teach-sales .main__row > .right__row {
        flex: 0 1 100%;
    }
    .we-teach-sales .left__row .column {
        text-align: left;
    }
    .we-teach-sales__description {
        width: 100%;
        text-align: left;
        margin: 0 0 20px 0;
    }   
    .we-teach-sales__description h3 {
        font-size: 24px;
        line-height: 25px;
    }
}
@media (max-width: 768px) {
    .we-teach-sales__description h3 {
        font-size: 16px;
        line-height: 17px;
    }
    .we-teach-sales .left__row {
        margin: 0 0 20px 0;
    }
    .we-teach-sales .left__row .item {
        font-size: 24px;
        line-height: 25px;
        width: 100%;
    }
    .we-teach-sales .left__row .column {
        margin: 0 0 20px 0;
    }
    .we-teach-sales .right__row .item__header {
        font-size: 24px;
        line-height: 25px;
        margin: 0 0 10px 0;
    }
    .we-teach-sales .right__row .column:not(:first-child) .item__header {
        margin-top: 20px;
    }
    .we-teach-sales .right__row .item__text li {
        font-size: 13px;
        line-height: 14px;
    }
    .we-teach-sales .main__row > .right__row .item__icon img {
        width: 100px;
        height: 100px;
        object-fit: contain;
    }
    .we-teach-sales .background-on-top img {
        position: absolute;
        bottom: 50%;
        left: auto;
        right: -90px;
        top: 30%;
        transform: translate(0, -50%);
        width: 200px;
        height: 200px;
        object-fit: contain;
        z-index: -1;
    }
}   
@media (max-width: 500px) {
    .we-teach-sales .right__row .item__header {
        font-size: 17px;
        line-height: 18px;
    }
    .we-teach-sales .main__row > .right__row .item__icon img {
        width: 80px;
        height: 80px;
        object-fit: contain;
    }
}
/* we-teach-sales */

/* promotional-materials */
.promotional-materials {
    padding: 50px 100px;
    position: relative;
    z-index: 10;
}
.promotional-materials h2 {
    color: #FFF;
    text-align: center;
    text-shadow: 0px 2.7320261001586914px 2.7320261001586914px rgba(0, 0, 0, 0.40);
    font-family: RF Tone;
    font-size: 51.092px;
    font-style: normal;
    font-weight: 900;
    line-height: 61.311px; 
    text-transform: uppercase;
    max-width: 1012px;
    margin: 0 auto 24px auto;
}
.promotional-materials .main__row {
    display: flex;
    flex-direction: column;
}
.promotional-materials .child__row {
    display: flex;
    justify-content: space-between;
}
.promotional-materials .child__row .column {
    flex: 0 1 50%;
    display: flex;
    margin: 0 0 40px 0;
    justify-content: center;
}
.promotional-materials .child__row .column:first-child {
    justify-content: start;
}
.promotional-materials .child__row .column:last-child {
    justify-content: end;
}
.promotional-materials .child__row .item {
    position: relative;
    color: #FFF;
    text-align: center;
    font-size: 19px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    z-index: 1;
    max-width: 447px;
    padding: 10px 6px;
}
.promotional-materials .child__row .item span {
    font-size: 22px;
    font-style: normal;
    font-weight: 900;
    line-height: 23px;
    text-transform: uppercase;
}
.promotional-materials .child__row .item > div:first-child {
    position:absolute;
    display: block;
    top:0;
    left:0;
    width: 100%;
    height:100%;
    /* background: rgba(238, 127, 31, 0.60); */
    background: rgba(163, 87, 21, 0.60);
    -webkit-filter: blur(13.44919490814209px);
    -moz-filter: blur(13.44919490814209px);
    -o-filter: blur(13.44919490814209px);
    -ms-filter: blur(13.44919490814209px);
    filter: blur(7.44919490814209px);
}
.promotional-materials .child__row .item > div:last-child {
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px;
    font-weight: 400;
    position: relative;
}
.promotional-materials  .background img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}
.promotional-materials .item span {
    padding-bottom: 5px;
}
.promotional-materials .child__row .item .text {
    color: #FFF;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 14px;
}

@media (max-width: 1121px) {
    .promotional-materials {
        padding: 25px 15px;
    }
    .promotional-materials h2 {
        font-size: 28px;
        line-height: 29px;
    }
    .promotional-materials .child__row {
        flex-wrap: wrap;
        justify-content: center;
        margin: -15px;
    }
    .promotional-materials .child__row > .column {
        flex: 0 1 50%;
        padding: 15px;
    }
}
@media (max-width: 768px) {
    .promotional-materials .child__row .column:first-child,
    .promotional-materials .child__row .column:last-child {
        justify-content: center;

    }
    .promotional-materials .main__row {
        margin: 0 30px !important;
    }
    .promotional-materials {
        padding: 15px 15px;
    }
    .promotional-materials .child__row {
        margin: 0;
    }
    .promotional-materials .child__row > .column {
        padding: 0;
        flex: 0 1 100%;
    }
    .promotional-materials .child__row .item {
        min-height: 100px;
    }
    .promotional-materials .child__row .item div:last-child {
        /* font-size: 19px;
        font-weight: 400;
        line-height: 22px; */
    }
    .promotional-materials h2 {
        font-size: 25px;
        line-height: 40px;
    }
    .promotional-materials .child__row .column {
        margin: 0 0 20px 0;
    }
}
/* promotional-materials */

/* how-to-start-earning-money */
.how-to-start-earning-money {
    padding: 50px 50px 20px 50px;
    position: relative;
    z-index: 10;
}
.how-to-start-earning-money h2 {
    color: #FFF;
    text-align: center;
    text-shadow: 0px 2.7320261001586914px 2.7320261001586914px rgba(0, 0, 0, 0.40);
    font-size: 51.092px;
    font-style: normal;
    font-family: RF Tone;
    font-weight: 900;
    line-height: 61.311px;
    text-transform: uppercase;
    margin: 0 0 20px 0!important;
}

.how-to-start-earning-money .top__row {
    display: flex;
  /*   margin: 0 -50px; */
    min-height: 200px;
}

.how-to-start-earning-money .middle__row {
    display: flex;
    margin: 0 -50px;
    min-height: 150px;
    margin: 10px 0 20px 150px;
}

/* middle row */
.how-to-start-earning-money .middle__row .process__column {
    padding: 0 50px;
}
.how-to-start-earning-money .middle__row .process__column:first-child {
    flex: 0 1 20%;
    align-self: flex-end;
}
.how-to-start-earning-money .middle__row .process__column:nth-child(2) {
    flex: 0 1 40%;
    align-self: flex-start;
}
.how-to-start-earning-money .middle__row .process__column:nth-child(3) {
    flex: 0 1 40%;
    align-self: flex-end;
    margin: 0 0 40px 20px;
}
.how-to-start-earning-money .middle__row .process__column:nth-child(4) {
    flex: 0 1 40%;
    align-self: flex-start;
}
.how-to-start-earning-money .middle__row .process__column:nth-child(2) .process__header {
    max-width: 130px;
}
.how-to-start-earning-money .middle__row .process__column:nth-child(4) .process__header {
    max-width: 90px;
}
.how-to-start-earning-money .middle__row .process__column:nth-child(3) .process__header {
    max-width: 110px;
}

.how-to-start-earning-money .middle__row .process__column:nth-child(4) .process__header::after {
    left: -107px;
    top: 50px;
    bottom: -98px;
    transform: scale(1, -1) rotate(22deg);
}

.how-to-start-earning-money .middle__row .process__header {
    position: relative;
    margin: 0 0 10px 0;
   
}
.how-to-start-earning-money .top__row .process__header {
    margin: 0 0 10px 0;
}

.how-to-start-earning-money .middle__row .process__header::after {
    content: '';
    position: absolute;
    left: -95px;
    top: -10px;
    background: url('../img/how-to-start-earning-money/icons/arrow.webp') 100%/100% no-repeat;
    width: 100px;
    height: 60px;
    object-fit: contain;
    transform: scale(1, 1);
   /*  transform: rotate(-130deg); */
}

.how-to-start-earning-money .middle__row .process__column:nth-child(3) .process__header::after {
    left: -106px;
    top: -20px;
    transform: scale(1, -1) rotate(355deg);
} 

.how-to-start-earning-money .middle__row .process__column:first-child .process__header::after {
    width: 150px;
    height: 90px;
    left: -145px;
    top: 0px;
    transform: rotate(-25deg);
} 

/* middle row */

/* top row */
.how-to-start-earning-money .top__row .process__column {
   /*  padding: 0 50px; */
}
.how-to-start-earning-money .top__row .process__column:first-child {
    flex: 0 1 20%;
    align-self: flex-start;
}
.how-to-start-earning-money .top__row .process__column:nth-child(2) {
    flex: 0 1 40%;
    align-self: center;
    
}
.how-to-start-earning-money .top__row .process__column:last-child {
    flex: 0 1 40%;
    align-self: flex-end;
}

.how-to-start-earning-money .top__row .process__header {
    position: relative;
    display: inline-block;
    margin: 0 0 10px 0;
}

.how-to-start-earning-money .top__row .process__header::after {
    content: '';
    position: absolute;
    left: 100%;
    top: 20px;
    background: url('../img/how-to-start-earning-money/icons/arrow.webp') 100%/100% no-repeat;
    width: 100px;
    height: 60px;
    object-fit: contain;
    transform: scale(-1, -1);
    transform: rotate(-130deg);
}

.how-to-start-earning-money .top__row .process__column:last-child .process__header::after {
    content: '';
    top: 40px;
    transform: rotate(219deg);
}
/* top row */
.process__header {
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: 22.371px; /* 381.857% */
    text-transform: uppercase;
    padding: 6px 10px;
    background-color: #EE7F1F;
}
.process__description {
    color: #FFF;
    text-align: left;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 121.803% */
}
.how-to-start-earning-money .bottom__row {
    display: flex;
}
.how-to-start-earning-money .bottom__row .column {
    justify-content: flex-start;
}
.how-to-start-earning-money .bottom__row .column:first-child {
    flex: 0 1 30%;
}
.how-to-start-earning-money .bottom__row .column:last-child {
    position: relative;
    flex: 0 1 70%;
}
.how-to-start-earning-money .bottom__row .column:last-child::before {
    content: '';
    position: absolute;
    left: 20px;
    bottom: 0;
    background: url('../img/how-to-start-earning-money/icons/finger-65d73e26da523.webp') 100%/100% no-repeat;
    width: 120px;
    height: 120px;
}
.button-block__feedback {
    display: inline-block;
    color: white;
    text-decoration: none !important;
    font-size: 20px;
    line-height: 20px;
    font-weight: 900;
    letter-spacing: 0em;
    text-align: center;
    padding: 20px 70px;
    background: #EE1F1F;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.30);
    text-transform: uppercase;
}
.how-to-start-earning-money .bottom__row .top__text {
    color: #FFF;
    text-align: center;
    text-shadow: 0px 2.2450551986694336px 2.2450551986694336px rgba(0, 0, 0, 0.40);
    font-size: 25px;
    font-style: normal;
    font-weight: 900;
    line-height: 30px;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    max-width: 521px;
}
.bottom__text {
    color: white;
    text-align: center;
    font-size: 30px;
    font-style: normal;
    font-weight: 900;
    line-height: 31px;
    text-transform: uppercase;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 2px white;
}
.how-to-start-earning-money .background img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}
.how-to-start-earning-money .background-on-top img {
    position: absolute;
    right: 0;
    bottom: 0;
}
.how-to-start-earning-money .logo {
    display: none;
}
.how-to-start-earning-money .bottom__row .item {
    text-align: -webkit-center;
}

@media (max-width: 1200px) {
    .how-to-start-earning-money .bottom__row .column:last-child::before {
        display: none;
    }
    .how-to-start-earning-money h2 {
        font-size: 25px;
        line-height: 30px;
    }
    .how-to-start-earning-money .top__row {
        max-width: 300px;
    }
    .how-to-start-earning-money .middle__row {
        max-width: 300px;
    }
    .how-to-start-earning-money .bottom__row .column:last-child {
        position: absolute;
    }
    .how-to-start-earning-money .logo {
        display: block;
    }
    .bottom__row .column:last-child {
        position: absolute;
        top: 200px;
        right: 15px;
        max-width: 400px;
    }
    .how-to-start-earning-money .top__row {
        flex-wrap: wrap;
    }
    .how-to-start-earning-money .top__row .process__column {
        display: flex;
    }
    .how-to-start-earning-money .top__row .process__column .process__item{
        /* display: flex;
        flex-direction: column;
        align-items: center; */
        text-align: center;
        width: 100%;
    }
    .how-to-start-earning-money .top__row .process__column:first-child {
        align-self: center;
        flex: 0 1 100%;
        justify-content: center;
    }
    .how-to-start-earning-money .top__row .process__column:nth-child(2) {
        align-self: center;
        flex: 0 1 100%;
        justify-content: center;
    }
    .how-to-start-earning-money .top__row .process__column:last-child {
        align-self: center;
        flex: 0 1 100%;
        justify-content: center;
    }
    .how-to-start-earning-money .top__row .process__header::after {
        display: none;
    }
    .how-to-start-earning-money .top__row .process__header {
        width: 100%;
       
    }
    .how-to-start-earning-money .middle__row .process__column:nth-child(2) .process__header,
    .how-to-start-earning-money .middle__row .process__column:nth-child(3) .process__header,
    .how-to-start-earning-money .middle__row .process__column:nth-child(4) .process__header {
        max-width: 100%;
    }
    .how-to-start-earning-money .middle__row .process__column:nth-child(3) {
        margin: 0;
    }
    
    

    /* middle row */
    .how-to-start-earning-money .middle__row {
        margin: 0 auto;
    }
    .how-to-start-earning-money .middle__row {
        flex-wrap: wrap;
    }
    .how-to-start-earning-money .middle__row .process__column:first-child,
    .how-to-start-earning-money .middle__row .process__column:nth-child(2),
    .how-to-start-earning-money .middle__row .process__column:nth-child(3),
    .how-to-start-earning-money .middle__row .process__column:last-child {
        align-self: flex-start;
        flex: 0 1 100%;
        justify-content: center;
        display: flex;
    }
    .how-to-start-earning-money .middle__row .process__column .process__header::after {
        display: none;
    }
    .how-to-start-earning-money .middle__row .process__item {
        display: inline-block;
        text-align: center;
        width: 100%;
        max-width: 100%;
    }
    .how-to-start-earning-money .middle__row .process__column { 
        padding: 0;
    }
    .process__description {
        margin:  0 0 10px 0;
    }
    .how-to-start-earning-money .middle__row {
        margin: 0;
    }
    .process__description {
        text-align: center;
    }
}
@media (max-width: 768px) {
    .how-to-start-earning-money h2 {
        font-size: 25px;
        line-height: 40px;
    }
    .how-to-start-earning-money .bottom__row .column:last-child {
        position: absolute;
    }
    .how-to-start-earning-money .logo {
        display: block;
    }
    .how-to-start-earning-money {
        padding: 15px 15px;
    }
    .how-to-start-earning-money .top__row {
        max-width: 250px;
    }
    .how-to-start-earning-money .middle__row {
        max-width: 250px;
    }
    .how-to-start-earning-money .process__header {
        font-size: 11px;
        line-height: 12px;
        padding: 10px 5px;
    }
    .how-to-start-earning-money .middle__row .process__header {
        margin: 0 0 10px 0;
    }
    .process__description {
        font-size: 10px;
        line-height: 11px;
    }
    .how-to-start-earning-money .bottom__row .top__text {
        font-size: 17px;
        line-height: 18px;
    }
    .bottom__text {
        font-size: 32px;
        line-height: 33px;
        -webkit-text-stroke: 1px white;
    }
    .bottom__row .column:last-child {
        position: absolute;
        top: 200px;
        right: 15px;
        max-width: 150px;
    }
    .bottom__row .column:last-child img {
        width: 100%;
        height: 50px;
        object-fit: contain;
    }
    .how-to-start-earning-money .middle__row .process__column {
        padding: 0;
    }
    .button-block__feedback {
        padding: 10px 70px;
    }

    .how-to-start-earning-money::after {
        content: '';
        position: absolute;
        background: url('../img/how-to-start-earning-money/man.png') 100%/100% no-repeat;
        height: 260px;
        width: 200px;
        object-fit: contain;
        bottom: 0;
        right: 0;
        z-index: -1;
    }
}

@media (max-width: 497px) {
    .how-to-start-earning-money .top__row {
        max-width: 135px;
    }
    .how-to-start-earning-money .middle__row {
        max-width: 135px;
    }
    .how-to-start-earning-money .top__row .process__header {
        font-size: 11px;
        line-height: 12px;
        padding: 10px 5px;
    }
    .process__description {
        font-size: 9px;
        line-height: 10px;
    }
    .bottom__row .column:last-child {
        position: absolute;
        top: 200px;
        right: 15px;
        max-width: 191px;
    }
    .bottom__row .column:last-child .top__text {
        font-size: 14px;
        line-height: 15px;
        margin: 0 0 5px 0;
    }
    .bottom__text {
        font-size: 22px;
        line-height: 23px;
    }
    .button-block__feedback {
        font-size: 15px;
        line-height: 16px;
        padding: 20px 0;
        width: 250px;
    }
}
@media (max-width: 420px) { 
    .how-to-start-earning-money .bottom__row .unrule {
        padding: 130px 0;
    }
}
@media (max-width: 320px) {
    .bottom__row .column:last-child {
        position: absolute;
        top: 200px;
        right: 15px;
        max-width: 141px;
    }
    .how-to-start-earning-money .top__row {
        max-width: 115px;
    }
    .how-to-start-earning-money .middle__row {
        max-width: 115px;
    }
}
/* how-to-start-earning-money */
.whoolesale-page .block__title {
    display: inline-block;
    width: 100%;
    text-transform: uppercase;
    font-size: 32px;
    line-height: 120%;
    color: #08315d;
    font-weight: bolder;
    margin: 50px auto;
    text-align: center;
}

.whoolesale-page .block-9__desc {
    margin-bottom: 40px;
    text-align: center;
}
.block-9__form h4 {
    display: none;
}
.block-9__form input[type="submit"] {
    background: #ef7f1b;
    border: none;
}
@media (max-width: 430px) {
    .reasons-for-choice .column .item .header{
        max-width: 250px;
    }
}
@media (max-width: 480px) { 
    .reasons-for-choice__header h2 div {
        font-size: 35px;
        line-height: 33px;
    }
}
@media (max-width: 768px) { 
    .reasons-for-choice__header h2 div {
        font-size: 40px;
        line-height: 36px;
    }
}

Youez - 2016 - github.com/yon3zu
LinuXploit