.ipad-pro {
    background-color: #ffffff;
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    gap: 20px;
    padding: 20px;
    box-sizing: border-box;
    overflow-y: auto;
}

.ipad-pro .div {
    background-color: #ffffff;
    overflow: hidden;
    width: 1080px;
    height: 1920px;
    position: relative;
}

.ipad-pro .main-cont{
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
    overflow-y: auto;
    margin-top: 165px;
    padding-bottom: 175px;
}

.ipad-pro .main-cont::-webkit-scrollbar {
    display: none;
}
.ipad-pro .overlap {
    position: absolute;
    width: 1024px;
    height: 163px;
    top: 0;
    left: 0;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;

}

.ipad-pro .text-wrapper {
    top: 115px;
    left: 790px;
    font-family: "Gilroy-Medium", Helvetica;
    font-weight: 500;
    font-size: 24px;
    text-align: right;
    white-space: nowrap;
    position: absolute;
    color: #000000;
    letter-spacing: 0;
    line-height: Truepx;
}

.ipad-pro .layer {
    position: absolute;
    width: 57px;
    height: 57px;
    top: 40px;
    left: 923px;
}

.ipad-pro .img {
    left: 846.52px;
    position: absolute;
    width: 57px;
    height: 57px;
    top: 40px;
}

.ipad-pro .layer-2 {
    left: 769.76px;
    position: absolute;
    width: 57px;
    height: 57px;
    top: 40px;
}

.ipad-pro .layer-3 {
    left: 693px;
    position: absolute;
    width: 57px;
    height: 57px;
    top: 40px;
}

.ipad-pro .rus {
    left: 616px;
    position: absolute;
    width: 57px;
    height: 57px;
    top: 40px;
}

.ipad-pro .master-logos {
    position: absolute;
    width: 153px;
    height: 105px;
    top: 26px;
    left: 52px;
}

.ipad-pro .overlap-group {
    width: 94%;
    height: 20%;
    padding: 43px;
    box-sizing: border-box;
    display: flex;
    position: relative;
    margin-top: 30px;
    margin-left: 40px;
    border-radius: 20px;
    overflow: hidden;
    background:
            linear-gradient(90deg, rgba(217, 217, 217, 0.00) 0%, rgba(0, 0, 0, 0.40) 100%),
            var(--bg-image),
            #d9d9d9;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.ipad-pro .arabic{
    left: 540px;
    position: absolute;
    top: 40px;
    cursor: pointer;
}

.ipad-pro .overlap-group-2 {
    display: none;
    overflow: hidden;
    width: 1024px;
    height: 117px;
    position: absolute;
    top: 163px;
    left: 0;
    overflow-x: auto;
    padding: 30px;
    gap: 20px;
}
.ipad-pro .overlap-group-2::-webkit-scrollbar {
    display: none;  /* Скрыть полосу прокрутки */
}

.ipad-pro .text-wrapper-2 {
    font-family: "Gilroy-Bold", sans-serif;
    font-weight: 700;
    color: #ffffff;
    font-size: 62.4px;
    letter-spacing: 0;
    line-height: Truepx;
    text-align: center;
}

.ipad-pro .div-wrapper {
    position: absolute;
    width: 953px;
    height: 279px;
    top: 589px;
    left: 40px;
    background-color: #d9d9d9;
}

.overlap-group-2 .categories-group {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 266px;
    height: 47px;
    background-color: #f4f4f4;
    border-radius: 20px;
    border: 1px solid;
    border-color: #000000;
}

.categories-group .text-wrapper-3 {
    font-family: "Inter-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 25px;
    letter-spacing: 0;
    line-height: Truepx;
    white-space: nowrap;
}


.ipad-pro .text-wrapper-100 {
    top: 115px;
    left: 790px;
    font-family: "Gilroy-Medium", Helvetica;
    font-weight: 500;
    font-size: 24px;
    text-align: right;
    white-space: nowrap;
    position: absolute;
    color: #000000;
    letter-spacing: 0;
    line-height: Truepx;
}

.ipad-pro .overlap-group-111 {
    position: absolute;
    width: 1080px;
    height: 326px;
    top: 1640px;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.ipad-pro .rectangle-5 {
    position: absolute;
    width: 100%;
    height: 50%;
    top: 151px;
    left: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 1) 100%);
}

.ipad-pro .rectangle-6 {
    width: 446px;
    height: 100px;
    top: 189px;
    left: 40px;
    background-color: #424242;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    cursor: pointer;
}

.ipad-pro .rectangle-7 {
    width: 446px;
    height: 100px;
    top: 189px;
    left: 538px;
    background-color: #b3b3b3;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    cursor: pointer;
}

.ipad-pro .text-wrapper-4 {
    font-family: Gilroy-Bold, Helvetica, sans-serif;
    font-weight: 700;
    color: #ffffff;
    font-size: 50px;
    letter-spacing: 0;
    line-height: Truepx;
    white-space: nowrap;
}

.ipad-pro .text-wrapper-5 {
    font-family: Gilroy-Bold, Helvetica, sans-serif;
    font-weight: 700;
    color: #ffffff66;
    font-size: 50px;
    letter-spacing: 0;
    line-height: Truepx;
    white-space: nowrap;
}

.lang-overlay{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 26px;
    position: absolute;
    top: 40px;
    left: 490px;
    cursor: pointer;
    direction: ltr !important;
}

.kz{
    width: 64px;
    height: 64px;
}