body {
}
body {
    background: white;
}

.main {
    min-width: 100vw !important;
    margin: 84px 0 0;
    padding: 0 0 70px 0;
}

.image {
    background-image: url(../Images-baspana/umai_banner.webp);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 520px;
    width: 100vw;
}

.imageTitle {
    width: 1240px;
    margin: auto;
    padding: 155px 0;
}

    .imageTitle .divImageTitle h1 {
        font-family: Ubuntu-Light;
        font-style: normal;
        font-weight: normal;
        font-size: 60px;
        line-height: 69px;
        text-transform: uppercase;
        color: #2C3537;
        width: 340px;
    }

.grayDiv {
    background: #F4F4F4;
    padding: 60px 0;
}

.bid {
    border: 1px solid #D2D4D5;
    box-sizing: border-box;
    border-radius: 6px;
    padding: 30px;
    margin: 70px auto;
    width: 1240px;
}

.title {
    font-family: 'Ubuntu-Bold';
    font-style: normal;
    font-size: 22px;
    line-height: 25px;
    color: #2C3537;
    width: 1240px;
    margin: auto;
}

.subtitle {
    font-family: Ubuntu;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 18px;
    color: #2C3537;
    margin: 8px 0 0;
}

.inputWrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}


.bidInput {
    border: 1px solid #D2D4D5;
    box-sizing: border-box;
    border-radius: 6px;
    width: 100%;
    height: 48px;
    margin: 20px 0 0;
    padding: 0 20px;
}

.btnWrap {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin: 20px 0 0;
}

button.btnSubmit {
    background: #F05E22;
    border-radius: 6px;
    padding: 15px;
    font-family: 'Ubuntu-Bold';
    font-style: normal;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    color: #FFFFFF;
    border: none;
}

.conditionalDiv {
    display: flex;
    justify-content: space-between;
}

.width1300 {
    width: 1240px;
    margin: auto;
}

.wrapCon {
    display: flex;
    align-items: center;
    width: fit-content;
}

.circle {
    border: 1.5px #2C3537 solid;
    padding: 18px;
    border-radius: 50%;
    display: flex;
    align-items: baseline;
    margin: 0 17px 0 0;
}

.textUp {
    font-family: Ubuntu-bold;
    font-style: normal;
    font-size: 16px;
    line-height: 18px;
    color: #2C3537;
}

.textDown {
    font-family: Ubuntu;
    font-style: normal;
    font-size: 16px;
    line-height: 18px;
    color: #2C3537;
}

.widthCon {
    max-width: 253px;
}

.wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.subtitleWidth {
    max-width: 277px;
    text-align: center;
}

.bigTitle {
    font-family: Ubuntu-bold;
    font-style: normal;
    font-size: 30px;
    line-height: 38px;
    color: #2C3537;
    width: 315px;
}

.infoDiv {
    background: #F9F9FE;
    border: 1px solid #4C58CC;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 30px;
    align-items: center;
    width: 727px;
    height: fit-content;
}

.marginTop {
    margin: 70px auto 0;
}

.marginTop2 {
    margin: 60px auto 100px;
}

.marginBT {
    margin: 100px auto 80px;
}

.marginBtw {
    margin: 50px 0 0;
}

.infoIcon {
    width: 24px;
    height: 24px;
    margin: 0 16px 0 0;
}

.inCircle {
    font-family: Ubuntu-Medium;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 25px;
    color: #2C3537;
}

.inCircle2 {
    font-family: Ubuntu-Medium;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 18px;
    color: #2C3537;
}

.paddingImage {
    padding: 16.5px 14.5px;
}

.mobileWrapper {
    display: none;
}

@media (max-width: 480px) {
    .main {
        padding: 0 15px 70px;
    }

    .width1300 {
        width: 100%;
    }

    .bid {
        width: 100%;
        padding: 20px;
        margin: 50px 0;
    }

    .title {
        font-size: 18px;
        line-height: 21px;
        width: fit-content;
        margin: 0;
    }

    .subTitle {
        font-size: 14px;
        line-height: 16px;
    }

    .inputWrap {
        flex-direction: column;
    }

    .bidInput {
        width: 100%;
    }

    .btnSubmit {
        width: 100%;
        font-size: 16px;
        line-height: 18px;
        font-family: Ubuntu;
    }

    .conditionalDiv {
        flex-direction: column;
    }

    .infoDiv {
        padding: 20px;
        width: 100%;
        flex-direction: row;
        margin: 25px 0 0;
    }

    .grayDiv {
        width: 100vw;
        position: relative;
        left: calc(-50vw + 50%);
        padding: 30px 15px;
    }

    .marginBtw {
        margin: 0;
    }

    .subtitleWidth {
        text-align: inherit;
    }

    .wrapper {
        align-items: flex-start;
        margin: 0 0 42px;
    }

    .bigTitle {
        font-size: 22px;
        line-height: 26px;
    }

    .conditionMar {
        margin: 0 0 25px;
    }

    .marginTop {
        margin: 0;
    }

    .best {
        margin: 60px 0 34px;
    }

    .marginTop2 {
        margin: 0;
    }

    .forConditional {
        margin: 0 0 50px !important;
    }

    .marginBT {
        margin: 0;
    }

    .mobileMargin {
        margin: 0 0 20px;
    }

    .imageMob {
        background: url(/Images-baspana/umai_banner.webp) no-repeat 50% 50% / cover;
        height: 181px;
    }

    .imageTitleMob {
        width: 116px;
        padding: 47px 0 0 15px;
    }

        .imageTitleMob .divImageTitleMob h1 {
            font-family: Ubuntu-Light;
            font-style: normal;
            font-weight: normal;
            font-size: 25px;
            line-height: 29px;
            text-transform: uppercase;
            color: #2C3537;
        }

    .mobileWrapper {
        width: 100vw;
        position: relative;
        left: calc(-50vw + 50%);
        background: #F5F5F5;
        display: block;
        margin-bottom: 30px;
    }

    .image {
        display: none;
    }
    .inputWrap div {
        width: 100% !important;
    }

    .circle.paddingImage {
        border: none;
        padding: 0;
    }

        .circle.paddingImage img {
            width: 61px;
        }
}