.tezroq_business {
    width: 100vw;
    overflow: hidden;
}

.tezroq_business .tezroq_businessInfo {
    width: 100%;
    margin: 100px auto 75px auto;
}

.tezroq_business .tezroq_businessInfo .businessMethodsBlock {
    position: relative;
}

.tezroq_business .tezroq_businessInfo .tezroq_businessHeader {
    width: 100%;
}

.tezroq_business .tezroq_businessInfo .tezroq_businessHeader h2 {
    width: 73%;
    line-height: calc(var(--ExtraBig-size) + 5px);
    color: var(--second-color);
}

.tezroq_business .tezroq_businessInfo .tezroq_businessHeader .businessExample {
    width: 35%;
} 

.tezroq_business .tezroq_businessInfo .tezroq_businessHeader .businessExample .img {
    position: relative;
    width: 34%;
    height: 150px;
    margin-right: 20px;
}

.tezroq_business .tezroq_businessInfo .tezroq_businessHeader .businessExample .img img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    height: 100%;
    opacity: 0;
    transition: opacity 0.3s linear;
}

.tezroq_business .tezroq_businessInfo .tezroq_businessHeader .businessExample .img img.active {
    opacity: 1;
    transition: opacity 0.3s linear;
}

.tezroq_business .tezroq_businessInfo .tezroq_businessHeader .businessExample h4.underheader {
    position: relative;
    font-size: calc(var(--middle-size)*4/3);
    font-weight: 200;
    line-height: calc(var(--middle-size)*4/3);
    color: var(--second90-color);
    display: none;
    width: 65%;
}

.tezroq_business .tezroq_businessInfo .tezroq_businessHeader .businessExample h4.underheader.active {
    display: inline-block;
}

.tezroq_business .tezroq_businessInfo .tezroq_businessHeader a {
    font-size: var(--extraSmall-size);
    font-weight: 500;
    color: var(--second-color);
    width: 8%;
    padding: 15px 40px;
    border-radius: 12px;
    background: var(--orange2-color);
}

.tezroq_business .tezroq_businessInfo .businessMethods {
    position: relative;
    width: 100%;
    margin-top: 50px;
}

.tezroq_business .tezroq_businessInfo .businessMethods.first {
    opacity: 1;
    transition: opacity 0.3s linear;
}

.tezroq_business .tezroq_businessInfo .businessMethods.first.active {
    opacity: 0;
    transition: opacity 0.3s linear;
}

.tezroq_business .tezroq_businessInfo .businessMethods.second {
    position: absolute;
    right: -100vw;
    top: 0;
    transition: right 0.3s linear;
}

.tezroq_business .tezroq_businessInfo .businessMethods.second.active {
    right: 0;
    transition: right 0.3s linear;
}

.tezroq_business .tezroq_businessInfo .businessMethods .businessMessage {
    position: absolute;
    bottom: 240px;
    left: -50px;
    width: 108%;
    height: 80px;
    border: 6px solid var(--alertFont-color);
    border-radius: 19px;
    background: transparent;
    transition: background 0.3s ease-in;
}

.tezroq_business .tezroq_businessInfo .businessMethods .businessMessage:hover {
    background: var(--calc-color);
    transition: background 0.3s ease-in;
}

.tezroq_business .tezroq_businessInfo .businessMethods .businessMessage p,
.tezroq_business .tezroq_businessInfo .businessMethods .businessMessage .links {
    font-size: calc(var(--extraSmall-size) + 2);
    opacity: 0;
    transition: opacity 0.3s ease-in;
}

.tezroq_business .tezroq_businessInfo .businessMethods .businessMessage:hover p,
.tezroq_business .tezroq_businessInfo .businessMethods .businessMessage:hover .links {
    opacity: 1;
    transition: opacity 0.3s ease-in;
}

.tezroq_business .tezroq_businessInfo .businessMethods .businessMessage .bMIcon {
    width: 80px;
    height: 100%;
    border-radius: 13px 0 0 13px;
    background: var(--yellow-color);
}

.tezroq_business .tezroq_businessInfo .businessMethods .businessMessage .bMIcon i {
    font-size: 40px;
    color: var(--main-color);
}

