@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700&display=swap&subset=cyrillic');

.presentation-wrapper * {
    padding: 0;
    margin: 0;
    border: 0;
}

.presentation-wrapper h3 {
    font-family: PT Sans, sans-serif;
    font-weight: 400;
    font-size: 48px;
    color: #656565;
}

.presentation-wrapper p,
.presentation-wrapper li {
    font-family: PT Sans, sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 1.45em;
    color: rgb(35, 35, 35);
}

.presentation-wrapper {
    position: relative;
    color: #565d62 !important;
    background-color: #f2eeea;
}

@media only screen and (hover: none) and (pointer: coarse) {
    .presentation-wrapper {
        position: absolute;
    }

    .presentation-wrapper .slide-arrow-right-1,
    .presentation-wrapper .slide-arrow-right-3,
    .presentation-wrapper .slide-arrow-right-6,
    .presentation-wrapper .slide-arrow-right-8,
    .presentation-wrapper .slide-arrow-right-10,
    .presentation-wrapper .slide-arrow-right-12 {
        display: none;
    }
}

.presentation-wrapper .presentation-slide {
    position: relative;
    width: 1224px;
    height: auto;
    margin: 5px auto;
    border: 0.5px solid #f2eeea;
    z-index: 1;
    padding-bottom: 30px;
}

.presentation-wrapper .presentation-slide p {
    padding: 0px 0px;
    padding-bottom: 20px;
}

.presentation-wrapper .presentation-slide a {
    color: #f2612b;
}

.presentation-wrapper .presentation-slide h3 {
    padding: 0px 0px;
    padding-bottom: 30px;
    /*padding-left: 50px;*/
}

.presentation-wrapper .text-side-slide {
    padding-left: 90px;
    color: #232323;
}

.presentation-wrapper .slide-arrow-right-1 {
    position: absolute;
    bottom: 90px;
    left: -13px;
    width: 85px;
    height: 70px;
    background: url('https://cdn.wholeworld.org/charity_marathon/presentation/arrow-right.png') center center no-repeat;
}

.presentation-wrapper .slide-arrow-right-3 {
    position: absolute;
    bottom: 89px;
    left: -13px;
    width: 85px;
    height: 70px;
    background: url('https://cdn.wholeworld.org/charity_marathon/presentation/arrow-right.png') center center no-repeat;
}

.presentation-wrapper .slide-arrow-right-6 {
    position: absolute;
    bottom: 385px;
    left: -13px;
    width: 85px;
    height: 70px;
    background: url('https://cdn.wholeworld.org/charity_marathon/presentation/arrow-right.png') center center no-repeat;
}

.presentation-wrapper .slide-arrow-right-8 {
    position: absolute;
    bottom: 373px;
    left: -13px;
    width: 85px;
    height: 70px;
    background: url('https://cdn.wholeworld.org/charity_marathon/presentation/arrow-right.png') center center no-repeat;
}

.presentation-wrapper .slide-arrow-right-10 {
    position: absolute;
    bottom: 164px;
    left: -13px;
    width: 85px;
    height: 70px;
    background: url('https://cdn.wholeworld.org/charity_marathon/presentation/arrow-right.png') center center no-repeat;
}

.presentation-wrapper .slide-arrow-right-12 {
    position: absolute;
    bottom: 241px;
    left: -13px;
    width: 85px;
    height: 70px;
    background: url('https://cdn.wholeworld.org/charity_marathon/presentation/arrow-right.png') center center no-repeat;
}

.presentation-wrapper .circle8 h3 {
    font-size: 46px;
}

.presentation-wrapper .number-icon {
    position: absolute;
    bottom: -20px;
    left: 47%;
    background: #fff;
    width: 43px;
    height: 43px;

    font-family: PT Sans, sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #a09e9c;
    text-align: center;
    box-sizing: border-box;
    padding: 8.5px 0px;
    border-radius: 99px;
    box-shadow: 0px 6px 5px #777575;

}

.presentation-wrapper .three-images-row {
    display: flex;
    justify-content: space-between;
    padding: 20px 0px;
    padding-bottom: 25px;

}

