:root{
    --gradient_partner: linear-gradient(
        306deg,#1abf83 0,#006399 85%,#006399 100%);
    --gradient_author: linear-gradient( 306deg,#aaab63 0,#006399 85%,#165b81 100%);

}

.text{
    font-size: 24px;
    color: #4a4a4a;
}

.promoPage{
    display: flex;
    flex-direction: column;
}
.promoPage ul{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.promoPage li{
    list-style: none;
}
.partner__intro{
    display: flex;
    position: relative;
    flex-direction: column;
    height: 500px;
    gap: 5px;
    margin-bottom: 20px;
    padding: 15px;
    overflow:hidden;
    z-index: 1;
    background: var(--gradient_partner);
}
.promoPage--authors .partner__intro{
    background: var(--gradient_author);
}




.partnerInvite{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    font-size: 24px;
    border-radius: 4px;
    background: rgb(213, 213, 213);
    color: rgb(31, 31, 31);
    overflow: hidden;
}
.partnerInvite__link{
    width: 100%;
    padding: 20px 30px;
    word-break: break-word;
    max-width: max-content;
}
.partnerInvite__btn{
    padding: 20px 30px;
    cursor: pointer;
    justify-content: center;
    flex-grow: 1;
    background: rgb(201, 201, 201);

}
.partnerInvite__btn:hover{
    background: rgb(177, 177, 177);
}


.socialShare__title{
    display: none;
}


.promoPage .likely-big .likely__icon {
    width: 70px;
    height: 70px;
}
.promoPage .pubsShare9111{
    display: none !important;
}
.promoPage .likely__widget svg{
	width: 100% !important;
	height: 100% !important;
}

.promoPage .likely-big .likely__widget {
    height: auto;
    padding: 5px;
    background: white !important;
    margin: 0 !important;
}
.socialShare__items{
    gap: 10px;
    flex: 1 1 0;
    justify-content: center;

}

.promoPage .pubsShare9111 img {
    width: auto;
}
.promoText{
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px;
    border-radius: 8px;
    background: #ededed;

    max-width: 500px;
    width: 100%;
    align-self: center;
}
.promoText__text{
    font-size: 24px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgb(134, 134, 134);
}









.partner__introInfo{
    padding-top: 80px;
    padding-left: 50px;
    z-index: 3;
}
.partner__introInfo .btn{
    padding: 10px 15px;
    font-size: 18px;
}
.partner__intro h1{
    font-size: 50px;
    color: white;
}
.partner__intro h2{
    font-size: 30px;
    color: white;
}
.partner__nav{
    display: flex;
    flex-wrap:wrap;
    gap: 10px;
    width: 100%;
    justify-content: end;
}

.partner__navItem{
    text-decoration: none;
    color:white;
    padding: 2px 5px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 18px;
}
.partner__navItem:hover{
    background:white;
    color: green;
}
.partner__navItem--yellow{
    background: #FFCD35;
    color: black;
}
.partner__navItem--yellow:hover{
    background: #FFCD35;
    color: black;
}

.partner__intro .divider{
    position: absolute;
    bottom: -10px;
    left: -5px;
    width: 105%;
    max-width:105%;
    height: 100px;
}

.partner__intro .bloger{
    position: absolute;
    z-index: 0;
    width: 40%;
    right: 20px;
    bottom: 0
}








.about9111{
    padding: 20px;
    margin-top: -20px;
    z-index: 2;
    position: relative;

}
.about9111__intro {
    margin-bottom: 60px;
    gap: 30px;
    padding: 0 60px;
}
.about9111__intro img{
    width: 80px;
}
.about9111__introText{
    font-size: 36px;
    color: #4a4a4a;
}
.promoPage--authors .about9111__introText{
    font-size: 30px;
}

.about9111__advantages{
    display: flex;
    justify-content: center;
    flex-wrap:wrap;
    gap: 40px;
    margin-bottom: 60px;
}
.about9111__advantages .advantage{
    width: 25%;
    border-radius: 8px;
    font-size: 20px;
    overflow: hidden;
    display: flex;
    box-shadow: 0 0 20px #00000026;
    flex-direction: column;
}
.advantage .__text{
    display: inline-flex;
    padding: 40px 20px;
    flex-grow: 1;
    align-items: center;
}
.advantage .__text *{
    display: contents;
}
.advantage .__header{
    display: flex;
    justify-content: end;
    height: 120px;
}
.advantage .__header .__text{
    font-size: 24px;
    color:white;
    font-weight: 700;
}
.advantage .__header.--blue{
    background: linear-gradient(
        131deg,#1a52bf 0,#358ab9 85%,#6dcce9 100%);
}
.advantage .__header.--pink{
        background: linear-gradient(
            134deg,#d15291 0,#ffa3da 85%,#ffc0ef 100%);
}
.advantage .__header.--yellow{
        background: linear-gradient( 135deg,#f4c563 0,#eacd3e 23%,#efe807 100%);
}
.advantage .__header.--green{
        background: linear-gradient(
            306deg,#719eaf 0,#14953c 85%,#25782c 100%);
}
.advantage .__header.--orange{
        background: linear-gradient(
            306deg,#c3a71d 0,#cf9122 85%,#ddaf2d 100%);
}
.advantage .__header.--black{
    background: linear-gradient(306deg, #8f8f8f 0, #4f5152 85%, #303030 100%)
}

.advantage .__header img{
    height: 140px;
}

.about9111 .divider{
    position: absolute;
    bottom: -46px;
    left: -5px;
    width: 105%;
    max-width:105%;
    height: 100px;

    transform: scale(-1, -1);
}




.conditions__wrap{
    display: flex;
    flex-direction: column;
    align-items: center;
    background: linear-gradient(306deg,#1abf83 0,#006399 85%,#006399 100%);
    padding-bottom: 40px;
}
.promoPage--authors .conditions__wrap{
    background: linear-gradient(306deg,#a0a767 0,#006399 52%,#133c52 100%);
}


.conditions{
    display: flex;
    position: relative;
    flex-direction:column;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
    padding: 100px 20px 60px;

    overflow: hidden;
}
.conditions a{
    color: #fffb8a;
}
.condition{
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 26px;
    padding: 25px;
    border-radius: 16px;
    color: rgb(255, 255, 255);
    z-index: 1;
}
.btn{
    z-index: 1;
}
.condition img{
    width: 35%;
    filter: drop-shadow( 0px 0px 18px rgb(8, 232, 240));
}
.condition .__text{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.condition .__header{
    font-size: 30px;
    width: 100%;
    max-width: max-content;
    padding: 15px 20px;
    border-radius: 24px;
    background: #fff;
    color: #3e3e3e;
    font-weight: 500;
    box-shadow: 0 0 20px #ffffff8f;
}
.condition embed svg{
    fill: green;
}

.conditions .figure{
    position: absolute;
    top: 50px;
    left: -10%;
    width: calc(100vw / 3);
    height: calc(100vw / 3);
    fill: #0020801c;
    z-index: 0;
    filter: drop-shadow( 0px 0px 18px rgba(8, 232, 240, 0.2));
}
.conditions .figure--2{
    position: absolute;
    top: 50%;
    right: -10% ;
    width: calc(100vw / 1.5);
    height: calc(100vw / 1.5);
    fill: #80004b0c;
    z-index: 0;
    filter: drop-shadow( 0px 0px 18px rgb(166, 8, 240));
    transform: rotate(60deg);
}

.btn_xxl{
    padding: 20px 30px;
    font-size: 25px;
    background: #ffdf00;
    font-weight: 900;
    color: #262626;
}





@media (max-width: 1200px) {
    .about9111__advantages .advantage{
        width: 30%;
    }
}

@media (max-width: 1000px) {


    .partner__intro .bloger {
        width: 30%;
        bottom: 20px;
    }
    .about9111__advantages .advantage{
        width: 40%;
    }
}
@media (max-width: 800px) {
    .about9111__advantages .advantage{
        width: 45%;
    }

    .condition .__header{
        font-size: 26px;
        padding: 10px 15px;
    }
}
@media (max-width: 700px) {
    .about9111__advantages .advantage{
        width: 49%;
    }

    .conditions__wrap{
        background: linear-gradient(306deg,#197856 0,#006399 85%,#006399 100%);
    }
    .condition{
        flex-direction: column;
        gap: 40px;
        font-size: 20px;
    }
    .condition--reverse{
        flex-direction: column-reverse;
    }
    .condition img{
        width: 100%;
    }

    .promoPage .likely-big .likely__icon {
        width: 50px;
        height: 50px;
    }

}
@media (max-width: 600px) {
    .partner__intro .bloger {
        width: 40%;
        bottom: 40px;
    }
    .partner__intro h1{
        font-size: 40px;
    }
    .partner__intro h2{
        font-size: 24px;
    }
    .about9111__advantages .advantage{
        width: 90%;
    }
    .partner__introInfo .btn {
        padding: 7px 10px;
        font-size: 16px;
    }
    .btn_xxl {
        padding: 15px 20px;
        font-size: 21px;
    }
    .promoPage .likely-big .likely__icon {
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 500px) {

    .partner__intro{
        height: 560px;
    }
    .promoPage--authors .partner__intro{
        height: 590px;
    }

    .partner__navItem{
        font-size: 14px;
    }
    .partner__intro .divider, .about9111 .divider{
        height: 55px;
    }
    .partner__intro .bloger{
        width: 70%;
        bottom: 15px;
        right: 0;
    }
    .partner__introInfo{
        padding-top: 50px;
        padding-left: 0;
        z-index: 3;
    }
    .about9111__intro{
        gap: 15px;
        padding: 0;
    }
    .about9111__intro img{
        width: 50px;
    }
    .about9111__introText{
        font-size: 20px;
    }


    .promoPage--authors .about9111__introText{
        font-size: 24px;
    }
    .text{
        font-size: 16px;
    }
    .promoText{
        background: white;
        border: 5px solid darkgrey;
    }

    .promoText__text{
        font-size: 21px;
    }
}