.tezroq_business .tezroq_businessInfo .businessMethods .businessMessage p {
    font-weight: 200;
}

.tezroq_business .tezroq_businessInfo .businessMethods .businessMessage a {
    display: inline-block;
    background: var(--alert-color);
    padding: 15px 20px;
    border: 1px solid transparent;
    border-radius: 5px;
    transition: border .3s ease-out;
    font-size: var(--extraSmall-size);
    font-weight: 500;
    color: var(--second-color);
}

.tezroq_business .tezroq_businessInfo .businessMethods .businessMessage .links {
    margin: 0 15px;
}

.tezroq_business .tezroq_businessInfo .businessMethods .businessMessage .links a:hover {
    border: 1px solid var(--second-color);
    transition: border .3s ease-out;
}

.tezroq_business .tezroq_businessInfo .businessMethods .businessMessage .links a.tezroq_contact {
    margin-left: var(--overSmall-size);
}

.tezroq_business .tezroq_businessInfo .businessMethods .businessMethod {
    width: 24%;
    height: 1060px;
    border: 1px solid var(--second-color);
    border-radius: 12px;
}

/* .tezroq_business .tezroq_businessInfo .businessMethods .businessMethod.first {
    background: var(--blueCard-color);
}

.tezroq_business .tezroq_businessInfo .businessMethods .businessMethod.second {
    background: var(--brownCard-color);
}

.tezroq_business .tezroq_businessInfo .businessMethods .businessMethod.third {
    background: var(--greenCard-color);
}

.tezroq_business .tezroq_businessInfo .businessMethods .businessMethod.fourth {
    background: var(--violetCard-color);
} */

.tezroq_business .tezroq_businessInfo .businessMethods .businessMethod .number {
    width: 50px;
    height: 50px;
    margin: 30px 0 15px 0;
    border-radius: 50%;
    background: var(--second-color);
}

.tezroq_business .tezroq_businessInfo .businessMethods .businessMethod.first .number h4 {
    color: var(--blueCard-color);
}

.tezroq_business .tezroq_businessInfo .businessMethods .businessMethod.second .number h4 {
    color: var(--brownCard-color);
}

.tezroq_business .tezroq_businessInfo .businessMethods .businessMethod.third .number h4 {
    color: var(--greenCard-color);
}

.tezroq_business .tezroq_businessInfo .businessMethods .businessMethod.fourth .number h4 {
    color: var(--violetCard-color);
}

.tezroq_business .tezroq_businessInfo .businessMethods .businessMethod h4.bottom {
    margin-bottom: 15px;
}

.tezroq_business .tezroq_businessInfo .businessMethods .businessMethod p {
    font-size: var(--extraSmall-size);
    font-weight: 200;
    line-height: 28px;
    color: var(--second-color);
    text-align: center;
    max-width: 90%;
    margin: 15px 0;
}

.tezroq_business .tezroq_businessInfo .businessMethods .businessMethod p {
    font-size: var(--extraSmall-size);
    font-weight: 200;
    line-height: 28px;
    color: var(--second-color);
    text-align: center;
    max-width: 90%;
    margin: 15px 0;
}

.tezroq_business .tezroq_businessInfo .businessMethods .businessMethod p.description {
    height: 200px;
}

.tezroq_business .tezroq_businessInfo .businessMethods .businessMethod p.profit {
    display: flex;
    align-items: end;
    height: 140px;
}

.tezroq_business .tezroq_businessInfo .businessMethods .businessMethod p span {
    font-size: var(--smallest-size);
    font-weight: 200;
    line-height: 28px;
    color: var(--second-color);
    text-align: center;
    max-width: 90%;
    margin: 15px 0;
}

.tezroq_business .tezroq_businessInfo .businessMethods .businessMethod p b.big {
    font-size: var(--middle-size);
}

.tezroq_business .tezroq_businessInfo .businessMethods .businessMethod p.last {
    margin-bottom: 50px;
}

.tezroq_business .tezroq_businessInfo .businessMethods .businessMethod .infoRel {
    position: relative;
    width: 100%;
    height: 0;
}

