*,
*::before,
*::after {
    padding: 0;
    margin: 0;
    border: 0;
    box-sizing: border-box;
}

a {
    text-decoration: none;
}

ul,
ol,
li {
    list-style: none;
}

img {
    vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: inherit;
    font-size: inherit;
}

html,
body {
    height: 100%;
    line-height: 1;
}

/* -------------------------------------------- */

.main {
    flex: 1 1 auto;
}

body {
    position: relative;
    font-family: Roboto;
    font-size: 18px;
    color: #94A2B3;
    z-index: -2;
}

.wrapper {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

/* ------------------------------------- */

._ibg {
    position: relative;
}

._ibg img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.main-block__image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.figure {
    position: absolute;
    left: 53%;
    right: -41.88%;
    top: -9.72%;
    bottom: 81.76%;
}

.p {
    background: linear-gradient(180deg, #E5EFFF 0%, rgba(229, 239, 255, 0.26) 83.70%, rgba(229, 239, 255, 0.00) 100%);
}

/* =====Header==================================================================== */

.header {
    width: 100%;
    left: 0;
    right: 0;
    z-index: 50;
}

.header__container {
    display: flex;
    align-items: center;
    padding: 45px 10px 0px 10px;
}

.header__menu {
    padding: 0px 0px 5px 144px;
}

.menu {
    flex: 1 1 auto;
}

.menu__body {
    display: flex;
}

.menu__list {   
    display: flex;
}

.menu__item:not(:last-child) {
    padding: 0px 38px 0px 0px;
}

.menu__link {
    color: #272D4E;
    font-weight: 500; 
}

.menu__link:hover {
    text-decoration: underline;
}

/* ----------------------- */

.header__buttons {
    padding: 0px 0px 5px 0px;
}

.header__link {
    padding: 0px 38px 0px 0px;
    color: #272D4E;
    font-weight: 500
}

.header__link:hover {
    text-decoration: underline;
}

.header__link__white {
    color: #FFFFFF;
    background: #7854F7;
}

.header__link__white:hover {
    background: #6444da;
}

.header__button {
    padding: 13px 14px 13px 14px;
    border-radius: 5px;
    margin: 0px 30px 0px 0px;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease;
}

.header__lop {
    cursor: pointer;
    position: relative;
    z-index: 1;
}

/* ==burger=============================================*/

/* --taisam burgeru----------*/
.header__burger {
    display: none;
    position: relative;
    z-index: 50;
    align-items: center;
    justify-content: flex-end;
    width: 30px;
    height: 18px;
    margin: 0px 0px 5px 20px;
}

.header__burger span {
    height: 2px;
    width: 80%;
    transform: scale(1);
    background-color: #000;
}

.header__burger::before, .header__burger::after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    background-color: #000;
    transition: all 0.3s ease 0s;
}

/* --Lai varētu redzēt burgeru-----------------*/
.header__burger::before {top: 0}

.header__burger::after {bottom: 0}

/* --taisam krustiņu--------------- */
.header__burger.active span {transform: scale(0);}

.header__burger.active::before {
    top: 50%;
    transform: rotate(-45deg) translate(0, -50%);
    background-color: #fff;
}

.header__burger.active::after {
    top: 50%;
    transform: rotate(45deg) translate(0, 50%);
    background-color: #fff;
}

/* --lai burgers atvertos vaļā------------------- */

.open {
    display: flex !important;
}

/* ==building============================================= */

.building {
    margin: 0px 0px 0px 0px;
}

.building__container {
    display: flex;
    padding: 0px 10px 0px 10px;
    align-items: center;
}

.building__body {
    min-width: 950px;
    padding: 0px 0px 0px 165px;
    margin: -73px 0px 0px 0px;
}

.body-building__title {
    color: #272D4E;
    font-weight: 700;
    font-size: 85px;
    line-height: 112%;
    max-width: 818px;
}

.body-building__text {
    max-width: 716px;
    line-height: 139%;
    padding: 29px 0px 0px 0px;;
}

.body-building__buttons {
    display: flex;
    align-items: center;
    padding: 31px 0px 0px 0px;
}

.body-building__button {
    background: #7854F7;
    border-radius: 60px;
    padding: 25px 63px 25px 63px;  
    margin: 0px 12px 0px 0px;
    justify-content: center;
    transition: all 0.3s ease;
    cursor: pointer;
}

.body-building__link {
    color: #FFFFFF;
    font-weight: 500;
    line-height: 21px;
}

.body-building__button:hover {
    background: #6444da;
}

.body-building__link__blue {
    color: #299EF3;
}

.body-building__link__blue:hover {
    text-decoration: underline;
}

.body-building__link__blue span {
    color: #94A2B3;
}

/* ------------------------------------------- */

.building__content {
    margin: 100px 0px 0px 62px;
    max-width: 100%;
    z-index: 2;
}

/* ==simple================================================ */

.simple {
    margin: 0;
}

.simple__container {
    margin: 0;
}

.simple__title {
    color: #272D4E;
    text-align: center;
    margin: auto;
    font-size: 55px;
    font-family: Inter;
    font-weight: 700;
    line-height: 70px;
    max-width: 557px;
    padding: 0px 0px 56px 0px;
}

.simple__content {
    display: flex;
}

.content-simple__column {
    margin: 0;
}

#simple-column-2 {
    padding: 75px 0px 0px 0px;
}

