* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "DM Sans", sans-serif;
}
.dm-sans {
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: weight;
  font-style: normal;
}

button {
    cursor: pointer;
}

a {
    text-decoration: none;
}


.header-hero-block {
    display: flex;
    justify-content: space-between;
    padding: 20px 140px;
    background-color: #fff;
    margin-bottom: 97px;
}
.header-btns {
    display: flex;
    align-items: center;
}
.lan-sel {
    display: flex;
}
.ll-text {
    font-size: 18px;
    color: #999999;
    margin-right: 44px;
}
.sign-in-btn {
    background-color: #FF7C30;
    color: #fff;
    height: 54px;
    width: 145px;
    border: none;
    border-radius: 30px;
    font-weight: 700;
    font-size: 20px;
}
.mob-hhr {
    display: none;
}




.load-page-hero-block {
    padding: 0 140px;
    position: relative;
}
.load-page-hero-block .title-load-page {
    font-weight: 700;
    font-size: 52px;
    color: #1A1A31;
    margin-bottom: 24px;
}
.load-page-hero-block .des-load-page {
    font-size: 24px;
    color: #1A1A31;
    margin-bottom: 40px;
}
.load-page-hero-block .create-btn {
    background-color: #FF7C30;
    color: #fff;
    height: 73px;
    width: 289px;
    font-weight: 700;
    font-size: 20px;
    border: none;
    border-radius: 40px;
}


.side2-lp {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    overflow: hidden;
}
.load-page-hero-block .temp-block {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}
.load-page-hero-block .temp-photo {
    position: relative;
    margin-top: 114px;
}
.load-page-hero-block .temp2-photo {
    position: relative;
}
.load-page-hero-block .temp2-photo img {
    max-width: 390px;
}

/* .load-page-hero-block .ellipse-img {
    position: absolute;
    z-index: 0;
    top: 51px;
    right: 0;
    overflow: hidden;
} */
.right-lp::before {
  content: "";
  position: absolute;
  width: 739px;
  height: 739px;
  border-radius: 50%;
  background-color: #FF7C30;
  top: 51px;
  z-index: 0;
}
.load-page-hero-block .phone-img {
    position: relative;
    max-width: 100%;
    z-index: 1;
    margin-right: 131px;
}

.load-page-hero-block .phone-img img {
    max-width: 100%;
    height: auto;
    position: relative;
}

.load-page-hero-block .right-lp {
    position: relative;
}


.load-page-hero-block .title-block {
    font-weight: 700;
    font-size: 46px;
    color: #1A1A31;
    margin-bottom: 20px;
}


.load-page-hero-block .categories-hero {
    display: flex;
    justify-content: center;
    margin-bottom: 56px;
    flex-wrap: nowrap;
    gap: 20px;
}
.load-page-hero-block .cat-block {
    height: 542px;
    width: 504px;
    text-align: center;
    background-color: #fff;
    border-radius: 32px;
    padding: 42px 21px;
}
.load-page-hero-block .title-cat-block {
    font-weight: 600;
    font-size: 28px;
    color: #1A1A31;
    margin-bottom: 8px;
}
.load-page-hero-block .des-cat-block {
    font-size: 20px;
    margin-bottom: 42px;
}

.load-page-hero-block .pl-ads {
    font-weight: 500;
    font-size: 24px;
    color: #fff;
    padding: 24px 32px;
    background-color: #4789F7;
    border-radius: 24px;
    max-width: 1081px;
    height: 79px;
    margin: 0 auto;
    text-align: center;
}


.load-page-hero-block .phones-ex {
    padding: 116px 140px 128px;
    display: flex;
    justify-content: center;
    gap: 107px;
    flex-wrap: nowrap;
    overflow: hidden;
}