.tezroq_business .tezroq_businessInfo .businessMethods .businessMethod .infoRel.red {
    height: 85px;
}

.tezroq_business .tezroq_businessInfo .businessMethods .businessMethod .infoRel .info {
    position: absolute;
    bottom: -80px;
    right: -40px;
    width: 50%;
    height: 130px;
    border-radius: 50%;
    mask-repeat: no-repeat;
    mask-size: cover;
    background: var(--yellow-color);
    transform: rotate(15deg);
}

.tezroq_business .tezroq_businessInfo .businessMethods .businessMethod .infoRel.red .info {
    bottom: -75px;
    transform: rotate(15deg) scale(1.14);
}


.tezroq_business .tezroq_businessInfo .businessMethods .businessMethod .infoRel .info p {
    text-transform: uppercase;
    width: 65%;
    font-size: var(--smallest-size);
    font-weight: 500;
    line-height: 21px;
    color: var(--greenCard-color);
}

.tezroq_business .tezroq_businessInfo .businessMethods .businessMethod .infoRel.red {
    height: 85px;
}

.tezroq_business .tezroq_businessInfo .businessMethods .businessMethod .infoRel.red .info{
    transform: scale(1.14) rotate(15deg);
}

.tezroq_business .tezroq_businessInfo .businessMethods .businessMethod .infoRel.red .info p {
    color: var(--alertFont-color);
    /*transform: scale(1.14);*/
}


.tezroq_business .tezroq_businessInfo .businessMethodsBlock .tezroq_btns {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translateX(-50%);
    width: 107%;
    height: var(--overBig-size);
}

.tezroq_business .tezroq_businessInfo .businessMethodsBlock .tezroq_btns i {
    position: absolute;
    font-size: var(--overBig-size);
    color: var(--second-color);
    width: auto;
    height: 100%;
    display: none;
}

.tezroq_business .tezroq_businessInfo .businessMethodsBlock .tezroq_btns i.active {
    display: block;
}

.tezroq_business .tezroq_businessInfo .businessMethodsBlock .tezroq_btns i.icon-left {
    left: -25px;
}

.tezroq_business .tezroq_businessInfo .businessMethodsBlock .tezroq_btns i.icon-right {
    right: -25px;
}

.tezroq_business .tezroq_businessInfo p.small {
    font-size: var(--overSmall-size);
    font-weight: 300;
    color: var(--second-color);
    margin-top: 50px;
}

@media screen and (max-width: 1399px) {
    .tezroq_business .tezroq_businessInfo {
        scale: 86%;
    }
    .tezroq_business .tezroq_businessInfo .businessMethods.second {
        right: -110vw;
    }
}

@media screen and (max-width: 1199px) {
    .tezroq_business .tezroq_businessInfo {
        width: 100%;
        margin: 0 auto;
    }
    .tezroq_business .tezroq_businessInfo .businessMethods.second {
        right: -110vw;
    }
    .tezroq_business .tezroq_businessInfo .businessMethods .businessMethod p.profit {
        height: 170px;
    }
    .tezroq_business .tezroq_businessInfo .businessMethods .businessMessage p, .tezroq_business .tezroq_businessInfo .businessMethods .businessMessage .links {
        font-size: var(--extraSmall-size);
    }
    .tezroq_business .tezroq_businessInfo .businessMethods .businessMessage {
        height: 70px;
        left: -50px;
        width: 110%;
    }
    .tezroq_business .tezroq_businessInfo .businessMethods .businessMessage .bMIcon {
        width: 70px;
    }
    .tezroq_business .tezroq_businessInfo .businessMethods .businessMethod .infoRel .info {
        height: 110px;
    }
    .tezroq_business .tezroq_businessInfo .businessMethods .businessMethod .infoRel.red {
        height: 115px;
    }
}