#simple-column-3 {
    padding: 150px 0px 0px 0px;
}

.content-simple__column:first-child {
    margin: 0px 0px 0px 165px
}

.content-simple__column:not(:last-child) {
    padding: 0px 20px 0px 0px;
}

/* ------------------------------------------------------- */

.simple-column__play {
    position: absolute;
    margin: 40px 0px 0px -20px;
}

.simple-column__payment {
    position: absolute;
    margin: 58px 0px 0px -105px;
}

.simple-column__square {
    position: absolute;
    margin: -42px 0px 0px 48px;
}

.simple-column__mail {
    position: absolute;
    margin: 19px 0px 0px 289px;
}

.simple-column__facebook {
    position: absolute;
    margin: 112px 0px 0px 48px;
}

.simple-column__jetPack {
    position: absolute;
    margin: 134px 0px 0px 229px;
}

.simple-column__google {
    position: absolute;
    margin: 249px 0px 0px 153px;
}

.simple-column__humans {
    position: absolute;
    margin: -133px 0px 0px 268px;
}

.simple-column__laptop {
    position: absolute;
    margin: -50px 0px 0px 32px;
}

.simple-column__girls {
    position: absolute;
    margin: 115px 0px 0px 328px;
}

/* ----------------------------------------------------- */

.simple-column__image {
    margin: 0px 0px 0px -55px;
}

.simple-column__title {
    color: #272D4E;
    font-size: 36px;
    font-family: Inter;
    font-weight: 700;
    line-height: 70px;
    margin: -30px 0px 0px 0px;
}

.simple-column__text {
    display: flex;
    width: 430px;
    color: #94A2B3;
    font-size: 18px;
    font-family: Roboto;
    line-height: 30px;
    padding: 5px 0px 25px 0px;
}

.simple-column__link {
    margin: 0px 0px 0px 3px;
    color: #299EF3;
    font-size: 18px;
    font-family: Roboto;
    font-weight: 700;
    line-height: 25px;
}

.simple-column__link:hover {
    text-decoration: underline;
}

/* ==develop============================================================= */

.develop {
    margin: 114px 0px 0px 0px;   
}

.container__develop {
    background-image: url(image-commerce/develop/develop-back.jpg);
    max-height: 1110px;
    z-index: 1;
    background-size: cover;
    background-position: center;
    position: relative;
    width: 100%;
}

.develop__body {
    display: flex;
    justify-content: center;
}

.body-develop__image {
    position: relative;
    margin: -70px 70px 0px 0px;
}

.body-develop__image-2 {
    position: relative;
    margin: -40px 0px 0px 10px;
}

.develop__column {
    flex-direction: column;
}

.develop__column-2 {
    margin: 0px 0px 0px 600px;
}