.presentation-wrapper .slide-overlay {
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.presentation-wrapper .circle1 {
    background: url('https://cdn.wholeworld.org/charity_marathon/presentation/bg_circle1.png') top center no-repeat;
}

.presentation-wrapper .circle2 {
    background: url('https://cdn.wholeworld.org/charity_marathon/presentation/bg_circle2.png') top center no-repeat;
}

.presentation-wrapper .circle3 {
    background: url('https://cdn.wholeworld.org/charity_marathon/presentation/bg_circle3.png') top center no-repeat;
}

.presentation-wrapper .circle4 {
    background: url('https://cdn.wholeworld.org/charity_marathon/presentation/bg_circle4.png') top center no-repeat;
}

.presentation-wrapper .circle5 {
    background: url('https://cdn.wholeworld.org/charity_marathon/presentation/bg_circle5.png') top center no-repeat;
}

.presentation-wrapper .circle6 {
    background: url('https://cdn.wholeworld.org/charity_marathon/presentation/bg_circle6.png') top center no-repeat;
}

.presentation-wrapper .circle7 {
    background: url('https://cdn.wholeworld.org/charity_marathon/presentation/bg_circle7.png') top center no-repeat;
}

.presentation-wrapper .circle8 {
    background: url('https://cdn.wholeworld.org/charity_marathon/presentation/bg_circle8.png') top center no-repeat;
}

.presentation-wrapper .circle9 {
    background: url('https://cdn.wholeworld.org/charity_marathon/presentation/bg_circle9.png') top center no-repeat;
}

.presentation-wrapper .circle10 {
    background: url('https://cdn.wholeworld.org/charity_marathon/presentation/bg_circle10.png') top center no-repeat;
}

.presentation-wrapper .circle11 {
    background: url('https://cdn.wholeworld.org/charity_marathon/presentation/bg_circle11.png') top center no-repeat;
}

.presentation-wrapper .circle12 {
    background: url('https://cdn.wholeworld.org/charity_marathon/presentation/bg_circle12.png') top center no-repeat;
}

.presentation-wrapper .circle13 {
    background: url('https://cdn.wholeworld.org/charity_marathon/presentation/bg_circle13.png') top center no-repeat;
}

.presentation-wrapper .circle14 {
    background: url('https://cdn.wholeworld.org/charity_marathon/presentation/bg_circle14.png') top center no-repeat;
}

.presentation-wrapper .circle15 {
    background: url('https://cdn.wholeworld.org/charity_marathon/presentation/bg_circle15.png') top center no-repeat;
}

.presentation-wrapper .circle16 {
    background: url('https://cdn.wholeworld.org/charity_marathon/presentation/bg_circle16.png') top center no-repeat;
}


.presentation-wrapper .slide-underlay {
    position: relative;
    z-index: 5;
    background-color: #fff;
    width: 984px;
    height: fit-content;
    margin: 50px auto;
    border-radius: 30px;
    box-sizing: border-box;
    padding: 36px 70px;
    box-shadow: 0px 3px 3px #777575;
}

.presentation-wrapper .two-images-row-slide {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 45px auto;
}

.presentation-wrapper .space-line {
    position: relative;
    width: 100%;
    height: 45px;
}


.presentation-wrapper .circle2 img {
    width: 300px;
}

.presentation-wrapper .circle2 .text-side-slide {
    width: 500px;
}

.presentation-wrapper .circle2 h3 {
    padding-left: 0px;
}


.presentation-wrapper .circle3 .li-dot {
    font-size: 22px;
    color: #000;
    margin: 0px auto;
}

.presentation-wrapper .circle3 ul {
    margin-top: -27px;
    padding-left: 26px;
}

.presentation-wrapper .circle3 ul li {
    font-size: 32px;
    color: #afe385;
    margin-top: -10px;
}

.presentation-wrapper .circle3 .slide-arrow-right {
    bottom: 187px;
}


.presentation-wrapper .circle4 h3 {
    text-align: center;
}

.presentation-wrapper .circle4 .slide-underlay {
    background: #ebe5df;
    box-shadow: none;
    border: 5px solid #fff;
    text-align: center;
}

.presentation-wrapper .circle4 .number-icon {
    background: #ebe5df;
    border: 5px solid #fff;
    padding: 4.5px 0px;
}

.presentation-wrapper .circle5 h3,
.presentation-wrapper .circle7 h3,
.presentation-wrapper .circle9 h3,
.presentation-wrapper .circle13 {
    text-align: center;
}

.presentation-wrapper .circle5 .slide-underlay,
.presentation-wrapper .circle7 .slide-underlay,
.presentation-wrapper .circle9 .slide-underlay {
    background: #ebe5df;
    box-shadow: none;
    border: 5px solid #fff;
    text-align: center;
}

.presentation-wrapper .circle5 .number-icon,
.presentation-wrapper .circle7 .number-icon,
.presentation-wrapper .circle9 .number-icon {
    background: #ebe5df;
    border: 5px solid #fff;
    padding: 4.5px 0px;
}

.presentation-wrapper .circle5 p,
.presentation-wrapper .circle7 p,
.presentation-wrapper .circle9 p,
.presentation-wrapper .circle13 p {
    padding: 15px 0px;
}

.presentation-wrapper .circle15 img {
    padding: 30px 0 50px;
}

.presentation-wrapper .circle16 img {
    margin-left: -70px;
}

.presentation-wrapper .action-button {
    transition: all ease .5s;
    position: relative;
    width: 200px;
    padding: 10px 0px;
    text-align: center;
    background: linear-gradient(180deg, #a8e080, green);
    margin: 23px auto;

    font-family: PT Sans, sans-serif;
    font-weight: 400;
    font-size: 18px;
    border-radius: 99px;
    cursor: pointer;
}

.presentation-wrapper .action-button:hover {
    transition: all ease .5s;
    background: green;
}