body
{
    font-family: "Space Grotesk", sans-serif;
}
.watch-button
{
    font-size:22px;
    font-weight:600;
    color:#8D7DFF;
    padding:16px 20px 16px 70px;
    max-width:120px;
    background-color:white;
    background-image:url(../img/eye-icon.svg);
    border-radius:36px;
    background-repeat: no-repeat;
    background-position: left 20px center;
    background-size:36px;
    margin-top:20px;
    cursor:pointer;
    transition: 0.3s;
}
.watch-button:hover
{
    opacity:0.7;
}
.about-conference
{
    width:100%;
    padding-top:60px;
    padding-bottom:60px;
}
.partners
{
    border-top:1px dashed #8D7DFF;
}
.about-conference h2, .program h2, .speakers h2
{
    font-size:46px;
    font-weight:400;
    line-height:50px;
    color:#272727;
    margin-bottom:30px;
}
.about-conference h3
{
    font-size:26px;
    text-align:center;
    margin-bottom:20px;
    color:#272727;
    font-weight:400;
}
.about-conference p
{
    max-width:760px;
    margin:0 auto;
    font-size:16px;
    font-weight:400;
    line-height:24px;
    color:#272727;
    text-align:center;
    margin-bottom:20px;
}
.recommender-holder
{
    margin:0 auto;
    max-width:900px;
}
.recommender-box
{
    width:calc(100% - 80px);
    margin:10px;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 18px; /* 112.5% */
    border-radius:12px;
    background-color:#FFE5EC;
    padding:30px;
}
.rb1
{
    background-color:#FFE5EC;
}
.rb2
{
    background-color:#EBF6E0;
}
.rb3
{
    background-color:#FFF5DB;
}
.rb4
{
    background-color:#EDEBFF;
}
.program
{
    padding-top:60px;
    padding-bottom:60px;
    background-color:#FAF7FF;
}
.program-item
{
    width:100%;
    border-radius:12px;
    border:1px solid #8D7DFF;
    height:120px;
    position:relative;
    margin-bottom:20px;
}
.program-time-holder
{
    width:180px;
    height:120px;
    border-right:1px solid #8D7DFF;
    float:left;
}
.program-time-holder .program-time
{
    text-align:center;
    font-size:20px;
    color:#292929;
    padding-top:38px;
}
.program-parameters-holder
{
    width:calc(100% - 181px);
    float:left;
}
.program-title
{
    font-size:22px;
    font-weight:600;
    padding-top:24px;
    padding-left:20px;
}
.program-description
{
    padding-left:20px;
}
.program-details, .program-speaker
{
    display:inline-block;
}
.program-speaker
{
    margin-right:10px;
    padding-right:10px;
    font-size:15px;
    font-weight:400;
    border-right:1px solid #292929;
}
.speaker-card
{
    width:384px;
    height:596px;
    background-color:#FAF7FF;
    border-radius:12px;
    margin:8px;
    float:left;
    cursor:pointer;
}
.speaker-card .speaker-image
{
    background-color:#f0e9ff;
    width:100%;
    height:356px;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
    position:relative;
    transition: 0.3s;
    overflow: hidden;
}
.speaker-image .profile-image
{
    position:absolute;
    transform: translate(-50%,0);
    left:50%;
    bottom:0;
    height:95%;
}
.speaker-description
{
    padding:30px;
}
.speaker-title
{
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px;
    color:#121212;
    padding-bottom:10px;
    border-bottom:1px solid #8D7DFF;
    margin-bottom:10px;
}
.speaker-small-description
{
    font-size:17px;
    font-weight:400;
    line-height:25px;
    letter-spacing: -0.3px;
}
.speaker-over .speaker-image
{
    background-color:#8D7DFF;
}
@media (max-width: 950px) {

    .program-item {
        height: auto;
        padding-bottom: 20px;
    }

    .program-time-holder {
        width: 100%;
        height: auto;
        border: none;
        border-bottom: 1px solid #8D7DFF;
        padding-bottom: 20px;
        padding-top: 20px;
    }

    .program-time-holder .program-time {
        padding-top: 0;
    }

    .program-parameters-holder {
        width: 100%;
    }

    .program-speaker {

        margin-bottom: 10px;
        margin-top: 10px;
    }

    .watch-button {
        margin: 0 auto;
    }

    .text-holder p {
        text-align: center;
    }

    .about-conference h2, .program h2, .speakers h2 {

        font-size: 32px;

    }
    .speaker-card
    {
        width:100%;
        margin:0;
        margin-bottom:10px;
    }
}