.body-develop__title {
    max-width: 280px;
    color: #FFF;
    font-size: 36px;
    font-family: Inter;
    font-weight: 700;
    margin: 87px 0px 13px 0px;
    line-height: 50px;
}

.body-develop__title-2 {
    margin: 20px 0px 13px 0px;
    max-width: 289px;
}

.body-develop__text {
    width: 480px;
    color: #FFF;
    font-size: 18px;
    font-family: Roboto;
    line-height: 30px;
    margin: 0px 0px 60px 0px;
}

.body-develop__button {
    transition: all 0.3 ease;
}

.body-develop__button-link {
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-family: Roboto;
    font-weight: 500;
    transition: all 0.3s ease;
    background: #70C217;
    padding: 22px 26px 22px 26px;
    border-radius: 60px;
}

.body-develop__button-link:hover {
    color: #70C217;
    background: #ffffff;
}

/* --------------------------------------- */

.develop__ellipse {
    position: absolute;
    z-index: -1;
    margin: 243px 0px 0px -40px;
}

.develop__ellipse-small {
    position: absolute;
    margin: 200px 0px 0px -60px;
}

.develop__ellipses {
    position: absolute;
    z-index: -1;
    margin: 447px 0px 0px -30px;
}

.develop__woo {
    position: absolute;
    margin: -23px 0px 0px 1314px;
}

.develop__ellipse-small-2 {
    position: absolute;
    z-index: 1;
    margin: 0px 0px 0px 157px;
}

.develop__ellipse-amount {
    position: absolute;
    z-index: -1;
    margin: 22px 0px 0px 366px;
}

.develop__ellipses-2 {
    position: absolute;
    z-index: -1;
    margin: 238px 0px 0px 366px;
}

/* ==store=================================================== */