.load-page-hero-block .steps-hero-block {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.load-page-hero-block .step-block {
    max-width: 411px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
    z-index: 1;
}
.load-page-hero-block .num-block {
    height: 247px;
    width: 208px;
    background-color: #4789F7;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 20px;
}
.load-page-hero-block .num-text {
    font-weight: 800;
    font-size: 52px;
    color: #fff;
    margin-bottom: 10px;
}
.load-page-hero-block .title-step-block {
    font-weight: 700;
    font-size: 24px;
    color: #1A1A31;
    margin-bottom: 12px;
}
.des-step-block {
    font-size: 20px;
    color: #1A1A31;
}
.load-page-hero-block .line-ln {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 350px;
    text-align: center;
}
.load-page-hero-block .line-ln img {
    object-fit: cover;
    max-width: 100%;
}

.load-page-hero-block .feed-srll-hero-block {
    display: flex;
    justify-content: space-between;
}



/* карусель */
.load-page-hero-block .carousel {
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-bottom: 64px;
}

.load-page-hero-block .carousel-track {
  display: flex;
  gap: 80px;
  transition: transform 0.5s ease-in-out;
  will-change: transform;

  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.load-page-hero-block .carousel-track.ready {
  visibility: visible;
  position: relative;
}

.load-page-hero-block .carousel-slide {
  flex: 0 0 390px;
  list-style: none;
  display: flex;
  justify-content: center;
}

.load-page-hero-block .carousel-slide img {
  width: 390px;
  height: auto;
  display: block;
}



.load-page-hero-block .ask-hero-block {
    max-width: 1100px;
    max-height: 624px;
    padding: 32px;
    background-color: #fff;
    border-radius: 44px;
    margin: 0 auto;
}
.load-page-hero-block .ask-block {
    border-bottom: 1px #352D284D solid;
    padding-bottom: 12px;
    margin-bottom: 32px;
}
.load-page-hero-block .ask-block:nth-last-child(1) {
    margin-bottom: 0;
    border-bottom: none;
}
.load-page-hero-block .title-ask {
    font-weight: 600;
    font-size: 24px;
    color: #1A1A31;
    margin-bottom: 12px;
}
.load-page-hero-block .des-ask {
    font-size: 20px;
    color: #1A1A31;
}


.footer-menu {
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    align-items: center;
    padding: 47px 140px;
}
.footer-menu .copy-text {
    font-size: 20px;
    color: #1A1A31;
}
.footer-menu .policy-privacy {
    font-size: 20px;
    color: #FF7C30;
}
.mob-fm {
    display: none;
}





#scrollToTopBtn {
  position: fixed;
  bottom: 80px;
  right: 80px;
  width: 88px;
  height: 88px;
  background-color: #fff;
  color: white;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  font-size: 24px;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  transition: opacity 0.3s ease;
  border: 2px #F1F1F1 solid;
}



@media screen and (max-width: 1700px) {
    .load-page-hero-block .title-load-page {
        font-size: 48px;
    }
    .load-page-hero-block .des-load-page {
        font-style: 22px;
    }
    .load-page-hero-block .phone-img img {
        max-width: 100%;
    }
    .load-page-hero-block .right-lp {
        margin-left: 20px;
    }
    .load-page-hero-block .temp-photo {
        margin-right: 20px;
    }
    .load-page-hero-block .title-block {
        font-size: 42px;
    }
    .load-page-hero-block .cat-block {
        width: 480px;
        height: 462px;
    }
    .load-page-hero-block .cat-block-img {
        width: 250px;
        height: 250px;
    }
    .load-page-hero-block .title-cat-block {
       font-size: 24px; 
    }
    .load-page-hero-block .des-cat-block {
       font-size: 18px; 
    }
}


@media screen and (max-width: 1500px) {
    .temp-photo, .temp2-photo {
        display: none;
    }

    .header-hero-block {
        display: none;
    }
    .mob-hhr {
        padding: 12px 16px;
        display: flex;
        justify-content: space-between;
        background-color: #fff;
        margin-bottom: 52px;
        align-items: center;
    }
    .mob-hhr .ll-text {
        margin-right: 0;
    }
    .site-logo {
        width: 72px;
        height: 32px;
    }
    .sign-in-btn {
        font-size: 16px;
        width: 85px;
        height: 40px;
    }



    .load-page-hero-block {
        padding: 0 16px;
        margin-bottom: 26px;
    }
    .phone-lphb {
        padding: 0 !important;
        flex-direction: column;
    }
    .right-lp::before {
        display: none;
    }
    .phone-ibl {
        padding: 0 16px;
        margin-bottom: 34px;
    }
    .load-page-hero-block .title-load-page {
        font-size: 24px;
    }
    .load-page-hero-block .des-load-page {
        font-size: 16px;
        margin-bottom: 20px !important;
    }
    .load-page-hero-block .create-btn {
        width: 100% !important;
        height: 52px;
        font-size: 16px;
    }
    .load-page-hero-block .title-block {
        font-size: 20px;
    }
    .load-page-hero-block .phone-img {
        position: relative;
        right: auto;
        display: flex;
        align-items: center;
        width: 100%;
        overflow: hidden;
    }
    .load-page-hero-block .ellipse-ph {
        position: absolute;
        width: 562px;
        height: 483px;
        background-color: #FF7C30;
        border-radius: 50%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 0;
    }
    .load-page-hero-block .phone-img img {
        max-width: 255px;
        position: relative;
        margin: 0 auto;
    }
    .load-page-hero-block .ellipse-img {
        display: none;
    }
    .load-page-hero-block .phones-ex {
        padding: 26px 0;
        gap: 24px;
        justify-content: center;
    }
    .load-page-hero-block .phone {
        max-width: 192px;
    }

    .load-page-hero-block .categories-hero {
        flex-wrap: wrap;
        gap: 16px;
        margin-bottom: 20px;
    }
    .load-page-hero-block .cat-block {
        display: flex;
        flex-direction: row-reverse;
        height: 137px;
        align-items: flex-start;
        text-align: left;
        padding: 20px 16px;
        justify-content: space-between;
    }
    .load-page-hero-block .cat-block-img {
        width: 64px;
        display: flex;
    }
    .load-page-hero-block .title-cat-block {
        font-weight: 600;
        font-size: 18px;
        margin-bottom: 8px;
    }
    .load-page-hero-block .des-cat-block {
        font-weight: 400;
        font-size: 16px;
    }

    .load-page-hero-block .pl-ads {
        font-size: 16px;
        padding: 16px;
        height: auto;
        font-weight: 400;
    }
    .load-page-hero-block .line-ln {
        display: none;
    }
    .load-page-hero-block .title-step-block {
        font-weight: 600;
        font-size: 18px;
    }
    .load-page-hero-block .des-step-block {
        font-weight: 400;
        font-size: 16px;
    }
    .load-page-hero-block .num-block {
        height: 165px;
        width: 140px;
    }
    .load-page-hero-block .num-block img {
        width: 52px;
    }
    .load-page-hero-block .num-text {
        font-size: 36px;
    }
    .load-page-hero-block .steps-hero-block {
        gap: 32px;
        justify-content: center;
    }
    .load-page-hero-block .slider-ibl {
        padding: 16px 32px !important;
    }
    .load-page-hero-block .title-ask {
        font-weight: 600;
        font-size: 16px;
    }
    .load-page-hero-block .des-ask {
        font-weight: 400;
        font-size: 16px;
    }
    .load-page-hero-block .ask-hero-block {
        padding: 16px;
        border-radius: 24px;
    }

    .load-page-hero-block .btn-slider {
        padding: 16px;
    }



    .footer-menu {
        display: none;
    }
    .mob-fm {
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: 28px;
        padding: 24px;
        background-color: #fff;
    }
    .mob-fm .policy-privacy {
        font-size: 14px;
        color: #FF7C30;
    }
    .mob-fm .copy-text {
        font-size: 14px;
        color: #1A1A31;
    }


    #scrollToTopBtn {
        width: 44px;
        height: 44px;
        right: 16px;
        bottom: 16px;
    }
    #scrollToTopBtn img {
        width: 22px;
        height: 22px;
    }
}