/*Общие стили (начало)*/

:root {
    box-sizing: border-box;
    font-size: 20px;

    --white: #ffffff;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

:focus {
    outline: 2px solid var(--darkAccentColor);
}

body {
    font-family: "Roboto", sans-serif;
    margin: 0;
}

ul {
    margin: 0;
    padding-left: 0;
    list-style-type: none;
}

h1,
h2,
h3,
p {
    margin: 0;
}

h1 {
    width: 950px;
    font-size: 4.5rem;
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
    color: #CD0000;
    margin-top: 20px;
}

h2 {
    font-size: 2.3rem;
    font-weight: 500;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #252421;
}

a {
    text-decoration: none;
    color: #000000;
}

.container {
    position: relative;
    display: flex;
    flex-direction: column;
    max-width: 1400px;
    margin: 0 auto;
}

/*Общие стили (конец)*/

/*banner (начало)*/
.banner-mob {
    display: none;
}

.banner {
    height: 910px;
    background-image: url(/img/1banner/banner.webp);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0 0;
}

.banner-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.title {
    font-size: 3.2rem;
    color: #FAFAFA;
    font-weight: 600;
    -webkit-text-stroke-width: 3px;
    -webkit-text-stroke-color: #FAFAFA;
    padding-top: 121px;
}

.banner-box-incline {
    width: 1012px;
    background-color: #676767;
    font-size: 1.5rem;
    font-weight: 500;
    text-transform: uppercase;
    text-align: left;
    padding: 10px 20px;
    transform: rotate(-3.44deg);
    margin-top: 22px;
}

.open-button {
    width: 690px;
    font-size: 2rem;
    font-weight: 500;
    margin-top: 102px;
    padding: 30px;
    text-decoration: none;
    text-transform: uppercase;
    color: #FAFAFA;
    border-radius: 100px;
    border: 3px solid #FAFAFA;
    background-color: rgba(25, 25, 25, 0);
}

.open-button:hover {
border: 1px solid #CD0000;
}

.banner-container-date {
    color: #FAFAFA;
    font-size: 2rem;
}

.date-txt {
    text-align: right;
    text-transform: uppercase;
    padding-top: 136px;
    font-weight: 400;
    margin-bottom: 6px;
}

.date {
    width: 212px;
    text-align: right;
    line-height: 38px;
    font-weight: 500;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #FAFAFA;
}

.date span {
    animation: blink 3s infinite;
}

@keyframes blink {
    from {
        opacity: 0;
    }

    to {
        opacity: 3;
    }
}

/*banner (конец)*/

/*program (начало)*/

.program {
    background: linear-gradient(#CDCDCD, #676767);
}

.program-head {
    display: flex;
    margin-top: 107px;
    justify-content: center;
    align-items: center;
}

.icon-bitcoin {
    width: 83px;
    height: 83px;
}

.program-content {
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
    margin-bottom: 107px;
}

.program-blok {
    display: flex;
    width: 680px;
    align-items: center;
}

.program-blok-number {
    font-size: 7.5rem;
    font-weight: 400;
    color: #ffffff;
    margin-right: 30px;
}

.program-blok-cnt {
    width: 590px;
    font-weight: 500;
}

.program-blok-cnt-title {
    font-size: 1.5rem;
    text-transform: uppercase;
    color: #CD0000;
    line-height: 34px;
}

.program-blok-cnt-text {
    font-size: 1.2rem;
    color: #FAFAFA;
}

/*program (конец)*/

/*advantages (начало)*/

.advantages {
    background-image: url(/img/3advantages/advantages.webp);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0 0;
}

.advantages-container {
    display: flexbox;
    row-gap: 100px;
    margin-top: 130px;
    margin-bottom: 130px;
}

.advantages-container-top {
    margin-bottom: 200px;
}

.advantages-container-top,
.advantages-container-bottom {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.advantages-box,
.advantages-box-title {
    width: 330px;
    text-align: center;
}

.advantages-box-text-title {
    color: #FAFAFA;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 30px;
    margin-top: 18px;
    margin-bottom: 14px;
}

.advantages-box-text-txt {
    font-weight: 20px;
}

.advantages-box-title {
    color: #FAFAFA;
    -webkit-text-stroke-color: #FAFAFA;
}

/*advantages (конец)*/

/*steps (начало)*/

.steps {
    background: linear-gradient(#676767, #CDCDCD);
    padding-top: 153px;
    padding-bottom: 170px;
}

.step-blok1,
.step-blok2,
.step-blok3,
.step-blok4,
.step-blok5 {
    display: flex;
    align-items: end;
}

.icon-column {
    width: 120px;
    height: 120px;
}

.step-blok-cnt-title {
    font-size: 1.8rem;
    font-weight: 500;
    text-transform: uppercase;
}

.step-blok1 {
    margin-left: 640px;
}

.step-blok2 {
    margin-left: 480px;
}

.step-blok3 {
    margin-left: 320px;
}

.step-blok4 {
    margin-left: 160px;
}

/*steps (конец)*/

/*photo (начало)*/

.photo {
    height: 1076px;
    background-image: url(/img/5photo/biznesmen.webp);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0 0;
}

/*photo (конец)*/

/*basics (начало)*/

.basics {
    padding-top: 132px;
    padding-bottom: 132px;
}

.basics-container {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.basics-content1,
.basics-content2,
.basics-content3,
.basics-content4 {
    display: flex;
    justify-content: end;
    align-items: center;
    text-align: center;
    gap: 44px;
}

.basics-content1 {
    margin-right: 357px;
}

.basics-content2 {
    margin-right: 238px;
}

.basics-content3 {
    margin-right: 119px;
}

.basics-content-title {
    font-size: 1.1rem;
    font-weight: 500;
}

.basics-content-text {
    width: 540px;
    font-size: 1.2rem;
    padding: 30px 80px;
    border-radius: 66px;
    border: 1px solid #252421;
    text-align: left;
}

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

.basics-content-box-title {
    display: flex;
}

/*basics (конец)*/

/*tech-analysis (начало)*/

.tech-analysis {
    background-color: #252421;
    padding-top: 152px;
    padding-bottom: 170px;
}

.tech-analysis-content {
    display: flex;
    align-items: end;
    gap: 10px;
    margin-top: 32px;
}

.tech-analysis-title,
.fund-analysis-title {
    color: #FAFAFA;
    text-align: center;
    -webkit-text-stroke-color: #FAFAFA;
}

.tech-analysis-blok1,
.tech-analysis-blok2,
.tech-analysis-blok3 {
    width: 460px;
    padding-top: 70px;
    padding-left: 70px;
    padding-right: 90px;
}

.tech-analysis-blok1 {
    height: 420px;
    background-color: #676767;
}

.tech-analysis-blok2 {
    height: 510px;
    background-color: #CD0000;
}

.tech-analysis-blok3 {
    height: 600px;
    background-color: #C4C4C4;
}

.tech-analysis-blok-title {
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 34px;
}


/*tech-analysis (конец)*/

/*fund-analysis (начало)*/

.fund-analysis {
    background-image: url(/img/7fund-analysis/fund-analysis.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0 0;
    padding-top: 152px;
    padding-bottom: 152px;
}

.fund-analysis-title {
    margin-bottom: 174px;
}

.fund-analysis-blok {
    font-size: 1.5rem;
    font-weight: 500;
}

.fund-analysis-box-incline1,
.fund-analysis-box-incline2,
.fund-analysis-box-incline3 {
    background-color: #676767;
    font-size: 1.5rem;
    font-weight: 500;
    text-align: center;
    padding: 40px 20px;
}

.fund-analysis-box-incline1 {
    width: 1235px;
    transform: rotate(-5.64deg);
    margin-bottom: 88px;
    margin-left: 82px;
}

.fund-analysis-box-incline2 {
    width: 1396px;
    transform: rotate(2.56deg);
    margin-bottom: 68px;
}

.fund-analysis-box-incline3 {
    width: 1396px;
    transform: rotate(-3deg);
}

/*fund-analysis (конец)*/

/*psychology (начало)*/

.psychology {
    background-color: #FAFAFA;
    height: 765px;
    padding-top: 115px;
    padding-bottom: 115px;
}

.psychology-content {
    display: flex;
    align-items: center;
    gap: 34px;
}

.psychology-title {
    position: absolute;
    width: 255px;
    margin-top: -400px;
    margin-left: 79px;
}

.line-top,
.line-bottom {
    width: 1px;
    height: 50px;
    border: 6px solid #000000;
    margin: 0 auto;
}

.line-top {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}

.line-bottom {
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

.psychology-content-box-text {
    display: flex;
    align-items: center;
    text-align: center;
    padding: 10px;
    width: 205px;
    height: 316px;
    border-radius: 30px;
    border: 14px solid #000000;
}

/*psychology (конец)*/

/*strategies (начало)*/

.strategies {
    background-color: #252421;
    padding-top: 170px;
}

.strategies-container-title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 97px;
}

.icon-strategies {
    transform: rotate(0deg);
    animation: rotate 20s linear infinite;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.strategies-container-title-span {
    color: #CD0000;
    font-size: 2.3rem;
    text-transform: uppercase;
    -webkit-text-stroke-color: #CD0000;
}

.strategies-container-title h2 {
    width: 400px;
    color: #FAFAFA;
    -webkit-text-stroke-color: #FAFAFA;
}

.strategies-container-content-col {
    display: flex;
    justify-content: space-between;
}

.strategies-container-content {
    width: 413px;
    color: #FAFAFA;
    margin-bottom: 46px;
}

.strategies-container-content-title {
    font-size: 1.1rem;
    font-weight: 500;
    border-bottom: 1px solid #FAFAFA;
    padding-bottom: 20px;
    margin-bottom: 12px;
}

.strategies-container-content-text {
    font-weight: 400;
}

/*strategies (конец)*/

/*consultation (начало)*/

.consultation {
    padding-top: 170px;
    padding-bottom: 170px;
    background-color: #252421;
}

.consultation-container {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
}

.consultation-container-col {
    display: flex;
    justify-content: space-between;
}

.consultation-container-col h2 {
    color: #FAFAFA;
    -webkit-text-stroke-color: #FAFAFA;
}

.consultation-blok {
    display: flex;
    align-items: center;
    width: 685px;
    background-color: #E70000;
    border-radius: 30px;
    padding: 50px 42px;
}

.consultation-blok-cnt {
    width: 100%;
}

.icon-column-consultation {
    width: 70px;
    height: 70px;
    margin-right: 20px;
}

.consultation-blok-cnt-title {
    font-size: 1.3rem;
    font-weight: 500;
    color: #FAFAFA;
    margin-bottom: 10px;
}

/*consultation (конец)*/

/*community (начало)*/

.community {
    padding-top: 133px;
    padding-bottom: 170px;
    background-color: #AEAEAE;
}

.community-container-title {
    width: 100%;
    margin-bottom: 50px;
    border-bottom: 1px solid #252421;
}

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

.community-container-box {
    width: 343px;
}

.community-photo {
    width: 343px;
    height: 310px;
    margin-bottom: 10px;
}

.community-container-box p {
    font-weight: 500;
}

/*community (конец)*/

/*approaches (начало)*/

.approaches {
    background-image: url(/img/12approaches/bg-approaches.webp);
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0 0;
    padding-top: 129px;
    padding-bottom: 300px;
}

.approaches-title {
    color: #FAFAFA;
    -webkit-text-stroke-color: #FAFAFA;
    text-align: center;
}

.approaches-container-content {
    display: flex;
    gap: 30px;
    margin-top: 80px;
}

.approaches-container-box {
    width: 327px;
    height: 100%;
    padding: 40px;
    background-color: #676767;
    color: #FAFAFA;
    border-radius: 10px;
    border: 1px solid #CD0000;
}

/*approaches (конец)*/

/*slogan (начало)*/

.slogan {
    background: linear-gradient(#CDCDCD, #676767);
    padding-top: 413px;
    padding-bottom: 170px;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 500;
}

.slogan-box-text {
    text-transform: uppercase;
    color: #CD0000;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #CD0000;
    margin-bottom: 28px;
}

.slogan-box-txt {
    line-height: 30px;
    margin-bottom: 170px;
}

/*slogan (конец)*/

.footer {
    font-size: 10px;
    text-align: center;
    color: #000000;
    background-color: #676767;
    border-top: 1px solid #000000;
}