/* Global Css Start */
.desktop_none {
    display: none;
}

.mobile_none {
    display: block;
}

/* Global Css End */

/* Dashboard Start */
.dashboard_s1 {
    background-image: url(../image/dashboardbg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    padding: 115px var(--None, 0px) 64px var(--None, 0px);
}

.dashboard_c1 {
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    max-width: 1030px;
    padding: 0px;
}

.dashboard_topcontent {
    display: none;
}

.account_titlebar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
}

.dashboard_title {
    color: var(--Grayscale-800, #3C3C3C);
    text-align: center;
    font-family: Lora;
    font-size: 46px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    margin: 0px;
}

.dashboard_bottom {
    display: flex;
    padding: 40px 64px;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 32px;
    border-radius: 24px;
    border: 1px solid var(--tinted-white, #EAE9ED);
    background: var(--Grayscale-White, #FFF);
    box-shadow: 0px 19px 31px 0px rgba(0, 0, 0, 0.04), 0px 11.187px 16.17px 0px rgba(0, 0, 0, 0.03), 0px 5.746px 7.589px 0px rgba(0, 0, 0, 0.02), 0px 2.31px 3.323px 0px rgba(0, 0, 0, 0.02), 0px 0.517px 1.438px 0px rgba(0, 0, 0, 0.01);
}

.account_tab_list {
    display: flex;
    gap: 24px;
}

.tab_button {
    color: var(--Grayscale-800, #3C3C3C) !important;
    font-family: Outfit;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: 0.3px;
    text-transform: capitalize;
    margin: 0px;
    padding: 0px;
    border-radius: 0px !important;
    padding-bottom: 8px;
}

.tab_button.active,
.tab_button:hover {
    color: var(--Grayscale-600, #9B9B9B) !important;
    font-family: Outfit;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: 0.3px;
    text-transform: capitalize;
    padding: 0px;
    padding-bottom: 8px;
    background: none !important;
}

.tab_contentbar {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.account_formbar {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.first_last {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.dashboard_textbox {
    display: flex;
    padding: 16px;
    align-items: center;
    gap: 10px;
    height: 43px;
    flex: 1 0 0;
    border-radius: var(--4, 4px);
    border: 1px solid var(--Grayscale-500, #D0D0D0);
    background: var(--Grayscale-White, #FFF);
    color: var(--Grayscale-800, #3C3C3C);
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 142.25%;
    letter-spacing: 0.48px;
}

.pass_div {
    position: relative;
}

.pass_div img {
    position: absolute;
    right: 9px;
    top: 9px;
}

.country_dropdown {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0;
    border-radius: 0px;
    border: none;
    background: var(--Grayscale-White, #FFF);
    color: var(--Grayscale-800, #3C3C3C) !important;
    font-family: Outfit !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 300 !important;
    line-height: 142.25% !important;
    letter-spacing: 0.48px;
}

.dashboard_tablebar .table-striped {
    --bs-table-striped-bg: #EAE9ED !important;
}

.order_tabletitle {
    color: var(--Grayscale-800, #3C3C3C);
    font-family: Outfit;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: 0.3px;
    text-transform: capitalize;
    margin: 0px !important;
}

.order_table thead tr th {
    padding: 16px;
}

.order_table tbody tr td {
    padding: 16px;
}

.order_bodytext {
    color: #0E0E0E;
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 142.25%;
    letter-spacing: 0.48px;
    margin: 0px !important;
}

/* Dashboard End */


/* Shpping Cart Start */
.shopping_s1 {
    background-image: url(../image/dashboardbg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    padding: 115px var(--None, 0px) 64px var(--None, 0px);
}

.shopping_c1 {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 0px;
    max-width: 1102px;
}

.shopping_top {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    max-width: 570px;
    margin: auto;
}

.shopping_title {
    color: var(--Grayscale-800, #3C3C3C);
    text-align: center;
    font-family: Lora;
    font-size: 46px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    margin: 0px;
}

.shopping_subtitle {
    color: var(--Grayscale-700, #656565);
    text-align: center;
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 142.25%;
    letter-spacing: 0.48px;
    margin: 0px;
}

.shopping_bottom {
    display: flex;
    gap: 24px;
    align-items: center;
}

.shopping_onlybtn {
    display: flex;
    gap: 24px;
    width: 60%;
}

.shopping_btn {
    border-radius: var(--8, 8px);
    color: #C75629;
    border: var(--None, 1px) solid var(--Burnt-Orange, #C75629);
    background: var(--Baby-Orange, #FDD4AF);
    box-shadow: 4px 4px 0px 0px #C75629;
    height: 47px;
    padding: 4px 4px 4px 4px;
    gap: 8px;
    font-family: Outfit;
    font-size: 15px;
    font-weight: 400;
    line-height: 16.5px;
    letter-spacing: 0.02em;
    text-align: center;
    display: flex;
    position: relative;
    bottom: 0px;
    align-items: center;
    justify-content: center;
}

.shopping_white {
    background-color: #FFFFFF;
}

.shopping_white:hover {
    background-color: #FDD4AF;
}

.shopping_totaldiv {
    border-top: 1px solid #3C3C3C;
    border-bottom: 1px solid #3C3C3C;
    padding: 0px 80px;
    display: flex;
}

.shopping_totaltitle {
    color: var(--Grayscale-800, #3C3C3C);
    font-family: Outfit;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 142.25%;
    letter-spacing: 0.72px;
    margin: 0px;
}

.shopping_totalamount {
    color: var(--Burnt-Orange, #C75629);
    font-family: Outfit;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 142.25%;
    letter-spacing: 0.72px;
    margin: 0px;
}

.shopping_desktable {
    border-radius: 24px;
    /* Card shadow */
    box-shadow: 0px 19px 31px 0px rgba(0, 0, 0, 0.04), 0px 11.187px 16.17px 0px rgba(0, 0, 0, 0.03), 0px 5.746px 7.589px 0px rgba(0, 0, 0, 0.02), 0px 2.31px 3.323px 0px rgba(0, 0, 0, 0.02), 0px 0.517px 1.438px 0px rgba(0, 0, 0, 0.01);
}


.shopping_tabletitle {
    color: var(--Grayscale-800, #3C3C3C);
    font-family: Outfit;
    font-size: 15px;
    font-style: normal;
    text-align: start;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: 0.3px;
    text-transform: capitalize;
    margin: 0px;
}

.shopping_table thead tr th {
    padding: 18px 24px 22px;
}

.shopping_table tbody tr td {
    padding: 16px 24px;
}

.shopping_bodytitlebar {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.shopping_bodytitle {
    color: var(--Burnt-Orange, #C75629);
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 142.25%;
    letter-spacing: 0.48px;
    margin: 0px;
}

.shopping_bodytext {
    color: var(--Grayscale-800, #3C3C3C);
    font-family: Outfit;
    font-size: 16px;
    text-align: left;
    font-style: normal;
    font-weight: 300;
    line-height: 142.25%;
    letter-spacing: 0.48px;
    margin: 0px;
}

.shopping_bodysubtitle {
    color: var(--Grayscale-800, #3C3C3C);
    font-family: Outfit;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 133.7%;
    text-transform: capitalize;
    margin: 0px;
}

.shopping_actionbar {
    display: flex;
    gap: 24px;
    justify-content: flex-start;
}

.shopping_table_header tr th {
    text-align: center;
}

.shopping_table_header tr th:first-child {
    text-align: start;
}

.shopping_table_body tr td {
    text-align: center;
}

.shopping_table_body tr td:first-child {
    text-align: start;
}

.shopping_table_header tr th:first-child {
    border-radius: 23px 0px 0px 0px;
}

.shopping_table_header tr th:last-child {
    border-radius: 0px 23px 0px 0px;
}

.shopping_table_body tr:last-child td:first-child {
    border-radius: 0px 0px 0px 23px;
}

.shopping_table_body tr:last-child td:last-child {
    border-radius: 0px 0px 23px 0px;
}

/* Shpping Cart End */

/* Order Start */
.order_c1 {
    max-width: 971px !important;
}

.order_bottom {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 32px;
}

.order_bottomleft {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    flex: 1 0 0;
    align-self: stretch;
}

.order_bottomright {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 16px;
    flex: 1 0 0;
    align-self: stretch;
}

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

.order_discount {
    color: var(--Grayscale-800, #3C3C3C);
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 142.25%;
    letter-spacing: 0.48px;
    margin: 0px;
}

.order_grandtotal {
    color: var(--Grayscale-800, #3C3C3C);
    font-family: Outfit;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 142.25%;
    letter-spacing: 0.72px;
    margin: 0px;
}

/* Order End */

/* Opportunities Start */
.opp_s1 {
    padding: 0px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.opp_c1 {
    position: absolute;
    display: flex;
    justify-content: end;
}

.opp_s1title {
    color: var(--Grayscale-White, #FFF);
    text-align: right;
    font-family: Lora;
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    margin: 0px;
    max-width: 560px;
}

.opp_s2 {
    padding: 0px;
    display: flex;
    flex-direction: column;
    background: var(--Grayscale-400, #F4F4F4);
}

.opp_s2top {
    display: flex;
}

.opp_s2topcontentbar {
    display: flex;
    padding: 80px 107px 180px 205px;
    flex-direction: column;
    gap: 40px;
    justify-content: center;
    flex-shrink: 0;
    background: var(--Grayscale-White, #FFF);
}

.opp_s2toptitle {
    color: var(--Grayscale-800, #3C3C3C);
    font-family: Lora;
    font-size: 46px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    margin: 0px;
}

.opp_s2topsubtitle {
    color: var(--Grayscale-700, #656565);
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 142.25%;
    letter-spacing: 0.48px;
    margin: 0px;
}

.opp_c2 {
    display: flex;
    padding: 70px 0px 122px 0px;
}

.opp_c2left {
    position: relative;
    display: flex;
    justify-content: start;
    padding-right: 21px;
}

.opp_c2img {
    position: absolute;
    bottom: -76px;
    width: 95%;
}

.opp_c2right {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
}

.opp_c2rightcontentbar {
    display: flex;
    flex-direction: column;
    padding-left: 40px;
    gap: 40px;
    max-width: 500px;
}

.opp_c2title {
    color: var(--Grayscale-800, #3C3C3C);
    font-family: Lora;
    font-size: 29px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    margin: 0px;
}

.opp_c2subtitle {
    color: var(--Grayscale-800, #3C3C3C);
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 142.25%;
    letter-spacing: 0.48px;
    margin: 0px;
}

.opp_s3 {
    display: flex;
    padding: 0px;
    background-color: #FFFFFF;
}

.opp_s3left {
    padding: 33px 0px 33px 33px;
}

.opp_s3left img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.opp_s3right {
    padding: 33px 33px 33px 0px;
}

.opp_s3right img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.opp_s3mid {
    display: flex;
    padding: 64px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
}

.opp_s3title {
    color: var(--Grayscale-800, #3C3C3C);
    text-align: center;
    font-family: Lora;
    font-size: 46px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    margin: 0px;
}

.opp_s3formbar {
    display: flex;
    padding: 32px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    align-self: stretch;
    background: var(--tinted-white, #EAE9ED);
}

.opp_s3firstlast {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 32px;
    align-self: stretch;
}

.opps3_textbox {
    height: 43px;
    padding: 16px;
    flex: 1 0 0;
    border-radius: var(--4, 4px);
    border: 1px solid var(--Grayscale-500, #D0D0D0);
    background: var(--Grayscale-White, #FFF);
    color: var(--Grayscale-800, #3C3C3C);
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 142.25%;
    letter-spacing: 0.48px;
}

.opp_s3textarea {
    display: flex;
    padding: 16px;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    border-radius: var(--4, 4px);
    border: 1px solid var(--Grayscale-500, #D0D0D0);
    background: var(--Grayscale-White, #FFF);
    color: var(--Grayscale-800, #3C3C3C);
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 142.25%;
    letter-spacing: 0.48px;
}

.opp_s3btnbar {
    display: flex;
    align-items: center;
    gap: 38px;
    align-self: stretch;
}

.opp_s3uploadbar {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--8, 8px);
    flex: 1 0 0;
}

.opp_uploadbtn {
    display: flex;
    height: 43px;
    padding: 16px;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    border-radius: 2px;
    border: var(--None, 1px) solid var(--Grayscale-500, #D0D0D0);
    background: var(--Grayscale-White, #FFF);
    color: var(--Grayscale-800, #3C3C3C);
    text-align: center;
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 142.25%;
    letter-spacing: 0.48px;
}

.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
}

.upload-info {
    display: flex;
    gap: 8px;
}

.upload_text {
    color: var(--Accent, #3A9DF9);
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin: 0px;
}

/* Checkbox Start */
.terms_checkbox {
    position: relative;
    width: 20px;
    height: 20px;
    appearance: none;
    border: 1px solid #656565;
    box-shadow: none;
    border-radius: 0px !important;
    cursor: pointer;
    outline: none;
}

.terms_checkbox:checked {
    background: url(../image/checkbox_tick.svg) no-repeat center center;
    background-size: cover;
    border: none;
}

.terms_check {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0px !important;
}

.terms_checkboxtext {
    color: var(--Grayscale-800, #3C3C3C);
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 142.25%;
    letter-spacing: 0.48px;
    margin: 0px;
}

.terms_checklink {
    color: var(--Burnt-Orange, #C75629);
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 142.25%;
    letter-spacing: 0.48px;
    margin: 0px;
}

/* Checkbox End */
/* Modal Start */
.opp_modalbody {
    display: flex;
    padding: 56px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
}

.opp_modaloutline {
    border-radius: 24px;
}

.opp_modaltitle {
    color: var(--Grayscale-800, #3C3C3C);
    font-family: Lora;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 141%;
    text-transform: capitalize;
}

/* Modal End */
/* Opportunities End */















/********************/
/* Responsive start */
/********************/
@media only screen and (max-width: 600px) {

    /* Global Css Start */
    .desktop_none {
        display: block;
    }

    .mobile_none {
        display: none;
    }

    /* Global Css End */

    /* Dashboard Start */
    .dashboard_bottom {
        padding: 0px;
        border: none;
        background: transparent;
        border-radius: 0px;
        box-shadow: none;
        gap: 24px;
    }
    .tab_contentbar{
        gap: 24px;
    }
    .das_sel{
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .account_navigation {
        padding: 0px 24px !important;
        width: 100%;
    }

    .first_last {
        flex-direction: column;
    }

    .first_last .dropdown {
        width: 100%;
    }

    .dashboard_btndiv {
        padding: 0px 24px;
    }

    .pass_div {
        width: 100%;
    }

    .account_titlebar img {
        height: 82px;
    }

    .dashboard_title {
        font-size: 29px;
    }

    .dashboard_c1 {
        gap: 24px;
    }

    .dashboard_tablebar {
        padding: 0px 24px;
    }

    .dashboard_tablebar table {
        width: 950px;
        padding: 0px 24px;
    }

    .account_tab_list {
        justify-content: space-between;
        gap: inherit;
    }

    .tab_button {
        max-width: 57px;
    }

    .dashboard_s1 {
        padding: 103px 0px 40px;
        background-image: url(../image/dasbhoard_mobbg.png);
    }

    .account_formbar {
        padding: 0px 24px;
    }

    /* Dashboard End */
    /* Shopping Start */
    .shopping_s1 {
        padding: 102px 0px 40px;
        background-image: url(../image/shopping_mobbg.png);
    }

    .shopping_c1 {
        gap: 24px;
    }

    .shopping_top {
        padding: 0px 24px;
    }

    .shopping_top img {
        height: 82px;
    }

    .shopping_title {
        font-size: 29px;
    }

    .shopping_bottom {
        flex-direction: column-reverse;
        padding: 0px 24px;
    }

    .shopping_onlybtn {
        flex-direction: column;
        gap: 16px;
        padding: 0px;
    }

    .shopping_totaldiv {
        padding: 0px;
        width: 100%;
        justify-content: center;
    }

    .shopping_mobtable {
        padding: 24px 24px 0px;
        border-top: 1px solid #D0D0D0;
    }

    .shopping_mobcardbar {
        display: flex;
        flex-direction: column;
        gap: 16px;
        align-self: stretch;
    }

    .shopping_mobcard {
        display: flex;
        padding: 16px 24px;
        flex-direction: column;
        gap: 16px;
        align-self: stretch;
        border: var(--None, 1px) solid var(--tinted-white, #EAE9ED);
        background: var(--Grayscale-White, #FFF);
        /* Card shadow */
        box-shadow: 0px 19px 31px 0px rgba(0, 0, 0, 0.04), 0px 11.187px 16.17px 0px rgba(0, 0, 0, 0.03), 0px 5.746px 7.589px 0px rgba(0, 0, 0, 0.02), 0px 2.31px 3.323px 0px rgba(0, 0, 0, 0.02), 0px 0.517px 1.438px 0px rgba(0, 0, 0, 0.01);
    }

    .shopping_cardtop {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 16px;
        align-self: stretch;
    }

    .shopping_cardtitle {
        color: var(--Burnt-Orange, #C75629);
        text-align: center;
        font-family: Outfit;
        font-size: 16px;
        font-style: normal;
        font-weight: 300;
        line-height: 142.25%;
        letter-spacing: 0.48px;
        margin: 0px;
    }

    .shopping_cardsubtitle {
        color: var(--Grayscale-800, #3C3C3C);
        text-align: center;
        font-family: Outfit;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 133.7%;
        text-transform: capitalize;
        margin: 0px;
    }

    .shopping_carddetail {
        color: var(--Burnt-Orange, #C75629);
        text-align: center;
        font-family: Outfit;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 133.7%;
        text-transform: capitalize;
        margin: 0px;
    }

    .shopping_cardmidline {
        height: 1px;
        background: #D0D0D0;
    }

    .shopping_cardbottom {
        display: flex;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
    }

    .shopping_modactionbar {
        display: flex;
        gap: 16px;
    }

    .shopping_totalblack {
        color: var(--Grayscale-800, #3C3C3C);
        text-align: center;
        font-family: Outfit;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: capitalize;
        margin: 0px;
    }

    .shopping_totalorange {
        color: var(--Burnt-Orange, #C75629);
        font-family: Outfit;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: capitalize;
        margin: 0px;
    }

    /* Shopping End */

    /* Order Start */
    .order_bottom {
        flex-direction: column-reverse;
        padding: 0px 24px;
        gap: 24px;
    }

    .order_bottomright {
        padding-top: 16px;
    }

    .order_bottomleft {
        gap: 16px;
    }

    .order_mobtable {
        padding-top: 0px !important;
        border-top: 0px;
    }

    /* Order End */

    /* Opportunities Start */
    .opp_c1 {
        padding: 0px 24px;
    }

    .opp_s1title {
        font-size: 29px;
        text-align: center;
    }
    .opp_s1{
        margin-top: 102px;
    }

    .opp_s2top {
        flex-direction: column-reverse;
    }

    .opp_s2topcontentbar {
        padding: 40px 24px;
        gap: 24px;
    }

    .opp_s2toptitle {
        font-size: 29px;
    }

    .opp_c2 {
        padding: 0px;
        flex-direction: column;
    }

    .opp_c2left {
        position: unset;
        padding: 0px;
    }

    .opp_c2img {
        position: unset;
        width: 100%;
    }

    .opp_c2rightcontentbar {
        padding: 40px 24px;
        gap: 24px;
    }

    .opp_s3 {
        flex-direction: column;
    }

    .opp_s3mid {
        padding: 40px 24px;
        background: var(--tinted-white, #EAE9ED);
    }

    .opp_s3left {
        padding: 0px;
    }

    .opp_s3title {
        font-size: 29px;
    }

    .opp_s3formbar {
        padding: 0px;
        gap: 16px;
    }

    .opp_s3btnbar {
        flex-direction: column;
        gap: 16px;
    }

    .opp_s3firstlast {
        flex-direction: column;
        gap: 16px;
    }

    .opp_uploadbtn {
        text-align: left;
        height: auto;
    }

    .opp_s3right {
        padding: 0px;
    }

    .opp_modalmain {
        margin: 0px;
    }
    .opp_modaloutline {
        border-radius: 0px;
        width: 100% !important;
    }
    .opp_modalbody{
        padding: 24px;
    }
    /* Opportunities End */
}

@media only screen and (min-width: 1200px) and (max-width:1348px) {
    .opp_s2topcontentbar {
        padding: 80px 107px 180px 40px;
    }

    .opp_s3mid {
        padding: 48px;
    }
}

@media only screen and (min-width: 1349px) and (max-width:1439px) {
    .opp_s2topcontentbar {
        padding: 80px 107px 180px 70px;
    }

    .opp_s3mid {
        padding: 48px;
    }
}

@media only screen and (min-width: 1440px) and (max-width:1499px) {
    .opp_s2topcontentbar {
        padding: 80px 107px 180px 70px;
    }

    .opp_s3mid {
        padding: 48px;
    }
}

@media only screen and (min-width: 1500px) and (max-width:1599px) {
    .opp_s2topcontentbar {
        padding: 80px 107px 180px 70px;
    }
}

@media only screen and (min-width: 1600px) and (max-width:1699px) {
    .opp_s2topcontentbar {
        padding: 80px 107px 180px 90px;
    }
}

@media only screen and (min-width: 1700px) and (max-width:1799px) {
    .opp_s2topcontentbar {
        padding: 80px 107px 180px 140px;
    }
}

@media only screen and (min-width: 1800px) and (max-width:1919px) {
    .opp_s2topcontentbar {
        padding: 80px 107px 180px 145px;
    }
}