.p-20 {
    padding: 20px;
}

.profile-img {
    width: 20%;
}


.resize-none{
    resize: none;
}
.profile-text {
    width: 80%;
}
.imageUploadImage{
    height: 100px;
    width: 200px;
    
}
.py-select {
    padding: 6px 6px;
}

input[type=radio] {
    accent-color: rgb(38, 78, 202) !important;
    ;
}

.lh-24 {
    line-height: 24px;
}

.sticky-xxl-top,
.sticky-xl-top,
.sticky-lg-top {
    z-index: 10;
}

.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: transparent !important;
    box-shadow: transparent !important;
}

.accordion-button:focus {
    z-index: 3;
    border-color: transparent !important;
    outline: 0;
    box-shadow: none !important;
}

.accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    border: transparent;
}

.accordion-button::after {
    background-size: 16px;
}

.accordion-body {
    padding: 0px !important;
}

.text-14 {
    font-size: 14px;
}

.py-13 {
    padding-top: 13px;
    padding-bottom: 13px;
}
.border-rounded{
    border-radius: 10%;
}

.fix-160 {
    width: 120px;
    height: 120px;
    
}

.profileButton {
    padding: 9px 10px;

}

.profileButton>span {
    font-size: 17px !important;

}

.profileImageUplaod>div {
    flex-wrap: wrap;
    justify-content: center;

}



.w-49 {
    width: 99%;
    max-height: 165px;
    min-height: 70px;
}

.border-dashed {
    border-style: dashed !important;
}

.upload-icon {
    /* font-size: 35px; */
    color: #CDCDCD;
}


.docs {
    /* font-size: 20px; */
    color: #CDCDCD;
}

@media only screen and (min-width: 556px) {
    .profile-img {
        width: 10%;
    }

    .profile-text {
        width: 80%;
    }

    .fix-160 {
        width: 120px;
        height: 120px;
    }

    .profileButton {
        padding: 9px 10px;

    }

    .profileButton>span {
        font-size: 17px !important;

    }

    .profileImageUplaod>div {
        flex-wrap: wrap;
        justify-content: flex-start;
    }



    .w-49 {
        width: 99%;
    }

    .upload-icon {
        /* font-size: 50px; */
        color: #CDCDCD;
    }


    .docs {
        /* font-size: 25px; */
        color: #CDCDCD;
    }
}

@media only screen and (min-width: 768px) {
    .profile-img {
        width: 10%;
    }

    .profile-text {
        width: 80%;
    }

    .profileImageUplaod>div {
        flex-wrap: nowrap;
    }



    .w-49 {
        width: 49%;
    }

    .fix-160 {
        width: 120px;
        height: 120px;
    }

    .profileButton {
        padding: 9px 20px;
    }

    .upload-icon {
        /* font-size: 70px; */
        color: #CDCDCD;
    }


    .docs {
        /* font-size: 35px; */
        color: #CDCDCD;
    }

}

@media only screen and (min-width: 992px) {
    .profile-img {
        width: 30%;
    }

    .profile-text {
        width: 70%;
    }

    .profile-text>div>p {
        font-size: 15px !important;
    }

    .profile-text>div>h3 {
        font-size: 13px !important;
    }

    .accordion-button {

        padding: var(--bs-accordion-btn-padding-y) 5px;

    }

    .text-14 {
        font-size: 12px;
    }

    .fix-160 {
        width: 120px;
        height: 120px;
    }

    .profileButton {
        padding: 9px 20px;
    }

    .upload-icon {
        /* font-size: 49px; */
        color: #CDCDCD;
    }

    .docs {
        font-size: 25px;
        color: #CDCDCD;
    }
}

@media only screen and (min-width: 1200px) {
    .profile-img {
        width: 25%;
    }

    .text-14 {
        font-size: 14px;
    }

    .profile-text {
        width: 75%;
    }

    .text-2xl {
        font-size: 17px !important;
    }

    .text-base {
        font-size: 15px !important;
    }

    .accordion-button {
        padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);

    }

    .fix-160 {
        width: 135px;
        height: 135px;
    }

    .profileButton {
        padding: 10px 30px;
    }

    .upload-icon {
        /* font-size: 70px; */
        color: #CDCDCD;
    }

    .docs {
        /* font-size: 35px; */
        color: #CDCDCD;
    }
}

@media only screen and (min-width: 1400px) {
    .profile-img {
        width: 21%;
    }

    .profile-text {
        width: 79%;
    }

    .text-2xl {
        font-size: 20px !important;
    }

        .fix-160 {
            width: 140px;
            height: 140px;
        }

    .profileButton {
        padding: 10px 20px;
    }

    .upload-icon {
        /* font-size: 70px; */
        color: #CDCDCD;
    }

    .docs {
        /* font-size: 35px; */
        color: #CDCDCD;
    }
}

@media only screen and (min-width: 1500px) {
    .profile-img {
        width: 21%;
    }

    .profile-text {
        width: 79%;
    }
}