﻿.content {
    border: unset !important;
}

.wholeStructureQuiry {
    display: flex;
    flex-direction: column;
    width: 100vw;
}

@media(max-width:959px) {
    .wholeStructureQuiry {
        padding-left: 43px;
        padding-right: 51px;
    }
}

@media(max-width:576px) {
    .wholeStructureQuiry {
        padding-left: 14px;
        padding-right: 13px;
    }
}

.wholeStructureQuiry-structureBorder {
    border-radius: 2px;
    border: solid .5px #afafaf;
    background-color: #fff;
    padding: 36.6px 28px 36.5px 27px;
}

@media(max-width:576px) {
    .wholeStructureQuiry-structureBorder {
        padding: 36.6px 28px 38.8px 27px;
    }
}

form {
    width: 100%;
}

    form .structureQuiry {
        border-radius: 2px;
        border: solid .5px #afafaf;
        background-color: #fff;
    }

    form .structureQuiry-wrapper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 49.6px 10px 48.1px 10px;
    }

    form .structureQuiry-wrapper-title {
        max-width: 551px;
        font-size: 14px;
        line-height: 1.29;
        text-align: center;
        color: #242424;
    }

    form .structureQuiry-wrapper-content {
        display: flex;
        flex-direction: column;
        row-gap: 16px;
        margin-top: 23px !important;
        
    }

        form .structureQuiry-wrapper-content .error {
            display: block;
        }

        form .structureQuiry-wrapper-content .form-select {
            width: 274px;
            font-size: 14px;
            font-weight: 500;
            text-align: left;
            color: #626262;
            background-position: right 21px center;
            cursor: pointer;
        }

            form .structureQuiry-wrapper-content .form-select option {
                border-radius: unset;
            }

    form .structureQuiry-wrapper-content-phone {
        display: none;
        flex-direction: column;
        row-gap: 10px;
    }

        form .structureQuiry-wrapper-content-phone input {
            width: 274px;
            height: 45px;
            border-radius: 2px;
            border: solid 1px #b5b5b5;
            background-color: #fff;
            padding-left: 11px;
            font-size: 14px;
            font-weight: 500;
            color: #626262;
        }

.submit {
    display: flex !important;
}

.content {
    background-color: unset;
}

.btnSubmit {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .btnSubmit input {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 212px;
        height: 45px;
        border-radius: 2px;
        background-image: linear-gradient(to bottom,#5c2d91,#4c2579 52%,#50287e 78%,#5c2d91);
        font-size: 14px;
        font-weight: 500;
        text-align: left;
        color: #fff;
        border: 0;
        margin-top: 48.4px;
    }

.registeredAddresses {
    display: none;
    margin-bottom: 26px;
}

.registeredAddresses-title {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .registeredAddresses-title span {
        font-size: 14px;
        line-height: 1.29;
        text-align: left;
        color: #242424;
        margin-bottom: 34.9px;
        text-align: center;
    }

@media(max-width:1023px) {
    .registeredAddresses-title span {
        max-width: 805px;
    }
}

@media(max-width:767px) {
    .registeredAddresses-title span {
        max-width: 523px;
    }
}

@media(max-width:576px) {
    .registeredAddresses-title span {
        max-width: 291px;
    }
}

.registeredAddresses .selectionBoxes {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 11.7px;
}

@media(max-width:576px) {
    .registeredAddresses .selectionBoxes {
        row-gap: 12px;
    }
}

.newAddresses-title {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .newAddresses-title span {
        font-size: 14px;
        line-height: 1.29;
        text-align: left;
        color: #242424;
        margin-bottom: 34.9px;
        text-align: center;
    }

@media(max-width:1023px) {
    .newAddresses-title span {
        max-width: 805px;
    }
}

@media(max-width:767px) {
    .newAddresses-title span {
        max-width: 523px;
    }
}

@media(max-width:576px) {
    .newAddresses-title span {
        max-width: 291px;
    }
}

.newAddresses .selectionBoxes {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 11.7px;
}

@media(max-width:576px) {
    .newAddresses .selectionBoxes {
        row-gap: 12px;
    }
}

.btnDg {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
}

@media(max-width:576px) {
    .btnDg {
        justify-content: center;
        align-items: center;
    }
}

.btnDg button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 212px;
    height: 45px;
    border-radius: 2px;
    background-image: linear-gradient(to bottom,#5c2d91,#4c2579 52%,#50287e 78%,#5c2d91);
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    color: #fff;
    border: 0;
}

.selectionBox {
    display: flex;
    align-items: center;
    column-gap: 8px;
    height: 40.3px;
    border-radius: 2px;
    border: solid 1px #b5b5b5;
    background-color: #fff;
    width: 100%;
    cursor: pointer;
    padding-left: 10px;
}

@media(max-width:576px) {
    .selectionBox {
        height: 54px;
        padding-right: 57px;
    }
}

.selectionBox.activeSelected {
    border: solid 1px #957bd3;
    background-color: #f9f8ff;
}

    .selectionBox.activeSelected .selectionBox-info {
        font-weight: 500;
        color: #18181c;
    }

    .selectionBox.activeSelected .selectionBox-circle {
        background-color: #5c2d91;
    }

        .selectionBox.activeSelected .selectionBox-circle img {
            display: block;
        }

.selectionBox.deActiveSelected {
    border: solid 1px #bcbcbc;
    background-color: #fafafa;
    cursor: unset;
}

    .selectionBox.deActiveSelected .selectionBox-info {
        font-weight: 500;
        color: #bcbcbc;
    }

    .selectionBox.deActiveSelected .selectionBox-circle {
        background-color: #bcbcbc;
    }

        .selectionBox.deActiveSelected .selectionBox-circle img {
            display: block;
        }

.selectionBox.deActive {
    border: solid 1px #bcbcbc;
    background-color: #fff;
    cursor: unset;
}

    .selectionBox.deActive .selectionBox-info {
        font-weight: normal;
        color: #bcbcbc;
    }

    .selectionBox.deActive .selectionBox-circle {
        background-color: #fff;
    }

        .selectionBox.deActive .selectionBox-circle img {
            display: none;
        }

.selectionBox-info {
    color: #717171;
    font-size: 12px;
    font-weight: normal;
}

.selectionBox-circle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: solid 1px #b5b5b5;
    min-width: 12px;
}

    .selectionBox-circle img {
        width: 5.7px;
        height: 4.3px;
        filter: brightness(0) invert(1);
        display: none;
    }

.addressForm {
    display: none;
}