.store {
    margin: 237px 0px 0px 0px;
    background: linear-gradient(180deg, rgba(236, 240, 253, 0.00) 0%, rgba(236, 240, 253, 0.53) 14.32%, #ECF0FD 45.83%, rgba(236, 240, 253, 0.43) 84.33%, rgba(236, 240, 253, 0.00) 100%);
}

.store__container {
    justify-content: center;
    position: relative;
    margin: auto;
    align-items: center;
}

.store__title {
    color: #272D4E;
    font-size: 55px;
    font-family: Inter;
    font-weight: 700;
    line-height: 70px;
    max-width: 600px;
    margin: auto;
    padding: 0px 0px 103px 0px;
    text-align: center;
}

.store__block {
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0px 18px 52.85371780395508px 0px rgba(215, 228, 249, 0.50);
    max-width: 730px;
    margin: auto;
    position: relative;
    z-index: 1;
}

.block-store__img {
    position: relative;
    text-align: center;
    padding: 30px 0px 0px 0px;
    margin: 0px 0px -196px 0px;
    z-index: 2;
}

.block-store__text {
    color: #94A2B3;
    text-align: center;
    font-size: 26.7px;
    line-height: 39.5px;
    max-width: 700px;
    margin: auto;
    padding: 106px 82px 87px 82px;
    position: relative;
    z-index: 3;
}

/* ---------------------------------- */

.store__01 {
    position: absolute;
    margin: -158px 0px 0px 336px
}

.store__02 {
    position: absolute;
    margin: -180px 0px 0px 1276px;
}

.store__03 {
    position: absolute;
    margin: 50px 0px 0px 47px;
}

.store__04 {
    position: absolute;
    margin: 87px 0px 0px 1478px;
}

.store__05 {
    position: absolute;
    margin: 401px 0px 0px 201px;
}

.store__06 {
    position: absolute;
    margin: 465px 0px 0px 1380px
}

.store__ellipses {
    position: absolute;
    margin: 309px 0px 0px 419px;
}

.store__ellipses-2 {
    position: absolute;
    margin: 28px 0px 0px 925px;
}

.store__right {
    position: absolute;
    margin: 483px 0px 0px 1129px
}

.store__left {
    position: absolute;
    margin: 487.40px 0px 0px 1069px;
}

/* ==people============================================== */

.people {
    margin: 427px 0px 0px 0px;
}

.people__container {
    margin: auto;
}

.people__title {
    font-family: Inter;
    color: #272D4E;
    text-align: center;
    font-size: 55px;
    font-weight: 700;
    line-height: 70px;
    margin: 0px 0px 31px 0px;
}

.people__text {
    color: #94A2B3;
    text-align: center;
    font-size: 18px;
    line-height: 25px;
    max-width: 660px;
    margin: auto;
}

.people__images {
    margin: 16px 0px 0px 0px;
    text-align: center;
}

/* --img------------------------------------------------------ */

.people__humans {
    position: relative;
    z-index: 2;
    max-width: 100%;
}

.people__grey {
    position: relative;
    margin: -197px 0px 0px 0px;
    max-width: 100%;
}

.people-ellipse__big {
    position: absolute;
    z-index: 1;
    margin: 92px 0px 0px 45px;
}

.people-ellipse__small {
    position: absolute;
    z-index: 1;
    margin: 213px 0px 0px 139px;
}

.people-ellipse__medium {
    position: absolute;
    z-index: 1;
    margin: -259px 0px 0px -120px;
}

.people-ellipses__green {
    position: absolute;
    z-index: 1;
    margin: 270px 0px 0px 28px;
}

.people-ellipses__red {
    position: absolute;
    z-index: -1;
    margin: 146px 0px 0px -311px;
}

/* ----------------------------------------------------------- */

.people__box {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    margin: -182px 0px 0px 0px;
    background-color: #5F37EF;
}

.box-people__text {
    color: #FFF;
    font-size: 36px;
    font-family: Roboto;
    line-height: 52.5px;
    max-width: 855px;
    padding: 78px 0px 78px 0px;
    margin: 0px 67px 0px 147px;
}

.box-people__button {
    border-radius: 60px;
    border: 2px solid #FFF;
    padding: 26px 46px 25px 45px;
    cursor: pointer;
    transition: box-shadow 0.3s ease;
}

.box-people__button:hover {
    box-shadow: 0 0 5px 2px #fff;
}

.box-people__button a {
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
}

/* ==footer============================================================ */

.footer {
    background-color: #7854F7;
}

.footer__body {
   display: flex;
   justify-content: center;
   padding: 45px 0px 0px 0px;
   
}

.footer__z {
    margin: 0px 0px 34px 0px;
    
}

.footer__str {
    display: flex;
    align-items: center;
    margin: 0px 0px 135px 0px;
}

.footer__str:not(:last-child) {
    padding: 0px 118px 0px 0px;
}

.str-footer__img {
    padding: 0px 15px 0px 0px;
}

.str-footer__text {
    color: #FFF;
    font-size: 20px;
    line-height: 52.5px;
}

.footer__logo {
    display: flex;
    margin: auto;
    justify-content: center;
}

/* ------------------------------------------------------- */

.footer__hr {
    border-bottom: 1px solid gray;
    max-width: 1480px;
    display: flex;
    margin: auto;
    padding: 56px 0px 0px 0px;
}

.footer__content {
    display: flex;
    justify-content: center;
    padding: 0px 0px 64px 0px;
}

.footer__list:not(:last-child) {
    padding: 0px 138px 0px 0px;
}

.footer__item a {
    color: #FFF;
    font-size: 12px;
    line-height: 22px;
}

.footer__item:hover {
    text-decoration: underline;
}

.footer__item-wait:hover {
    text-decoration: none;
}

.footer__item-wait {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 52.5px;
    text-transform: uppercase;
}

/* ---------------------------------------------------- */

.x {
    background: #FFF;
}

.footer__under {
    display: flex;
    align-items: center;
    padding: 26px 15px 22px 15px;
    max-width: 1510px;
    justify-content: center;
    margin: auto;
}

.under-footer__img a:not(:last-child) {
    margin: 0px 54px 0px 0px;
}

.under-footer__link {
    color: #272D4E;
    text-align: center;
    font-size: 12px;
    line-height: 22px;
    margin: auto;
}

.under-footer__link span {
    text-decoration: underline;
}

.under-footer__icon img {
    max-width: 100%;
}

.people__ellipse {
    position: absolute;
    margin: 220px 0px 0px 1500px;
}