@media (max-width: 529px) {
    .m-none {
        display: none;
    }

    .m-p-15 {
        padding: 15px;
    }

    .frame-wrapper {
        align-self: stretch;
        padding-left: 16px;
        padding-right: 16px;
        overflow: hidden;
        border-top-left-radius: 24px;
        border-top-right-radius: 24px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        display: flex;
    }

    .frame-wrapper .frame-17 {
        height: auto;
        align-self: stretch;
        padding: 16px;
        background: #ECECEC;
        overflow: hidden;
        border-radius: 24px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        display: flex;
    }

    .frame-wrapper .frame-18 {
        align-self: stretch;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 16px;
        display: flex;
    }

    .frame-wrapper .frame-19 {
        align-self: stretch;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 24px;
        display: flex;
    }

    .frame-wrapper .frame-20 {
        width: auto;
        margin-right: 0;
        align-self: stretch;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 8px;
        display: flex;
    }

    .frame-wrapper .text-wrapper-10 {
        align-self: stretch;
        color: black;
        font-size: 24px;
        font-family: Inter;
        font-weight: 900;
        line-height: 33.60px;
        word-wrap: break-word;
    }

    .frame-wrapper .text-wrapper-11 {
        width: auto;
        height: auto;
        align-self: stretch;
        color: #808080;
        font-size: 18px;
        font-family: Inter;
        font-weight: 400;
        line-height: 23.40px;
        word-wrap: break-word;
    }

    .frame-wrapper .frame-21 {
        width: 100%;
        align-self: stretch;
        height: 56px;
        padding-left: 24px;
        padding-right: 24px;
        padding-top: 16px;
        padding-bottom: 16px;
        background: #FF2E1F;
        border-radius: 16px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        display: inline-flex;
    }

    .frame-wrapper .text-wrapper-12 {
        text-align: center;
        color: white;
        font-size: 18px;
        font-family: Inter;
        font-weight: 700;
        word-wrap: break-word;
    }

    .frame-wrapper .frame-22 {
        align-self: stretch;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        gap: 8px;
        display: flex;
        width: auto;
    }

    .frame-wrapper .frame-23 {
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        gap: 8px;
        display: flex;
    }

    .frame-wrapper .frame-23 .image-wrapper,
    .frame-wrapper .frame-23 .img-wrapper {
        width: 104px;
        height: 104px;
        flex-shrink: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        background: #787878;
        overflow: hidden;
        border-radius: 9.86px;
    }

    .frame-wrapper .frame-24 {
        flex-direction: row;
        height: 97px;
        position: relative;
        /* background: #787878; */
        overflow: hidden;
        border-radius: 9.86px;
    }

    .home .frame-23 .image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .home .img-wrapper {
        border-radius: 9.86px;
    }








    .home .div-2 {
        align-self: stretch;
        text-align: center;
        padding-bottom: 12px;
    }


    .div-2 .span {
        color: black;
        font-size: 24px;
        font-family: Inter;
        font-weight: 700;
        line-height: 31.20px;
        word-wrap: break-word;
    }

    .div-2 .text-wrapper-13 {
        color: #6E6E6E;
        font-size: 24px;
        font-family: Inter;
        font-weight: 700;
        line-height: 31.20px;
        word-wrap: break-word;
    }

    .home .vector {
        height: 150px;
        bottom: 12px;
        right: 12px;
        position: absolute;
        width: 150px;
        top: auto;
        left: auto;
    }



    .home .text-wrapper-14 {
        position: relative;
        width: auto;
        margin-top: -1.00px;
        background: linear-gradient(118deg, rgba(255, 255, 255, 1) 0%, rgba(153, 153, 153, 1) 100%);
        -webkit-background-clip: text !important;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        text-fill-color: transparent;
        font-weight: 900;
        color: transparent;
        font-size: 24px;
        line-height: 24px;
        font-family: "Inter", Helvetica;
        letter-spacing: 0;
    }

    .home .frame-25 {
        padding: 24px;
    }

    .home .frame-27 {
        flex-direction: column;
    }

    .home .frame-28,
    .home .frame-29,
    .home .frame-30 {
        gap: 16px;
    }

    .home .text-wrapper-19 {
        width: auto;
        top: 16px;
        left: 32px;
        font-size: 24px;
    }

    .home .frame-31 {
        flex-direction: column;
    }

    .home .text-wrapper-16,
    .home .text-wrapper-17,
    .home .text-wrapper-18 {
        font-weight: 300;
        font-size: 20px;
        line-height: 24px;
    }

    .home .text-wrapper-17 {
        width: auto;
    }

    .home .img-3 {
        width: 36px;
        height: 36px;
    }

    .home .frame-33 {
        height: 244px;
        padding: 30px 30px 32px;
    }

    .home .container.what-waiting-you {
        padding: 88px 30px 30px;
    }

    .home .frame-35 {
        padding: 0;
    }

    .home .frame-35>p {
        font-size: 24px;
        text-align: left;
    }

    .home .frame-37,
    .home .frame-38,
    .home .frame-39,
    .home .frame-40 {
        padding: 18px;
    }

    .home .frame-36 .text-wrapper-21,
    .home .frame-36 .text-wrapper-22,
    .home .frame-36 .text-wrapper-23 {
        font-size: 18px;
    }

    .home .frame-44 {
        flex-direction: column;
    }

    .home .frame-42 .img {
        width: 38px;
        height: 38px;
        gap: 46px;
    }

    #career {
        padding-left: 15px;
        padding-right: 15px;
    }

    .home .container-3 {
        padding: 32px 15px;
    }

    .home .view {
        gap: 12px;
        align-items: flex-start;
        padding: 16px;
        flex-direction: column;
    }

    .home .text-wrapper-28 {
        font-size: 24px;
    }

    .home .frame-48 {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        width: 100%;
        height: auto;
        padding: 16px;
    }

    .home .frame-49 {
        width: 100%;
    }

    .home .text-wrapper-29 {
        font-size: 24px;
        text-align: left;
    }

    .home .container-4 {
        padding: 15px;
    }

    .home .frame-51 {
        padding: 15px;
    }

    .home .frame-52 {
        flex-direction: column;
    }

    .home .frame-53 {
        width: 100%;
        height: auto;
        padding: 42px 32px;
    }

    .home .allur-qadam {
        width: auto;
        font-size: 32px;
    }

    .home .container-5 {
        padding: 15px;
        overflow: visible;
    }

    .home .container-6 {
        padding: 32px;
    }

    .home .overlap-group-2 {
        position: relative;
        background-image: url(/img/allur-1.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position-y: -2px;
        background-position-x: -555px;
        height: 721px;
        border-radius: 20px;
        left: -15px;
    }

    .home .frame-57 {
        width: auto;
        height: 100%;
        gap: 0;
    }

    .home .frame-58 {
        width: auto;
        flex-grow: 1;
        justify-content: space-between;
    }

    .home .text-wrapper-35 {
        width: 50%;
    }

    .home .text-wrapper-34 {
        width: 100%;
        font-size: 32px;
        white-space: normal;
    }

    .home .img {
        width: 32px;
        height: 32px;
    }

    .home .frame-60 {
        margin-bottom: 20px;
    }

    .home .frame-61 {
        padding: 15px;
        flex-grow: 0;
    }

    .home .text-wrapper-23,
    .home .text-wrapper-36 {
        font-size: 20px;
    }

    .home .frame-62 {
        flex-direction: column;
        gap: 16px;
        align-items: flex-start;
    }
}