.cms-modal {
    max-height: 80vh !important;
    margin-top: 20px !important;
    top: 40px !important;
}

.solutions__container h2 {
    font-size: 24px !important;
    text-align: center !important;
    /* margin: 20px 10px; */
}

.solutions__container p {
    font-size: 18px !important;
    margin-bottom: 80px;
}

.solutions__container {
    /* background-color: red; */
}

.solution__title>h2 {
    font-size: 32px !important;
}

.solution__title__2>h2 {
    text-align: center;
    font-size: 32px !important;
    margin-bottom: 30px;
}

.text__para__1 p {
    font-size: 12px !important;
}

.text__para__1 .card {
    box-shadow: 10px 5px 5px grey;
}

.main_body {
    max-width: 1440px !important;
}

.footer_outer_1 {
    margin-top: 20px;
    background-color: #81ba46;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;

}

.footer_outer_2 {
    background-color: #d9d9d9;
}

.footer_outer_2 a {
    color: black;
    text-decoration: none;

}


/* form controls  */





#sign_up_modal .form-control {
    border: 1px solid grey;
    height: 50px;
    border-radius: 33px;
    text-align: left;
    font-size: 14px;
    color: grey;
    padding-left: 30px;
}

#sign_up_modal .form-label {
    font-size: 18px;
}

#sign_up_modal .col-4 {
    text-align: center;
    padding: auto auto;
    margin: auto auto;
}

.modal-header .row {
    margin-top: 5px !important;
}

#sign_up_modal .row {
    margin-top: 30px;
}


#sign_up_modal .choices__header {
    background-color: white;
    border-radius: 25px;
}

#sign_up_modal .choices__header.active {
    background-color: green;
    border-radius: 25px;
}

.orders_table th {
    color: #69BE28 !important;
}

#sign_in_btn,
#sign_up_btn {
    margin-top: 50px;
    background-color: #69BE28;
    color: white;
    height: 50px;
    width: 150px;
    border-radius: 33px;
}

.cad_download_btn {
    border: none !important;
}

.cad_download_btn>i {
    display: block;
}

.cad_download_btn>img {
    display: none;
}

.cad_download_btn.loading>i {
    display: none;
}

.cad_download_btn.loading>img {
    display: block;
}

.body_content {
    /* border:  1px solid black; */
    /* box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; */
    box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
    border-radius: 25px;
}

@media (max-width: 768px) {

    /* Example for screens up to 768px wide (typical tablet portrait) */
    .swal2-popup {
        width: 80% !important;
        /* Make the popup wider on smaller screens */
        font-size: 0.9em;
    }

    .swal2-title {
        font-size: 1.2em;
    }

    .swal2-confirm,
    .swal2-cancel {
        padding: 10px 20px;
        font-size: 1em;
    }
}

#profileTab {
    margin-top: 20px;
}

.image_img {
    border: 1px solid black;
}

button.btn {
    transition: none !important;
}

.heading__text {
    font-weight: bolder !important;
    font-size: 24px !important;
    height: 80px !important;
    width: 280px !important;
    text-align: center;
    border: none;
    border-radius: 40px !important;
    background-color: #aaaaaa !important;
    color: black;


}

.button__text {
    font-size: 18px;
    font-weight: 400;
    height: 60px;
    border: none;
    border-radius: 33px;
    text-align: center;
    background-color: #aaaaaa !important;
    color: black !important;
}

.button__text:active,
.heading__text:active {
    color: black !important;
    transform: translateY(2px);
}

.heading__text:hover {
    background-color: #777777 !important;
    color: black !important;
}

.heading__text.active {
    background-color: #69BE28 !important;
    color: black !important;
}

#privacy_policy,
#confidentiality {
    height: 239px;
    border-radius: 40px;
    text-align: start;
    padding: 25px 25px;
}



@media screen and (min-width: 300px) {

    #privacy_policy,
    #confidentiality {
        height: 150px;
        border-radius: 10px;
        padding: 5px 5px;
    }
}

#profileTab {
    margin: 20px 0px;
}

#profileTab .nav-item {
    margin: 10px 0px;
}

@media screen and (min-width: 300px) {
    .button__text {
        font-size: 12px;
    }

    .heading__text {
        font-weight: bolder !important;
        font-size: 14px !important;
        height: 50px !important;
        width: 150px !important;
        border-radius: 40px !important;
    }

    #profileTab {
        margin: 5px 0px;
    }

}

