body {
    font-family: 'Inter', sans-serif;
    font-size: 18px; line-height: 26px;
    margin: 0;
    padding: 0;
    color: #000;
}

.all {
    max-width: 1454px;
    margin: 0 auto;
    padding: 0 20px;
}


.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 35px 20px;
}
    .header-logo {
    }
        .header-logo img {
            width: 200px;
            height: auto;
        }
            @media (max-width: 768px) {
                .header-logo img {
                    width: 150px;
                }
            }
    .header-buttons {
    }
        .header-buttons a {
            text-decoration: none;
            color: #fff;
            border-radius: 50px;
            background: #1D9D58;
            padding: 14px 28px; font-size: 17px;
        }
            @media (max-width: 768px) {
                .header-buttons a {
                    padding: 10px 20px; font-size: 15px;
                }
            }

.hero {
    background: #0A0A0A url('img/hero.jpg') no-repeat 100% 0;
    background-size: auto 100%;
    color: #fff;
    padding: 0 0 54px 0;
}
    @media (max-width: 768px) {
        .hero {
            background: #0A0A0A url('img/hero.jpg') no-repeat 100% 100%;
            background-size: 200% auto;
        }
    }
    .hero-date {
        display: flex; flex-wrap: wrap;
        align-items: flex-start;
        gap: 0 16px;
        font-size: 20px; line-height: 24px; font-weight: 700; text-transform: uppercase;
        margin-bottom: 143px;
    }
        @media (max-width: 768px) {
            .hero-date {
                margin-bottom: 60px;
            }
        }
    .hero-date-conf, .hero-date-date {
        border-radius: 0 0 6px 6px;
        padding: 16px 68px 12px 68px;
    }
        @media (max-width: 768px) {
            .hero-date-conf, .hero-date-date {
                width: 100%; text-align: center;
                margin-top: 8px;
                border-radius: 6px;
            }
        }
        .hero-date-conf {
            background: linear-gradient(0deg, #FF5A2E 62.12%, #CB684E 100%);
        }
        .hero-date-date {
            background: linear-gradient(0deg, #1D9D58 62.12%, #188148 100%);
        }
    .hero h1 {
        font-size: 80px; line-height: 97px; font-weight: 700;
        margin: 0 0 20px 0;
    }
        @media (max-width: 768px) {
            .hero h1 {
                font-size: 60px; line-height: 68px;
            }
        }
    .hero h2 {
        font-size: 32px; line-height: 44px; font-weight: 400;
        margin: 0 0 118px 0;
    }
        @media (max-width: 768px) {
            .hero h2 {
                font-size: 24px; line-height: 32px;
                margin-bottom: 60px;
            }
        }
    .hero-options {
        display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;
        gap: 20px;
    }
        .hero-options-item {
            padding: 18px 30px;
            min-width: 186px;
            border: 1px solid rgba(255, 255, 255, 0.40);
            border-radius: 100px;
            font-size: 14px; line-height: 17px; text-transform: uppercase;
        }
            @media (max-width: 768px) {
                .hero-options-item {
                    width: 100%;
                    background: rgba(0, 0, 0, 0.40);
                }
            }
            .hero-options-item span {display: block; font-weight: 700;}

/* about */
.about {
    border-left: 2px solid #000;
    padding: 116px 123px 0 123px;
    margin-bottom: 137px;
}
    @media (max-width: 768px) {
        .about {
            border-left: none;
            padding: 60px 0 0 0;
            margin-bottom: 60px;
        }
    }
    .about h3 {
        font-size: 12px; line-height: 15px; font-weight: 400; text-transform: uppercase;
        margin: 0 0 20px 0;
    }
    .about p {
        font-size: 32px; line-height: 44px;
        margin: 0;
    }
        @media (max-width: 768px) {
            .about p {
                font-size: 24px; line-height: 32px;
            }
        }
        .about p span {
            color: #1D9D58;
        }

/* props */
.props {
    max-width: 1209px; margin: 0 auto 143px auto; padding: 0 20px;
    display: flex; flex-wrap: wrap; align-items: flex-start;
    gap: 60px 110px;
}
    .props-item {
        width: 420px;
        padding: 8px 0 8px 84px;
        font-size: 18px; line-height: 24px;
    }
        @media (max-width: 768px) {
            .props-item {
                width: 100%;
            }
        }
        .props-item.props-item-1 {
            background: url('img/ico1.png') no-repeat 0 0;
            background-size: 64px auto;
        }
        .props-item.props-item-2 {
            background: url('img/ico2.png') no-repeat 0 0;
            background-size: 64px auto;
        }
        .props-item.props-item-3 {
            background: url('img/ico3.png') no-repeat 0 0;
            background-size: 64px auto;
        }
        .props-item.props-item-4 {
            background: url('img/ico4.png') no-repeat 0 0;
            background-size: 64px auto;
        }

/* speakers */
.speakers {
    background: #F8F8F8;
    padding: 90px 0;
}
    .speakers h2 {
        font-size: 52px; line-height: 63px; font-weight: 700;
        margin: 0 0 54px 0;
    }
    .speakers-items {
        display: flex; flex-wrap: wrap; align-items: flex-start;
        gap: 20px;
    }
    .speakers-item {
        width: calc(50% - 10px);
        display: flex; align-items: center; gap: 40px;
        background: #fff;
        padding: 24px 50px 24px 20px;
        border-radius: 20px;
        box-sizing: border-box;
    }
        @media (max-width: 1200px) {
            .speakers-item {
                width: 100%;
            }
        }
        @media (max-width: 768px) {
            .speakers-item {
                flex-direction: column;
                text-align: center;
            }
        }
        .speakers-item-img {}
            .speakers-item-img img {
                width: 227px; height: auto;
            }
        .speakers-item-info {
            font-size: 17px; line-height: 24px;
        }
            .speakers-item-name {
                line-height: 20px; text-transform: uppercase;
                margin-bottom: 32px;
            }
                .speakers-item-name span {font-weight: 700;display: block;}
            .speakers-item-text {
            }

/* what will be */
.what-will-be {
    display: flex; flex-wrap: wrap; align-items: flex-start;
    margin-bottom: 200px;
}
    @media (max-width: 1200px) {
        .what-will-be {
            flex-direction: column;
            margin-bottom: 100px;
        }
    }
    .what-will-be-why {
        width: calc(50% - 1px);
        padding: 123px 150px 0 0;
        box-sizing: border-box;
    }
        @media (max-width: 1200px) {
            .what-will-be-why {
                width: 100%;
                padding: 60px 0 0 0;
            }
        }
        .what-will-be-why h3 {
            font-size: 36px; line-height: 44px; font-weight: 400;
            margin: 0 0 34px 0;
        }
        .what-will-be-why-items {
        }
            .what-will-be-why-item {
                margin-bottom: 26px;
                background: url('img/plus.png') no-repeat 0 0;
                background-size: 27px auto;
                padding-left: 57px;
            }
    .what-will-be-line {
        width: 2px; height: 300px; background: #000;
    }
        @media (max-width: 1200px) {
            .what-will-be-line {
                display: none;
            }
        }
    .what-will-be-moments {
        width: calc(50% - 1px);
        padding: 123px 0 0 90px;
        box-sizing: border-box;
    }
        @media (max-width: 1200px) {
            .what-will-be-moments {
                width: 100%;
                padding: 60px 0 0 0;
            }
        }
        .what-will-be-moments h3 {
            font-size: 36px; line-height: 44px; font-weight: 400;
            margin: 0 0 34px 0;
        }
        .what-will-be-moments-items {}
            .what-will-be-moments-item {
                    margin-bottom: 26px;
                    background: url('img/plus.png') no-repeat 0 0;
                    background-size: 27px auto;
                    padding-left: 57px;
                }


/* address and registration */
.address-and-registration {
    display: flex; flex-wrap: wrap; align-items: flex-start;
    gap: 20px;
    justify-content: space-between;
    margin-bottom: 70px;
}
    .address-and-registration-address {
        max-width: 535px;
        font-size: 15px; line-height: 21px;
    }  
        @media (max-width: 1200px) {
            .address-and-registration-address {
                max-width: 100%;
                margin-bottom: 60px;
            }
        }
        .address-and-registration-address img {
            width: 100%; height: auto;
            margin-bottom: 20px;
        }
        .address-and-registration-address a {color: #000;}
        .address-and-registration-address .aaam-img {
            width: 302px; height: auto;
        }
    .address-and-registration-registration {
        width: 50%;
        background: #209D58;
        border-radius: 20px;
        color: #fff;
        box-sizing: border-box;
        padding: 60px 80px;
    }
        @media (max-width: 1200px) {
            .address-and-registration-registration {
                width: 100%;
                padding: 50px 20px;
            }
        }
        .address-and-registration-registration h3 {
            font-size: 48px; line-height: 58px; font-weight: 700;
            margin: 0 0 47px 0;
        }
        .address-and-registration-registration form {

        }
        .address-and-registration-registration form input[type="text"], .address-and-registration-registration form input[type="email"] {
            width: 100%;
            background: none;
            border-radius: 0;
            border: 0; border-bottom: 1px solid #fff;
            padding: 16px 0;
            margin-bottom: 20px;
            font-family: 'Inter', sans-serif; font-size: 18px; color: #fff;
            &::placeholder {
                color: #fff;
            }
            outline: none;
        }
        .address-and-registration-registration form .privacy-policy {
            display: flex; align-items: center;
            margin-top: 20px;
            margin-bottom: 73px;
        }
            .address-and-registration-registration form .privacy-policy input {
                margin-right: 10px;
            }
            .address-and-registration-registration form .privacy-policy label {
                font-size: 14px; line-height: 17px;
            }
            .address-and-registration-registration form .privacy-policy label a {
                color: #fff; text-decoration: underline;
            }
        .address-and-registration-registration form button {
            background: #fff;
            border-radius: 100px;
            padding: 14px 52px;
            border: 0;
            font-family: 'Inter', sans-serif; font-size: 17px; color: #000;
        }

        /* form status */
        .address-and-registration-registration .form-status {
            margin: 10px 0 20px 0;
            font-size: 15px; line-height: 20px;
            min-height: 20px;
        }
        .address-and-registration-registration .form-status.pending { color: #fff; opacity: 0.9; }
        .address-and-registration-registration .form-status.success { color: #C6FFD9; }
        .address-and-registration-registration .form-status.error { color: #FFD6D6; }

/* footer */
.footer {
    background: #1D1312;
    padding: 20px 0;
    text-align: right;
}
    .footer img {
        width: 221px; height: auto;
    }