.desktop_nonet {
    display: none;
}

.mobile_nonet {
    display: block;
}

.first_bc {
    margin-top: 120px;
    position: relative;
    overflow: hidden;
}.category-chipt


.first_bc::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    /* Change opacity here */
    z-index: 1;
}


.bc_content1 {
    position: relative;
    z-index: 2;
    padding: 210px 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.bc_content1 h1 {
    color: var(--Base-White, #FFF);
    text-align: center;

    /* Heading/H1 */
    font-family: "Google Sans Flex";
    font-size: 56px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 67.2px */
    letter-spacing: -0.56px;
    text-transform: capitalize;
    align-self: stretch;
    margin-bottom: 24px;
}

.bc_content1 p {
    color: var(--Base-03, #BDBDBD);
    text-align: center;
    leading-trim: both;
    text-edge: cap;

    /* P/Standard */
    font-family: Soleil;
    font-size: 16px;
    font-style: normal;
    font-weight: 350;
    line-height: 183.5%;
    /* 29.36px */
    margin-bottom: 0px;
    max-width: 616px;
}

.second_bc {
    padding: 80px 0px;

}

.ineer_second_bc {
    width: calc(100% - 120px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 56px;
    margin-left: auto;
    margin-right: auto;
}

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

.top_ineer_second_bc h1 {
    color: var(--Base-Off-Black, #0F0F0F);
    text-align: center;
    font-feature-settings: 'liga'off, 'clig'off;

    /* Heading/H2 */
    font-family: "Google Sans Flex";
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    /* 56px */
    text-transform: capitalize;
    align-self: stretch;
    margin-bottom: 0px;
}

.top_ineer_second_bc p {
    color: var(--Base-Off-Black, #0F0F0F);
    text-align: center;

    /* P/Std */
    font-family: "Google Sans Flex";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 25.6px */
    margin-bottom: 0px;
    align-self: stretch;
    opacity: 0.5;
}

.last_ineer_second_bc {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 24px;
    width: 100%;
}

.white_btn_t {
    display: flex;
    height: 54px;
    padding: 16px 40px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    border: 1px solid var(--Base-04, #E9E9E9);
    background: var(--Base-White, #FFF);
    color: var(--Base-Off-Black, #0F0F0F);
    text-align: center;

    /* P/Btn */
    font-family: "Google Sans Flex";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}

.white_btn_t:hover {
    display: flex;
    height: 54px;
    padding: 16px 40px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    background: var(--Base-Off-Black, #0F0F0F);
    color: var(--Base-Off-White, #FAFAFA);
    text-align: center;

    /* P/Btn */
    font-family: "Google Sans Flex";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}

.black_btn_t {
    display: flex;
    height: 54px;
    padding: 16px 40px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    background: var(--Base-Off-Black, #0F0F0F);
    color: var(--Base-Off-White, #FAFAFA);
    text-align: center;

    /* P/Btn */
    font-family: "Google Sans Flex";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}

.black_btn_t:hover {
    display: flex;
    height: 54px;
    padding: 16px 40px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    border: 1px solid var(--Base-04, #E9E9E9);
    background: var(--Base-White, #FFF);
    color: var(--Base-Off-Black, #0F0F0F);
    text-align: center;

    /* P/Btn */
    font-family: "Google Sans Flex";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}

.third_bc {
    display: flex;
    flex-direction: row;
}

.left_third_bc {
    background: var(--Base-Off-White, #FAFAFA);
    width: 78.07%;
    display: flex;
    flex-direction: column;
    padding: 111.5px 0px;
    padding-right: 6.93%;
    padding-left: 32px;
    gap: 40px;
    align-items: flex-end;
    justify-content: flex-end;
}

.right_third_bc {
    position: relative;
    width: 21.93%;
}

.top_left_third_bc {
    max-width: 1063px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    margin-left: auto;
}

.top_left_third_bc h1 {
    color: var(--Base-Off-Black, #0F0F0F);
    font-feature-settings: 'liga'off, 'clig'off;

    /* Heading/H2 */
    font-family: "Google Sans Flex";
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    /* 56px */
    text-transform: capitalize;
    margin-bottom: 0px;
    align-self: stretch;
}

.top_left_third_bc p {
    color: var(--Base-Off-Black, #0F0F0F);

    /* P/Std */
    font-family: "Google Sans Flex";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 25.6px */
    margin-bottom: 0px;
    opacity: 0.5;
}

.bottom_left_third_bc {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    max-width: 1063px;
    width: 100%;
    margin-left: auto;
}

.each_box_t {
    display: flex;
    padding: 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    flex: 1 0 0;
    border-radius: 8px;
    border: 1px solid var(--Base-04, #E9E9E9);
    background: var(--Base-White, #FFF);
    max-width: 338.33px;
    width: 100%;
}

.each_box_t h1 {
    color: var(--Base-Off-Black, #0F0F0F);
    font-feature-settings: 'liga'off, 'clig'off;

    /* Heading/H4 */
    font-family: "Google Sans Flex";
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 31.2px */
    text-transform: capitalize;
    margin-bottom: 0px;
    align-self: stretch;
}

.each_box_t h2 {
    color: var(--Base-02, #727272);

    /* P/Std */
    font-family: "Google Sans Flex";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 25.6px */
    margin-bottom: 0px;
    align-self: stretch;
}

.each_box_t h2 span {
    color: var(--Base-Success-Green, #47B147);

    /* P/Std */
    font-family: "Google Sans Flex";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.fourth_bc {
    display: flex;
    padding: 104px 32px;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
}

.inner_fourth_bc {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    align-self: stretch;
    max-width: 1256px;
    width: 100%;
}

.tt_faq {
    color: var(--Base-Off-Black, #0F0F0F);
    font-feature-settings: 'liga'off, 'clig'off;

    /* Heading/H2 */
    font-family: "Google Sans Flex";
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    /* 56px */
    text-transform: capitalize;
    margin-bottom: 0px;
}

.browse_div {
    margin-top: 120px;
    display: flex;
    padding: 104px 32px;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    background: linear-gradient(180deg, #FAFAFA 0%, #FFF 13.44%);
}

.inner_browse_div {
    margin-left: auto;
    margin-right: auto;
    max-width: 1265px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 80px;
    align-self: stretch;
}

.search_input_browse_t {
    color: var(--Base-Off-Black, #0F0F0F);
    text-align: center;
    font-feature-settings: 'liga'off, 'clig'off;

    /* Heading/H2 */
    font-family: "Google Sans Flex";
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    /* 56px */
    text-transform: capitalize;
    align-self: stretch;
    border: none;
}

.search_input_browse_t::placeholder,
.search_input_browse_t:focus {
    color: var(--Base-Off-Black, #0F0F0F);
    text-align: center;
    font-feature-settings: 'liga'off, 'clig'off;

    /* Heading/H2 */
    font-family: "Google Sans Flex";
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    /* 56px */
    text-transform: capitalize;
    align-self: stretch;
    border: none;
    outline: none;
}

.below_search_t {
    display: flex;
    align-items: flex-start;
    gap: 64px;
    align-self: stretch;
}

.left_below_search_t {
    max-width: 288px;
    width: 100%;
}

.right_below_search_t {
    max-width: 904px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}

.top_t {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 24px;
    align-self: stretch;
}

.middle_t {
    display: inline-grid;
    row-gap: 24px;
    column-gap: 24px;
    align-self: stretch;
    /*grid-template-rows: repeat(3, fit-content(100%));*/
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-flow: row;
}

.bottom_t {
    display: flex;
    padding-top: 24px;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    align-self: stretch;
}

.browse_box_t {
    max-width: 285.33px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-self: stretch;
    border-radius: 8px;
    border: 1px solid var(--Base-04, #E9E9E9);
    background: var(--Base-Off-White, #FAFAFA);
}

.bottom_box_t {

    display: flex;
    padding: 16px 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch;
}

.bottom_box_t h1 {
    color: var(--Base-Off-Black, #0F0F0F);
    text-align: center;

    /* P/Sml */
    font-family: "Google Sans Flex";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    opacity: 0.5;
    align-self: stretch;
    margin-bottom: 0px;
}

.bottom_box_t p {
    color: var(--Base-Off-Black, #0F0F0F);
    text-align: center;

    /* P/Std */
    font-family: "Google Sans Flex";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 25.6px */
    align-self: stretch;
    margin-bottom: 0px;
}

.box_img_t {
    height: 285.33px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.nav_t {
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
}

.nav_t_pp {
    color: var(--Base-Off-Black, #0F0F0F);

    /* P/Sml */
    font-family: "Google Sans Flex";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 0px;
}

.nav_nav_main {
    display: flex;
    align-items: flex-start;
    gap: 2px;
}
.new_css_t {
    color: var(--Base-Off-Black, #0F0F0F);

/* P/Sml */
font-family: "Google Sans Flex";
font-size: 14px;
font-style: italic;
font-weight: 400;
line-height: normal;
text-transform: capitalize;
}

.nav_box {
    text-decoration: none;
    display: flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    color: var(--Base-Off-Black, #0F0F0F);
    text-align: center;

    /* P/Sml */
    font-family: "Google Sans Flex";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
}

.nav_box_active {
    display: flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    border-radius: 8px;
    border: 1px solid var(--Base-04, #E9E9E9);
    background: var(--Base-Off-White, #FAFAFA);
    color: var(--Base-Off-Black, #0F0F0F);
    text-align: center;

    /* P/Sml */
    font-family: "Google Sans Flex";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
}

.nav_box_active2 {
    display: flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    border-radius: 8px;
    border: 1px solid var(--Base-04, #E9E9E9);
    background: var(--Base-Off-White, #FAFAFA);
    color: var(--Base-Off-Black, #0F0F0F);
    text-align: center;

    /* P/Sml */
    font-family: "Google Sans Flex";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
}

.browse_box_t:hover {
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);
}

.sort-dropdownt {
    position: relative;
    display: inline-block;
}

.sort-btnt {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    background: #fff;
    border: none;
    cursor: pointer;
    padding: 0;

    color: #0F0F0F;
    font-family: "Google Sans Flex";
    font-size: 16px;
    font-weight: 400;
    line-height: 160%;
}

.arrow-icont {
    transition: transform .3s ease;
}

.sort-dropdownt.active .arrow-icont {
    transform: rotate(180deg);
}

.sort-menut {
    position: absolute;
    top: calc(100% + 10px);
    left: -107px;
    min-width: 180px;

    background: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .12);

    padding: 8px 0;
    margin: 0;
    list-style: none;

    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);

    transition: .3s ease;
    z-index: 100;
}

.sort-dropdownt.active .sort-menut {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.sort-itemt {
    padding: 12px 18px;
    cursor: pointer;

    color: #0F0F0F;
    font-family: "Google Sans Flex";
    font-size: 15px;

    transition: .2s;
}

.sort-itemt:hover,
.sort-itemt.active {
    background: #F5F5F5;
}

.custom-filter-boxt {
    width: 100%;
    position: relative;
}

.custom-filter-togglet {
    border-top: 1px solid var(--Base-03, #BDBDBD) !important;
    width: 100%;
    padding: 20px 0 12px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    border: none;
    cursor: pointer;

    color: #0F0F0F;
    font-size: 16px;
    font-weight: 400;
    line-height: 160%;
}

.custom-filter-icont {
    transition: transform .3s ease;
}

.custom-filter-boxt.active .custom-filter-icont {
    transform: rotate(180deg);
}

.custom-filter-listt {
    overflow: hidden;
    height: auto;
    transition: height .35s ease;
}
.custom-filter-itemt {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 16px 0;
    cursor: pointer;
}

/* Hide default checkbox */
.custom-filter-itemt input {
    display: none;
}

/* Checkbox */
.custom-checkboxt {
    width: 20px;
    height: 20px;
    border: 1px solid #111;
    background: #fff;
    position: relative;
    box-sizing: border-box;
    flex-shrink: 0;
}

/* Inner square */
.custom-checkboxt::after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: .2s ease;
}

/* Checked */
.custom-filter-itemt input:checked+.custom-checkboxt {
    background: #111;
    border-color: #111;
}

.custom-filter-itemt input:checked+.custom-checkboxt::after {
    opacity: 1;
}

.custom-filter-itemt:hover .custom-checkboxt {
    border-color: #000;
}

.filter-dropdownt {
    width: 100%;
    position: relative;
}

.filter-headert {
    border-top: 1px solid var(--Base-03, #BDBDBD) !important;
    width: 100%;
    padding: 20px 0 12px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    border: none;
    cursor: pointer;

    color: #0F0F0F;
    font-size: 16px;
    font-weight: 400;
    line-height: 160%;
}

.filter-arrowt {
    transition: transform .3s ease;
}

.filter-dropdownt.active .filter-arrowt {
    transform: rotate(180deg);
}

.filter-menut {
    overflow: hidden;
    height: auto;
    transition: height .35s ease;
    margin-bottom: 12px;
}

/* .filter-dropdownt:not(.active) .filter-menut {
    max-height: 0;
    opacity: 0;
    transform: translateY(-6px);
    margin-bottom: 0;
} */
.filter-optiont {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 16px;
    margin-bottom: 16px;
    cursor: pointer;

}

/* Hide default checkbox */
.filter-optiont input {
    display: none;
}

/* Checkbox */
.checkmarkt {
    width: 20px;
    height: 20px;
    border: 1px solid #111;
    background: #fff;
    position: relative;
    box-sizing: border-box;
    flex-shrink: 0;
}

/* Inner square */
.checkmarkt::after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: .2s ease;
}

/* Checked */
.filter-optiont input:checked+.checkmarkt {
    background: #111;
    border-color: #111;
}

.filter-optiont input:checked+.checkmarkt::after {
    opacity: 1;
}

/* Hover */
.filter-optiont:hover .checkmarkt {
    border-color: #000;
}

.category-dropdownt {
    width: 100%;
}

.category-headert {
    border-top: 1px solid var(--Base-03, #BDBDBD) !important;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: transparent;
    border: none;
    padding: 20px 0px;
    cursor: pointer;

    color: #111;
    font-size: 16px;
    font-weight: 400;
}

.category-arrowt {
    transition: .3s ease;
}

.category-dropdownt.active .category-arrowt {
    transform: rotate(180deg);
}

.category-menut {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    overflow: hidden;
    height: auto;
    transition: height .35s ease;
    margin-bottom: 20px;
}

.category-chipt {
    text-decoration: none;
    /* height: 56px; */
    padding: 8px 16px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    border-radius: 4px;
    border: 1px solid var(--Base-Off-Black, #0F0F0F);

    background: #fff;
    color: var(--Base-Off-Black, #0F0F0F);

    /* P/Sml */
    font-family: "Google Sans Flex";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    cursor: pointer;

    transition: .25s;
}

.category-chipt:hover {
    background: #f6f6f6;
}

.category-chipt.active {
    background: #111;
    color: var(--Base-White, #FFF);

    /* P/Sml */
    font-family: "Google Sans Flex";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
}

.category-chipt span {
    font-size: 16px;
    line-height: 1;
}

.main_category {
    color: var(--Base-Off-Black, #0F0F0F);

    /* P/Sml */
    font-family: "Google Sans Flex";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
}

.main_tt_cat {
    color: var(--Base-Off-Black, #0F0F0F);

    /* P/Std */
    font-family: "Google Sans Flex";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 25.6px */
}

.filter_div_t {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    margin-bottom: 24px;
}

.filter_div_t p {
    color: var(--Base-Off-Black, #0F0F0F);
    font-feature-settings: 'liga'off, 'clig'off;

    /* Heading/H4 */
    font-family: "Google Sans Flex";
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 31.2px */
    text-transform: capitalize;
    margin-bottom: 0px;
}

.filter_div_t h1 {
    color: var(--Base-Off-Black, #0F0F0F);

    /* P/Std */
    font-family: "Google Sans Flex";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 25.6px */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    margin-bottom: 0px;
}

.shwiing_results {
    color: var(--Base-Off-Black, #0F0F0F);

    /* P/Sml */
    font-family: "Google Sans Flex";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    align-self: stretch;
    margin-bottom: 24px;
}

.buy_cred_box {
    display: flex;
    max-width: 200px;
    width: 100%;
    padding: 32px 0;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    border-radius: 8px;
    border: 2px solid var(--Base-04, #E9E9E9);
    background: var(--Base-Off-White, #FAFAFA);
}
.buy_cred_box.active {
    border: 2px solid var(--Base-Success-Green, #47B147);

}

.buy_cred_box h1 {
    color: var(--Base-Off-Black, #0F0F0F);
    text-align: center;
    font-feature-settings: 'liga'off, 'clig'off;

    /* Heading/H4 */
    font-family: "Google Sans Flex";
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 31.2px */
    text-transform: capitalize;
    align-self: stretch;
    margin-bottom: 0px;
}

.buy_cred_box h2 {
    color: var(--Base-Off-Black, #0F0F0F);

    /* P/Sml */
    font-family: "Google Sans Flex";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 0px;
}

.divider_t {
    height: 1px;
    width: 100%;
    background-color: #E9E9E9;
}

.buy_cred_box h3 {
    color: var(--Base-Off-Black, #0F0F0F);
    text-align: center;
    font-feature-settings: 'liga'off, 'clig'off;

    /* Heading/H2 */
    font-family: "Google Sans Flex";
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    /* 56px */
    text-transform: capitalize;
    margin-bottom: 0px;
    align-self: stretch;
}

.buy_cred_box p {

    color: var(--Base-Off-Black, #0F0F0F);
    text-align: center;
    font-feature-settings: 'liga'off, 'clig'off;

    /* Heading/H4 */
    font-family: "Google Sans Flex";
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 31.2px */
    text-transform: capitalize;
    align-self: stretch;
    opacity: 0.5;
    margin-bottom: 0px;
}

.faq_main_t {
    max-width: 1256px;
    width: 100%;
}

.faq-wrapper-t {
    background: #FAFAFA;
    padding: 64px;
}

.accordion-t .accordion-button-t::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E") !important;
}

.accordion-t .accordion-button-t:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E") !important;
    transform: rotate(-180deg);
}

.accordion-t {
    border: none;
}

.accordion-t .accordion-item-t {
    border: none;
    background: transparent;
    border-radius: 0;
}
.accordion-t .accordion-item-t:first-child .accordion-button-t{
    padding-top: 0px;
}

.accordion-t .accordion-item-t:last-child .accordion-button-t{
    padding-bottom: 0px;
}
.accordion-t .accordion-item-t:last-child .accordion-button-t:not(.collapsed){
    
    padding-bottom: 8px;
}
.accordion-t .accordion-button-t:not(.collapsed){
    padding-bottom: 8px;
}
.accordion-t .accordion-button-t {
    background: transparent;
    box-shadow: none;
    border: none;
    padding:20px  0;
    color: var(--Base-Off-Black, #0F0F0F);
    font-feature-settings: 'liga'off, 'clig'off;

    /* Heading/H4 */
    font-family: "Google Sans Flex";
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 31.2px */
    text-transform: capitalize;
}

.accordion-t .accordion-button-t:not(.collapsed) {
    background: transparent;
    color: var(--Base-Off-Black, #0F0F0F);
    font-feature-settings: 'liga'off, 'clig'off;

    /* Heading/H4 */
    font-family: "Google Sans Flex";
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 31.2px */
    text-transform: capitalize;
    box-shadow: none;
}

.accordion-t .accordion-button-t:focus {
    box-shadow: none;
}

.accordion-t .accordion-body-t {
    padding: 0 0 20px;
    opacity: 0.5;
    color: var(--Base-Off-Black, #0F0F0F);

/* P/Std */
font-family: "Google Sans Flex";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 160%; /* 25.6px */
    max-width: 95%;
}


.accordion-t .accordion-button-t::after {
    width: 16px;
    height: 16px;
    background-size: 16px;
    transition: .3s;
}

.accordion-t .accordion-button-t:not(.collapsed)::after {
    transform: rotate(-180deg);
}




/* Accordion opening animation */
.accordion-t .accordion-collapse {
    transition: height .40s cubic-bezier(.68, -0.55, .27, 1.55);
}

.accordion-t .accordion-body-t {
    transition:
        opacity .18s ease,
        transform .30s cubic-bezier(.68, -0.55, .27, 1.55);
}

/* When opened */
.accordion-t .accordion-collapse.show .accordion-body-t {
    transform: translateY(0) scaleY(1);
}

/* Arrow */
.accordion-t .accordion-button-t::after {
    transition: transform .45s cubic-bezier(.68, -0.55, .27, 1.55);
}

.accordion-t .accordion-button-t:not(.collapsed)::after {
    transform: rotate(-180deg) scale(1.15);
}
.accordion-t .accordion-button-t:not(.collapsed),.accordion-t .accordion-button-t { 
    gap: 24px;
}
.main_tmodal {
    max-width: 644px;
    width: 100%;
}
.tirthak_modal {
    max-width: 644px;
    width: 100%;
    display: inline-flex;
    padding: 80px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 32px;
    border-radius: 8px;
background: var(--Base-Off-White, #FAFAFA);
}
.top_modal_t {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}
.middle_modal_t {
    display: flex;
    align-items: flex-start;
    gap: 24px;
}
.bottom_modal_t {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.top_modal_t h1 {
    color: var(--brand-blue, #2C6AFB);
font-feature-settings: 'liga' off, 'clig' off;

/* Heading/H5 */
font-family: "Google Sans Flex";
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 130%; /* 23.4px */
text-transform: capitalize;
margin-bottom: 0px;
}
.top_modal_t h2 {
    color: var(--Base-Off-Black, #0F0F0F);
font-feature-settings: 'liga' off, 'clig' off;

/* Heading/H3 */
font-family: "Google Sans Flex";
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 44.8px */
text-transform: capitalize;
margin-bottom: 0px;
}
.top_modal_t h3 {
    color: var(--Base-Off-Black, #0F0F0F);
text-align: center;

/* P/Std */
font-family: "Google Sans Flex";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 160%; /* 25.6px */
margin-bottom: 0px;
opacity: 0.5;
}
.blue_divt {
    display: flex;
    padding: 8px 16px;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
background: rgba(44, 106, 251, 0.10);
color: var(--brand-blue, #2C6AFB);
text-align: center;

/* P/Sml */
font-family: "Google Sans Flex";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: capitalize;
}
.input_credit_t {
    display: flex;
width: 100%;
height: 54px;
padding: 16px 24px;
align-items: center;
gap: 8px;
border-radius: 4px;
border: 1px solid var(--Base-04, #E9E9E9);
background: var(--Base-White, #FFF);
}
.input_credit_t::placeholder {
    color: var(--Base-02, #727272);

/* P/Btn */
font-family: "Google Sans Flex";
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: capitalize;
}
.cross_modal_t {
    position: absolute;
    right: 26px;
    top: 24px;
        border: none;
    background: none;
}
.for_diff_gap {
    display: flex;
        flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 32px;
}


#tirthak_owl .owl-nav {
    position: absolute;
    width: calc(100% + 120px);
    top: 50%;
    left: -60px;
    transform: translateY(-50%);
    margin: 0;
    display: flex;
    justify-content: space-between;
}
#tirthak_owl .owl-nav button.owl-next,#tirthak_owl .owl-nav button.owl-prev {
    margin: 0px!important;
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0px;
}
button.btn.nav_button_t_right,button.nav_button_t_left {
    background-color: white;
    padding: 0px;
    /* height: 278px; */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0px;
}


@media only screen and (max-width: 700px) {
    .mobile_nonet {
        display: none;
    }

    .desktop_nonet {
        display: block;
    }
    .for_diff_gap {
    gap: 24px;
}

.each_box_t {
    padding: 40px 24px;
}
    .first_bc {
        margin-top: 80px;
    }

    .bc_content1 {
        padding: 149px 24px;
    }

    .bc_content1 h1 {
        color: var(--Base-White, #FFF);
        text-align: center;
        font-feature-settings: 'liga'off, 'clig'off;

        /* Heading/M H1 */
        font-family: "Google Sans Flex";
        font-size: 32px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -1px;
        text-transform: capitalize;
        align-self: stretch;
    }

    .bc_content1 p {

        color: var(--Base-03, #BDBDBD);
        text-align: center;
        leading-trim: both;
        text-edge: cap;

        /* P/Standard */
        font-family: Soleil;
        font-size: 16px;
        font-style: normal;
        font-weight: 350;
        line-height: 183.5%;
        /* 29.36px */
        align-self: stretch;
    }

    .second_bc {
        padding: 40px 0px 40px 24px;
    }
    .top_ineer_second_bc {
        padding-right: 24px;
    }

    .ineer_second_bc {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 32px;
    }

    .top_ineer_second_bc h1 {
        color: var(--Base-Off-Black, #0F0F0F);
        text-align: center;
        font-feature-settings: 'liga'off, 'clig'off;

        /* Heading/H4 */
        font-family: "Google Sans Flex";
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 130%;
        /* 31.2px */
        text-transform: capitalize;
        align-self: stretch;
    }

    .top_ineer_second_bc p {
        color: var(--Base-Off-Black, #0F0F0F);
        text-align: center;

        /* P/Std */
        font-family: "Google Sans Flex";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        /* 25.6px */
        align-self: stretch;
    }

    .black_btn_t {
        width: 100%;
    }

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

    .left_third_bc {
        width: 100%;
        padding: 40px 24px;
        gap: 24px;
    }

    .top_left_third_bc {
        gap: 16px;
    }

    .top_left_third_bc h1 {
        color: var(--Base-Off-Black, #0F0F0F);
        font-feature-settings: 'liga'off, 'clig'off;

        /* Heading/H4 */
        font-family: "Google Sans Flex";
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 130%;
        /* 31.2px */
        text-transform: capitalize;
    }

    .top_left_third_bc p {
        color: var(--Base-Off-Black, #0F0F0F);

        /* P/Std */
        font-family: "Google Sans Flex";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        /* 25.6px */
        align-self: stretch;
    }

    .right_third_bc {
        width: 100%;
        height: 200px;
    }

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

    .fourth_bc {
        display: flex;
        padding: 40px 24px;
        flex-direction: column;
        align-items: center;
    }

    .inner_fourth_bc {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 24px;
        align-self: stretch;
        width: 100%;
    }

    .tt_faq {
        color: var(--Base-Off-Black, #0F0F0F);
        font-feature-settings: 'liga'off, 'clig'off;

        /* Heading/H4 */
        font-family: "Google Sans Flex";
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 130%;
        /* 31.2px */
        text-transform: capitalize;
    }

    .browse_div {
        margin-top: 80px;
        padding: 40px 24px;
    }

    .search_input_browse_t {
        color: var(--Base-Off-Black, #0F0F0F);
        text-align: center;
        font-feature-settings: 'liga'off, 'clig'off;

        /* Heading/M H1 */
        font-family: "Google Sans Flex";
        font-size: 32px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -1px;
        text-transform: capitalize;
        align-self: stretch;
    }

    .inner_browse_div {
        gap: 40px;
    }

    .below_search_t {
        flex-direction: column;
        gap: 24px;
    }

    .top_t {
        justify-content: center;
    }

    .middle_t {
        margin-top: 16px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 24px;
    }

    .browse_box_t {
        max-width: 327px;
    }

    .box_img_t {
        height: 327px;
    }

    .bottom_t_2 {
        display: flex;
        padding-top: 16px;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
    }

    .nav_text_p {
        color: var(--Base-Off-Black, #0F0F0F);

        /* Text sm/Regular */
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        /* 142.857% */
        margin-bottom: 0px;
    }

    .nav_text_p span {
        color: var(--Base-Off-Black, #0F0F0F);

        /* Text sm/Medium */
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px;
    }

    .left_below_search_t {
        width: 100%;
        max-width: unset;
    }

    .filter_div_t {
        display: flex;
        padding: 12px 24px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        border-radius: 8px;
        border: 1px solid var(--Color-Scheme-1-Border, #000);
    }

    .filter_div_t p {
        color: var(--Color-Scheme-1-Text, #000);

        /* Text/Regular/Normal */
        font-family: Roboto;
        font-size: var(--Text-Sizes-Text-Regular, 16px);
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 24px */
    }
    .faq-wrapper-t {
        padding: 24px;
    }
    .accordion-t .accordion-button-t:not(.collapsed),.accordion-t .accordion-button-t {
        color: var(--Base-Off-Black, #0F0F0F);
font-feature-settings: 'liga' off, 'clig' off;

/* Heading/H5 */
font-family: "Google Sans Flex";
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 130%; /* 23.4px */
text-transform: capitalize;
gap: 24px;
    }
    .accordion-t .accordion-body-t {
        color: var(--Base-Off-Black, #0F0F0F);

        /* P/Std */
        font-family: "Google Sans Flex";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%; /* 25.6px */
    }
    .accordion-t .accordion-body-t { 
        max-width: 84%;
    }
    .last_ineer_second_bc {
        flex-direction: column;
        gap: 16px;
        padding-right: 24px;
    }
    .white_btn_t {
        width: 100%;
    }
    .tirthak_modal {
        width: auto;
        gap: 24px;
        padding: 80px 24px 40px 24px;
    }
    .top_modal_t {
        gap: 16px;
    }
    .top_modal_t h2 {
        color: var(--Base-Off-Black, #0F0F0F);
        text-align: center;
        font-feature-settings: 'liga' off, 'clig' off;
        
        /* Heading/M H1 */
        font-family: "Google Sans Flex";
        font-size: 32px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -1px;
        text-transform: capitalize;
    }
    .bottom_modal_t {
        flex-direction: column;
    }
    .main_tmodal {
        max-width: unset;
        width: auto;
    }
    .middle_modal_t {
        width: 100%;
        justify-content: center;
    }
    .blue_divt {
        width: 100%;
        justify-content: center;
    }
    .cross_modal_t {
        position: absolute;
        right: 50%;
        transform: translateX(50%);
        top: 32px;
    }
    #tirthak_owl .owl-nav {
        padding-right: 24px;
        margin-top: 32px!important;
        position: unset;
        width: unset;
        /* top: 50%; */
        /* left: -60px; */
        transform: unset;
        margin: 0;
        display: flex;
        justify-content: space-between;
    }
    #tirthak_owl.owl-carousel.owl-drag .owl-item {
        width: 200px!important;
    margin-right: 24px!important;
    }
}


@media only screen and (min-width: 780px) and (max-width:991px) {}

@media only screen and (min-width: 992px) and (max-width: 1151px) {}

@media only screen and (min-width: 1152px) and (max-width:1279px) {}

@media only screen and (min-width: 1280px) and (max-width:1348px) {}

@media only screen and (min-width: 1349px) and (max-width:1439px) {}

@media only screen and (min-width: 1440px) and (max-width:1499px) {}

@media only screen and (min-width: 1500px) and (max-width:1599px) {}

@media only screen and (min-width: 1600px) and (max-width:1699px) {}

@media only screen and (min-width: 1700px) and (max-width:1799px) {}

@media only screen and (min-width: 1800px) and (max-width:1919px) {}








/* Desktop */
@media (min-width:768px) {

    .filter_div_t {
        cursor: default;
    }

    .filter_arrow_t {
        display: none;
        /* Optional: hide arrow on desktop */
    }

    .filter_content_t {
        display: block !important;
        max-height: none !important;
        overflow: visible !important;
    }
}

/* Mobile */
@media (max-width:767px) {

    .filter_div_t {
        margin-bottom: 0px;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

    .filter_arrow_t {
        transition: transform .3s;
    }

    .filter_content_t {
        max-height: 0;
        overflow: hidden;
        transition: max-height .35s ease;
    }

    .filter-dropdownt {
        padding-top: 24px;
    }

    .left_below_search_t.active .filter_content_t {
        max-height: 1000px;
    }

    .left_below_search_t.active .filter_arrow_t {
        transform: rotate(180deg);
    }
}