@media all and (min-width: 768px) {
    .button__text {
        font-size: 12px;
    }

    .heading__text {
        font-weight: bolder !important;
        font-size: 20px !important;
        height: 110px !important;
        width: 150px !important;
        border-radius: 30px !important;
    }

}

@media all and (min-width: 768px) {
    .class.button {
        height: 20px;
        width: 20px;
    }
}

@media all and (min-width: 992px) {
    .button__text {
        font-size: 18px;
    }

    .body_content {
        margin: auto auto !important;
    }

    .heading__text {
        font-weight: bolder !important;
        font-size: 24px !important;
        height: 110px !important;
        width: 220px !important;
        border-radius: 60px !important;
    }
}

.form__text {
    text-align: center;
    /* margin: auto auto; */
    font-size: 8px;
    font-weight: 400;
}

@media screen and (min-width: 300px) {
    .form__text {
        font-size: 12px;
    }
}

@media all and (min-width: 768px) {
    .form__text {
        font-size: 16px;
    }
}

@media all and (min-width: 992px) {
    .form__text {
        font-size: 18px;
    }
}

.box {
    border: 1px solid #A5A5A5;
    border-radius: 40px;
    width: 100%;
    height: 50px;
    text-align: center;
    box-shadow: 0px 1px 1px 1px #A5A5A5 inset;
}

@media screen and (min-width: 300px) {
    .box {
        height: 32px;
        font-size: 12px;
    }
}

@media all and (min-width: 768px) {
    .box {
        height: 45px;
        font-size: 16px;
    }
}

@media all and (min-width: 992px) {
    .box {
        font-size: 18px;
    }
}

@media all and (min-width: 300px) {
    .box-image {
        align-items: center;

    }
}

@media all and (min-width: 768px) {
    .box-image {
        align-items: center;
    }
}

@media all and (min-width: 992px) {
    .box-image {
        align-items: center;
    }
}

.rad {
    width: 20px;
    height: 20px;
    border: 2px solid #A5A5A5;
    accent-color: #4A4949;
    text-align: center;
    /* margin-left: 75px; */
}

@media all and (min-width: 300px) {
    .rad {
        width: 10px;
        height: 10px;
        margin: 10px auto;
        align-items: center;
    }
}

@media all and (min-width: 768px) {
    .rad {
        width: 15px;
        height: 15px;
        margin: 15px auto;
        align-items: center;
    }
}

@media all and (min-width: 992px) {
    .rad {
        width: 20px;
        height: 20px;
        margin: 20px auto;
        align-items: center;
    }
}

.image_img {
    border-radius: 33px;
    width: 100%;
    /* max-width: 183px; */
    /* height: 163px; */
    column-gap: 50px;
    position: relative;
    z-index: 1;
}

@media all and (min-width: 300px) {
    .image_img {
        border-radius: 12px;
        align-items: center;
    }
}

@media all and (min-width: 768px) {
    .image_img {
        align-items: center;
    }
}

@media all and (min-width: 992px) {
    .image_img {
        align-items: center;
    }
}

.h2_text {
    text-align: center;
    font-weight: 400;
    margin-top: 60px;
    font-size: 48px;
}

@media all and (min-width: 300px) {
    .h2_text {
        font-size: 24px;
    }
}

@media all and (min-width: 768px) {
    .h2_text {
        font-size: 36px;
    }
}

@media all and (min-width: 992px) {
    .h2_text {
        font-size: 48px;
    }
}

#personal_info {
    padding-top: 50px;
}

#Profile {
    border-radius: 25px !important;
}

#company_information {
    padding-top: 50px;
}

#Subscription {
    /* background-color: red !important; */
    border-radius: 25px;
}

.body_3>div {
    padding-top: 50px;
    /* background-color: red !important; */
    border-radius: 25px;
}

.container.main_content.body_1,
.container.main_content.body_2,
.container.main_content.body_3,
.container.main_content.body_4 {
    /* background-color: green !important; */
    border-radius: 25px;

}

#personal_info {
    /* background-color: red; */
    border-radius: 50px;
}

.tab-content {
    border-radius: 15px;
    /* background-color: red; */
}


.navbar_container {
    padding: 10px 0px;
    margin: auto auto;
    margin-bottom: 20px;
    box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
    border-radius: 25px;
}


.navbar {
    padding: 0px 0px;
    border-radius: 25px;
}

.navbar>.container-fluid {
    padding: 5px 20px;
}

body {
    margin: 10px;
    background-color: #f8f8f8;
}