@media screen and (max-width: 991px) {
    .tezroq_business .tezroq_businessInfo .tezroq_businessHeader {
        flex-direction: column;
    }
    .tezroq_business .tezroq_businessInfo .tezroq_businessHeader .businessExample {
        width: 100%;
    }
    .tezroq_business .tezroq_businessInfo .tezroq_businessHeader a {
        width: 30%;
        margin-top: 30px;
    }
    .tezroq_business .tezroq_businessInfo {
        scale: 100%;
        margin-top: 70px;
        margin-bottom: 50px;
    }
    .tezroq_business .tezroq_businessInfo .businessMethods .businessMethod .infoRel.red .info {
        bottom: -10px;
        transform: rotate(15deg) scale(1.14);
    }
    .tezroq_business .tezroq_businessInfo .businessMethods {
        position: relative;
        width: 80%;
        margin: 50px auto 0 auto;
    }
    .tezroq_business .tezroq_businessInfo .businessMethods .businessMethod {
        width: 48%;
        height: 100%;
    }
    .tezroq_business .tezroq_businessInfo .businessMethods .businessMethod:nth-child(3) {
        margin-top: 20px;
    }
    .tezroq_business .tezroq_businessInfo .businessMethods .businessMethod:nth-child(4) {
        margin-top: 25px;
    }
    .tezroq_business .tezroq_businessInfo .businessMethods .businessMethod p.description {
        height: 120px;
    }
    .tezroq_business .tezroq_businessInfo .businessMethods .businessMethod p.profit {
        height: 100px;
    }
    .tezroq_business .tezroq_businessInfo .businessMethods .businessMessage {
        display: none;
    }
    .tezroq_business .tezroq_businessInfo .businessMethods .businessMethod .infoRel .info {
        width: 30%;
        scale: 120%;
        bottom: -50px;
    }
    /*ЦТВГС*/
    .tezroq_business .tezroq_businessInfo .tezroq_businessHeader .businessExample .img,
    .tezroq_business .tezroq_businessInfo .tezroq_businessHeader .businessExample h4 {
        width: 50%;
    }
    .tezroq_business .tezroq_businessInfo .businessMethods.second.active {
        right: 50%;
        transform: translateX(50%);
    }
    .tezroq_business .tezroq_businessInfo .businessMethodsBlock .tezroq_btns {
        width: 90%;
    }
    .tezroq_business .tezroq_businessInfo .tezroq_businessHeader {
        width: 80%;
    }
    .tezroq_business .tezroq_businessInfo .tezroq_businessHeader h2 {
        display: inline-block;
        width: 100%;
        margin-bottom: 20px;
        text-align: center;
    }
    .tezroq_business .tezroq_businessInfo .tezroq_businessHeader .businessExample {
        width: 50%;
    }
    .tezroq_business .tezroq_businessInfo .tezroq_businessHeader a {
        width: 20%;
    }
    .tezroq_business .tezroq_businessInfo .businessMethods .businessMethod .infoRel .info {
        width: 112px;
    }
}

@media screen and (max-width: 767px) {
    .tezroq_business .tezroq_businessInfo .businessMethods .businessMethod {
        width: 100%;
    }
    .tezroq_business .tezroq_businessInfo .tezroq_businessHeader .businessExample {
        width: 60%;
    }
    .tezroq_business .tezroq_businessInfo .businessMethods .businessMethod:nth-child(2),
    .tezroq_business .tezroq_businessInfo .businessMethods .businessMethod:nth-child(3),
    .tezroq_business .tezroq_businessInfo .businessMethods .businessMethod:nth-child(4) {
        margin-top: 20px;
    }
    .tezroq_business .tezroq_businessInfo .businessMethods .businessMethod p.description,
    .tezroq_business .tezroq_businessInfo .businessMethods .businessMethod p.profit {
        height: auto;
    }
    .tezroq_business .tezroq_businessInfo .businessMethods .businessMethod .infoRel .info {
        bottom: 0;
    }
    .tezroq_business .tezroq_businessInfo .businessMethodsBlock .tezroq_btns {
        display: none;
    }
}

@media screen and (max-width: 575px) {
    .tezroq_business .tezroq_businessInfo .tezroq_businessHeader .businessExample {
        width: 80%;
    }
}

@media screen and (max-width: 375px) {
    .tezroq_business .tezroq_businessInfo .tezroq_businessHeader a {
        width: 30%;
    }
}