@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

body {
    margin: 0px;
}

.background {
    /* width: 1366px; */
    width: 100%;
    /* height: 10650px; */
    background: #F9F8FF;
    margin: 0 auto;
}

.oneSlide {
    display: flex;
    /* width: 1366px; */
    height: 1346px;
    flex-direction: column;
    background: linear-gradient(249.78deg, #35D3FF -0.64%, #1125D1 103.6%);
}

.oneHeader {
    display: flex;
    height: max-content;
    width: 1366px;
    margin: 0 auto;
}

.logo {
    padding-top: 30px;
    padding-left: 40px;
    padding-right: 147px;
}

.nav {
    padding-top: 18px;
    width: calc(1366px - 423px);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main {
    width: 68px;
    height: 16px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    color: #FFFFFF;
    text-decoration: none;
}

.headerNav {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: #FFFFFF;
    text-decoration: none;
}

.head {
    width: 970px;
    height: 109px;
    padding-top: 100px;
    padding-bottom: 50px;
    margin: 0 auto;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 120%;
    text-align: center;
    color: #FFFFFF;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dashboard {
    position: relative;
    margin: 0 auto;
}

.func {
    position: absolute;
    left: 820px;
    top: 0;
}

.twoSlide {
    padding-bottom: 100px;
}

.base {
    position: absolute;
    left: 820px;
    top: 0;
}

.smal {
    position: absolute;
    left: 680px;
    top: 350px;
}

.twoHeader {
    padding-top: 100px;
    padding-bottom: 23px;
    width: 570px;
    height: 59px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 48px;
    line-height: 122%;
    text-align: center;
    color: #3B3E43;
    margin: 0 auto;
}

.twoText {
    width: 962px;
    height: 102px;
    left: 200.5px;
    top: 1359px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 34px;
    text-align: center;
    color: #3B3E43;
    margin: 0 auto;
}

.twoConteiner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 1366px;
    margin: 0 auto;
}

.block {
    display: flex;
    flex-direction: column;
    /* position: relative; */
    justify-content: space-between;
    padding: 40px 40px 40px 40px;
    margin: 16.2px;
    width: 290px;
    height: 255px;
    /* left: 97px; */
    /* top: 1467.02px; */
    background: #FFFFFF;
    box-shadow: 0px 20px 50px rgba(59, 62, 67, 0.05);
    border-radius: 15px;
}

.base_1 {
    position: relative;
    left: -18px;
}

.icons8 {
    position: relative;
    left: -88px;
    top: -35px
}

.spanHeader {
    width: 281px;
    height: 60px;
    /* left: 137px; */
    /* top: 1587.02px; */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    color: #3B3E43;
}

.spanText {
    width: 305px;
    height: 72px;

    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    /* or 120% */


    color: #3B3E43;
}

.threeSlide {
    height: 1114px;
    background: linear-gradient(249.78deg, #1125D1 -0.64%, #35D3FF 103.6%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* transform: rotate(-180deg); */
}

.threeHeader {
    margin-bottom: 100px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 48px;
    line-height: 122%;
    text-align: center;
    color: #FFFFFF;
}

.threeblock {
    display: flex;
    width: 1170px;
    height: 323px;
    margin: 0px 40px 40px 40px;

    background: #FFFFFF;
    box-shadow: 0px 20px 50px rgba(59, 62, 67, 0.05);
    border-radius: 15px;
}

.report {
    width: 30%;
    /* margin: 0 auto; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.reportText {
    /* width: 65%; */
    position: relative;
    width: 587px;
    height: 170px;
    left: 120px;
    top: 60px;

    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 34px;
    /* or 155% */
    display: flex;
    justify-content: center;
    align-items: center;

    /* Desktop/ gray text */

    color: #3B3E43;
}

.fourSlide {
    /* margin-top: 150px; */
    /* margin-bottom: 150px; */
    /* margin-left: 100px; */
    display: flex;
    /* position: absolute; */
    width: fit-content;
    height: 600px;
    /* left: -191px; */
    /* top: 3629px; */
    /* display: flex; */
    margin: 150px auto 0;
}


.fourSlideOne {
    /* position: absolute; */
    width: 670px;
    height: 342px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 38px;
    color: #3B3E43;
    /* width: 722px; */
    margin: 0 0 0 45px;
    /* display: flex; */
}

.fourSlideOneSpan {
    /* position: absolute; */
    width: 846.39px;
    height: 59px;
    /* left: -191px;
top: 3629px; */

    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 48px;
    line-height: 122%;
    /* identical to box height, or 59px */

    text-align: center;

    /* Desktop/gray */

    color: #3B3E43;
}

.fourSlideTwo {
    margin-top: 30px;
}

.fiveSlide {
    /* position: absolute; */
    /* width: 1922px; */
    height: 2016px;
    /* left: 1644px;
    top: 6264px; */

    background: linear-gradient(249.78deg, #1125D1 -0.64%, #35D3FF 103.6%);
    /* transform: rotate(-180deg); */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.fiveHeader {
    padding-top: 100px;
    margin-bottom: 100px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 48px;
    line-height: 122%;
    text-align: center;
    color: #FFFFFF;

}

.fiveblock_1 {
    display: flex;
    /* position: absolute; */
    width: 1170px;
    height: 398px;
    /* left: 98px; */
    /* top: 4531px; */
    margin: 0px 40px 40px 40px;
    background: #FFFFFF;
    box-shadow: 0px 20px 50px rgba(59, 62, 67, 0.05);
    border-radius: 15px;
}

.fiveReport {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fiveReportText {
    /* margin: 0 auto; */
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    /* or 120% */


    color: #3B3E43;
}

.fiveReportText_2 {
    margin-left: 50px;
    margin-right: -100px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    padding-right: 50px;
}

.fiveReportText_3 {
    margin-left: 50px;
    /* margin-right: -100px; */
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    padding-right: 100px;
}

.fiveblock_2 {
    display: flex;
    /* position: absolute; */
    width: 1170px;
    height: 317px;
    /* left: 98px; */
    /* top: 4531px; */
    margin: 0px 40px 40px 40px;
    background: #FFFFFF;
    box-shadow: 0px 20px 50px rgba(59, 62, 67, 0.05);
    border-radius: 15px;
}

.fiveReport_1 {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 50px;
}

.sevenSlideFlex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 1366px;
    margin: 0 auto;
}

.sevenSlide {

    /* position: absolute; */
    /* width: 1922px; */
    height: 1112px;
    /* left: 1644px;
    top: 8236px; */

    background: linear-gradient(249.78deg, #35D3FF -0.64%, #1125D1 103.6%);
    /* transform: rotate(-180deg); */
}

.block_2 {
    display: flex;
    flex-direction: column;
    /* position: relative; */
    justify-content: space-between;
    padding: 40px 40px 40px 40px;
    margin: 16.2px;
    width: 430px;
    height: 252px;
    /* left: 97px; */
    /* top: 1467.02px; */
    background: #FFFFFF;
    box-shadow: 0px 20px 50px rgba(59, 62, 67, 0.05);
    border-radius: 15px;
}

.block_3 {
    display: flex;
    /* flex-direction: column; */
    /* position: relative; */
    margin-bottom: 20px;
}

.icons9 {
    position: relative;
    left: 7px;
    top: -81px;
}

.blockSvg_2 {
    height: 60px;
    width: 20%;
    position: relative;
    top: -8px;
}

.spanText_2 {
    margin-bottom: 40px;
    left: 222px;
    top: 7554.8px;

    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    /* or 120% */


    color: #3B3E43;
}

.eightHeader {
    /* position: absolute; */
    padding-top: 180px;
    width: 1362px;
    height: 59px;


    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 48px;
    line-height: 122%;
    /* identical to box height, or 59px */

    text-align: center;

    /* Desktop/gray */

    color: #3B3E43;

    width: 1366px;
    margin: 0 auto;
}

.eightSlide_1 {
    display: flex;
    width: 1366px;
    margin: 0 auto;
}

.eightSlide_1_1 {
    width: 60%;

    margin: 80px;



    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 38px;
    /* or 173% */


    color: #3B3E43;
}

.eightSlide_2_2 {
    width: 60%;
    margin: 80px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 38px;
    color: #3B3E43;
}

.eightSlide_2_1 {
    display: flex;
    justify-content: end;
    align-items: center;
    width: 40%;
    margin: 80px;
}

.eightSlide_1_2 {
    display: flex;
    /* justify-content: center; */
    align-items: center;
    width: 40%;
    margin: 80px;
}

.spanGreen {


    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 38px;
    /* or 173% */


    color: #1CADB5;
}

.nineSlide {
    /* position: absolute; */
    /* width: 1922px; */
    height: 850px;


    background: linear-gradient(249.78deg, #1125D1 -0.64%, #35D3FF 103.6%);
}

.nineSlide_1 {
    display: flex;
    /* flex-direction: column; */

    margin: 0 auto;
    /* position: absolute; */
    width: 1170px;
    height: 407px;
    /* left: 98px;
top: 9915px; */

    background: #FFFFFF;
    box-shadow: 0px 20px 50px rgba(59, 62, 67, 0.05);
    border-radius: 15px;
}

.enineSlide_1_1 {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    /* or 120% */
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 60px;
    color: #3B3E43;
    width: 55%;
}

.nineSlide_1_2 {
    margin: 20px;
    width: 45%;
}

.nineSlide_1_2>img {
    margin: 10px;
}

.futter {
    padding-top: 40px;
    padding-bottom: 40px;
    background: #1F2873;
    display: flex;
    height: max-content;
    /* height: 168px; */
}

#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    cursor: pointer; /* Add a mouse pointer on hover */
    font-size: 18px; /* Increase font size */
    height: 70px;
    background: none;
  }

  /* #myBtn:hover {
    background-color: #555;
  } */

  #myBtn > img {
    height: inherit;
  }