@import "loyalty-btns.css";
/********main section******/
.main {
    padding-bottom: 200px;
    overflow: hidden;
}

.main__orange-circl {
    width: 450px;
    height: 450px;
    position: absolute;
    background-color: orange;
    z-index: -1;
    top: 43%;
    right: -20%;
    border-radius: 50%;
}

.main__orange {
    left: 40%;
}

.main__links-wrapper {
    display: flex;

}
.link-distance{
    margin-right: 30px;
}
.main__wrapp-line {
    display: flex;
    align-items: center;
}

.main__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.main__info{
    max-width: 550px;
}

.main__imgs {
    position: relative;
    width: 582px;
    right: -50px;
}

.main__picture {
    display: flex;
    justify-content: center;
    width: 100%;
}

.main__picture-one {
    position: absolute;
    bottom: 130px;
    left: -70px;
}

.main__picture-two {
    position: absolute;
    bottom: -35px;
    right: -33%;
}

.main__picture-three {
    display: none;
}

/*******business section***********/

.business__wrapp {
    display: flex;
    justify-content: space-between;
}

.business__title {
    margin-bottom: 120px;
}
.business__img-wrapp {
    border-radius: 50%;
    border: 2px solid black;
    width: 120px;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.business__item {
    max-width: 227px;
}

.business__subtitle {
    margin: 30px 0 20px 0;
}
.bussiness__mb {
    display: none;
}

/****catalog****/
.catalog {
    overflow: hidden;
    padding-top: 150px;
    padding-bottom: 200px;
}
.catalog__info {
    width: 736px;
    max-width: 100%;
    margin: 0 auto;
}

.catalog__title-wrapp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.catalog__line {
    margin-left: 75px;
}

.catalog__imgs {
    position: relative;
    width: 951px;
    height: 740px;
    margin-top: 70px;
}

.catalog__main {
    position: absolute;
    top: 0;
    left: -16%;
}

.catalog__second {
    position: absolute;
    top: -5%;
    right: -25%;
    z-index: 2;
}
.catalog__third {
    position: absolute;
    top: 20%;
    right: 10%;
}
.catalog__four {
    position: absolute;
    bottom:  10%;
    right: -24%;
}

.catalog__orange {
    left: unset;
    right: -20%;
    top: unset;
    bottom: 5%;
    filter: blur(130px);
    /* width: 400px;
    height: 400px; */
}

.catalog__green {
    bottom: unset;
    right: unset;
    top: -30px;
    left: 100px;
}


/********extra section****/
.extra {
    padding: 0px 0 50px;
    overflow: hidden;
}
.extra__title {
    width: 859px;
    max-width: 100%;
    display: block;
    margin: 0 auto 100px;
}
.extra__icons {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.extra__icon {
    
    display: flex;
    align-items: center;
    justify-content: center;

    min-width: 120px;
    min-height: 120px;
    border-radius: 50%;
    border: 2px solid black;
}
.extra__icon:last-child {
    font-size: 24px;
    font-weight: 700;
}

.extra__vs {
    font-size: 48px;
    font-weight: 600;
    margin: 0 50px;
}

.extra__line-wrapp {
    display: flex;
    align-items: center;
}

.extra__wrapper {
    margin-top: 150px;
    display: flex;
}

.extra__title-sm {
    margin: 15px 0 40px;
}

.extra__info {
    width: 500px;
    max-width: 100%;
    
}

.extra__text {
    width: 440px;
    max-width: 100%;
    margin-left: 100px;
}

.extra__orange {
    height: 300px;
    top: -200px;
    left: -200px;
    filter: blur(150px);
    
}

.extra__green {
    width: 300px;
    height: 300px;
    bottom: 30%;
}

.extra__picture-wrapp {
    position: relative;
    margin-top: 60px;
    margin-bottom: 100px;
    z-index: -1;
}

.extra__card {
    display: flex;
    align-items: center;
}

.extra__card-info {
    border-bottom: 1px solid black;
    padding-bottom: 50px;
    width: 100%;
}

.extra__card-info-last {
    border-bottom: none;
    padding-bottom: 50px;
    width: 100%;
}

.extra__card-img {
    min-width: 400px;
    min-height: 260px;
    display: flex;
    /* justify-content: center; */
    align-items: center;
}

.extra__card-title {
    margin-bottom: 20px;
}

.extra__card-text {
    max-width: 564px;
    /* max-width: 100%; */
}

/********layout*****/
.loyalty {
    padding-top: 200px;
    overflow: hidden;
}

.loyalty__orange {
    width: 250px;
    height: 250px;
    filter: blur(140px);
    left: -20%;
    top: 10%;
}

.loyalty__info {
    width: 450px;
}

.loyalty__title {
    margin: 15px 0 60px;
}

.loyalty__wrapper {
    display: flex;
    justify-content: space-between;
}
.loyalty__imgs {
    position: relative;
    width: 400px;
    height: 400px;
    
}

.loyalty__main {
    position: absolute;
    top: 0;
    left: 0;
}

.loyalty__second {
    position: absolute;
    bottom: 0;
    left: -45%;
}

.loyalty__third {
    position: absolute;
    bottom: -25%;
    left: -45%;
}

.loyalty__green {
    width: 250px;
    height: 250px;
    right: unset;
    left: 0;
}

@media (max-width: 1166px) {
    /****main section ****/
    .main {
        padding-top: 93px;
    }

    .main__wrapper {
        flex-direction: column;
        justify-content: center;
    }
    .main__imgs {
        margin: 100px auto 0;
    }

    .main__picture-one {
        position: absolute;
        bottom: -80px;
        left: -40px;
    }
    
    .main__picture-two {
        position: absolute;
        bottom: -25px;
        right: unset;
        left: 50px;
    }
    
    .main__picture-three {
        display: block;
        position: absolute;
        bottom: -125px;
        left: 50px;
    }

    .main__orange-circl {
        display: none;
    }

    .main__orange {
        top: 60%;
        left: 20%;
    }

    /*****busines****/
    .business__title {
        width: 500px;
        max-width: 100%;
        margin: 0 auto 70px;
    }
    .business__wrapp {
        display: flex;
        flex-wrap: wrap;
        max-width: 500px;
        margin: 0 auto;
    }
    .business__item-wrapp {
        display: flex;
        align-items: center;
        margin-bottom: 35px;

    }

    .business__subtitle {
        font-weight: 700;
        margin-left: 22px;
    }

    .business__item {
        max-width: 750px;
        margin-bottom: 70px;
    }

    /****catalog***/
    .catalog__imgs {
        position: relative;
        width: 331px;
        height: 254px;
        margin: 70px auto 0;
    }

    .catalog__orange {
        width: 200px;
        height: 200px;
        filter: blur(120px);
    }

    .catalog__green, .loyalty__orange {
        display: none;
    }

    /*****extra section****/
    .extra__wrapper {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .extra__text {
        width: 500px;
        margin-left: 0;
    }

    .extra__orange, .extra__green {
        display: none;
    }


    .extra__picture-wrapp {
        max-width: 786px;
        margin: 60px auto 100px;
        height: 308px;
        
       
    }
    .extra__picture {
        position: absolute;
        top:0;
        left: 60%;
        transform: translate(-60%, 0);
    }

    .extra__card-img {
        min-width: 350px;
    }



    /****loyalty****/
    .loyalty {
        padding-top: 100px;
    }
    .loyalty__wrapper {
        flex-direction: column;
        align-items: center;
    }

    .loyalty__imgs {
        margin-top: 64px;
    }

    .loyalty__info {
        width: 500px;
        max-width: 100%;
    }

    

}

@media (max-width: 900px) {
    .title-big{
        font-size: 40px;
    }

    /***catalog***/
    .catalog__title-wrapp{
        flex-direction: column;
        align-items: flex-start;
    }
    .catalog__title {
        margin-top: 15px;
    }

    .catalog__info {
        width: 500px;

    }
    .catalog__line {
        margin-left: 35px;
    }


    .extra__title {
        width: 550px;
        max-width: 100%;
    }

    .extra__card {
        flex-direction: column;
        margin-top: 30px;
    }

    .extra__card-info {
        width: 500px;
        max-width: 100%;
    }

    .extra__card-title {
        margin-top: 20px;
    }


     /*****loyalty****/
     .loyalty__imgs {
        width: 200px;
        height: 200px;
    }

    .loyalty__green {
        width: 150px;
        height: 150px;
    }

    .loyalty__second {
        
        bottom: -30%;
        left: -45%;
    }
    
    .loyalty__third {
        bottom: -65%;
        left: -45%;
    }
    
}

@media (max-width: 767px) {
    .bread__cut {
        display: none;
    }
    .main__orange {
        width: 200px;
        height: 200px;
        filter: blur(90px);
    }

    /******business***/
    .business__img-wrapp {
        width: 60px;
        height: 60px;
    }

    .bussiness__mb {
        display: block;
    }

    .bussiness__desk {
        display: none;
    }


    /****extra section****/
    .extra__vs {
        font-size: 24px;
        margin: 0 14px;
    }

    .line-big {
        max-width: 120px;
    }

    .catalog {
        padding: 50px 0 150px;
    }

    .catalog__orange {
        width: 200px;
        height: 200px;
        filter: blur(80px);
    }
    .extra {
        padding-top: 50px;
    }

    .loyalty {
        padding-top: 50px;
    }
}