@import url("./globals.css");
@import url("./variables.css");



/*-----------------------------SWITCH BUTTON STARTS-----------------------------*/

:root {
    --switch-bg-color: var(--asus-beyond-blue);
    --switch-text-color: white;
}

.switches-container,
.switches-container-1 {
    width: 266px;
    display: flex;
    padding: 0;
    position: relative;
    background: var(--form-input);
    border-radius: 2px;
}

.switches-container-1 {
    outline: 1px solid #6a8afb;
}

.switches-container img {
    filter: brightness(0);
    margin-top: -2px;
}

.switches-container input,
.switches-container-1 input {
    visibility: hidden;
    position: absolute;
    top: 0;
}

.switches-container label,
.switches-container-1 label {
    width: 50%;
    margin: 0;
    height: 38px;
    text-align: center;
    font-size: 14px;
    font-family: var(--myrid);
    cursor: pointer;
    color: var(--asus-dark-gray);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.switch-wrapper,
.switch-wrapper-1 {
    position: absolute;
    top: 0;
    bottom: 0;
    border-radius: 2px;
    width: 50%;
    z-index: 3;
    box-shadow: 10px 4px 10px 0px rgba(0, 0, 0, 0.12);
    transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

.switch-wrapper-1 {
    outline: 1px solid #6a8afb;
}

.switch,
.switch-1 {
    border-radius: 2px;
    background: var(--switch-bg-color);
    height: 100%;
    font-size: 14px;
    font-family: var(--myrid);
}

.switch div,
.switch-1 div {
    width: 100%;
    text-align: center;
    height: inherit;
    opacity: 0;
    display: block;
    color: var(--switch-text-color);
    transition: opacity 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0.125s;
    will-change: opacity;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.switch div img {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(287deg) brightness(102%) contrast(105%);
    margin-top: -2px;
}

.switches-container input:nth-of-type(1):checked~.switch-wrapper {
    transform: translateX(0%);
}

.switches-container-1 input:nth-of-type(1):checked~.switch-wrapper-1 {
    transform: translateX(0%);
}

.switches-container input:nth-of-type(2):checked~.switch-wrapper {
    transform: translateX(100%);
}

.switches-container-1 input:nth-of-type(2):checked~.switch-wrapper-1 {
    transform: translateX(100%);
}

.switches-container input:nth-of-type(1):checked~.switch-wrapper .switch div:nth-of-type(1) {
    opacity: 1;
}

.switches-container-1 input:nth-of-type(1):checked~.switch-wrapper-1 .switch-1 div:nth-of-type(1) {
    opacity: 1;
}

.switches-container input:nth-of-type(2):checked~.switch-wrapper .switch div:nth-of-type(2) {
    opacity: 1;
}

.switches-container-1 input:nth-of-type(2):checked~.switch-wrapper-1 .switch-1 div:nth-of-type(2) {
    opacity: 1;
}

/*-----------------------------SWITCH BUTTON END-----------------------------*/

/* LOADING SCREEN START */

.loading_screen {
    height: 100vh;
    width: 100vw;
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 50;
    backdrop-filter: blur(2px);
    background-color: #01223770;
}

.loading_screen img {
    height: 30vh;
    width: 30vw;
    object-fit: contain;
}

/* LOADING SCREEN END */


/* DISCLAIMER SECTION START */

.disclaimer_main_div {
    position: relative;
    position: fixed;
    z-index: 10;
    right: 0%;
    top: 50%;
}

.disclaimer_main_div .disclaimer_tooltip {
    display: flex;
    padding: 14px 20px;
    background: var(--primary-white);
    width: fit-content;
    float: right;
    cursor: pointer;
    border-radius: 4px 0px 0px 4px;
}

.disclaimer_main_div .disclaimer_tooltip p {
    color: var(--Black, #000);
    font-family: var(--tt-norms);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: -0.28px;
    margin-bottom: 0px;
    margin-right: 6px;
}

.disclaimer_main_div .disclaimer_description {
    display: flex;
    align-items: center;
    background: var(--asus-dark-gray);
    padding: 27px 30px;
    width: fit-content;
    max-width: 604px;
    min-width: 604px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -604px;
    animation: closeAnime 0.3s ease-in-out forwards;
    border-radius: 4px 0px 0px 4px;
}

@keyframes closeAnime {
    0% {
        right: 0px;
    }

    100% {
        right: -604px;
    }
}

.disclaimer_main_div .disclaimer_description.open {
    animation: openAnime 0.3s ease-in-out forwards;
}

@keyframes openAnime {
    0% {
        right: -604px;
    }

    100% {
        right: 0px;
    }
}

.disclaimer_main_div .disclaimer_description .cancel_btn {
    position: absolute;
    top: 12px;
    right: 40px;
    height: 24px;
    width: 24px;
    cursor: pointer;
}

.disclaimer_main_div .disclaimer_description .cancel_btn::before {
    position: absolute;
    content: '';
    height: 100%;
    width: 3px;
    background: var(--primary-white);
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
}

.disclaimer_main_div .disclaimer_description .cancel_btn::after {
    position: absolute;
    content: '';
    height: 100%;
    width: 3px;
    background: var(--primary-white);
    left: 50%;
    transform: translateX(-50%) rotate(-45deg);
}

.disclaimer_main_div .disclaimer_description .heading {
    display: flex;
    align-items: center;
    margin-right: 24px;
}

.disclaimer_main_div .disclaimer_description .heading p {
    color: var(--primary-white);
    font-family: var(--tt-norms-bold);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: -0.28px;
    margin-bottom: 0px;
    margin-right: 6px;
}

.disclaimer_main_div .disclaimer_description .heading img {
    filter: brightness(0) invert(1);
}

.disclaimer_main_div .disclaimer_description .description {
    padding-right: 40px;
}

.disclaimer_main_div .disclaimer_description .description p {
    color: var(--asus-light-gray);
    font-family: var(--myrid);
    font-size: 14px;
    font-style: normal;
    font-weight: 100;
    line-height: 18px;
    letter-spacing: -0.014px;
    margin-bottom: 0px;
}

.disclaimer_main_div .disclaimer_description .description p a {
    color: var(--asus-light-gray);
    font-weight: 700;
    text-decoration: underline;
}

/* DISCLAIMER SECTION END */


/* GOOGLE MAP SECTION START */

.map_section_main_div {
    margin-bottom: 68px;
    margin-top: 18px;
    position: relative;
    overflow: hidden;
}

.map_section_main_div .service_support_description {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 36px;
}

.map_section_main_div .service_support_description .top_heading p {
    color: var(--primary-black);
    font-family: var(--myrid);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.4px;
    margin-bottom: 0px;
}

.map_section_main_div .service_support_description .top_heading h1 {
    color: var(--tt-norms-medium);
    font-family: var(--tt-norms-medium);
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 42px;
    letter-spacing: -0.72px;
    margin-bottom: 0px;
}

.map_section_main_div .service_support_description .search_box {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    max-width: 807px;
    width: 100%;
    border-radius: 2px;
    border: 1px solid var(--asus-beyond-blue);
    background: var(--primary-white);
    backdrop-filter: blur(17px);
}

.map_section_main_div .service_support_description .search_box .category_slider_wrapper {
    display: none;
}

.map_section_main_div .service_support_description .search_box .pincode_input {
    max-width: 209px;
    width: 100%;
    padding-inline: 17px;
}

.map_section_main_div .service_support_description .search_box .pincode_input input {
    border: none;
    outline: none;
    color: var(--asus-dark-gray);
    font-family: var(--myrid);
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.014px;
}

/* Chrome, Safari, Edge, Opera */
.map_section_main_div .service_support_description .search_box .pincode_input input::-webkit-outer-spin-button,
.map_section_main_div .service_support_description .search_box .pincode_input input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.map_section_main_div .service_support_description .search_box .pincode_input input[type=number] {
    -moz-appearance: textfield;
}

.map_section_main_div .service_support_description .search_box .category_div {
    max-width: 354px;
    width: 100%;
    padding: 10px 25px 10px 40px;
    border-left: 1px solid #B9C3D0;
}

.map_section_main_div .service_support_description .search_box .category_div select {
    width: 100%;
    height: 100%;
    outline: none;
    border: none;
    color: var(--asus-dark-gray);
    font-family: var(--myrid);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.016px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url('../assets/icons/category_icon.svg');
    background-repeat: no-repeat;
    background-position: center right 10px;
    padding-inline: 20px;
}

.map_section_main_div .service_support_description .search_box button {
    max-width: 243px;
    width: 100%;
    padding: 10px;
    background: var(--asus-beyond-blue);
    color: var(--primary-white);
    font-family: var(--myrid);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.015px;
    border-radius: 2px;
    border: 1px solid #91A4E8;
}

.map_section_main_div .map_filter_div {
    background: var(--asus-white-smoke);
}

.map_section_main_div .map_filter_div .row.map_filter_row {
    min-height: 600px;
}

.map_section_main_div .map_filter_div .disclaimer_description {
    padding: 20px;
    background: var(--asus-dark-gray);
    text-align: center;
    border-radius: 4px;
    margin-bottom: 17px;
    display: none;
}

.map_section_main_div .map_filter_div .disclaimer_description h2 {
    color: var(--primary-white);
    font-family: var(--tt-norms-bold);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: -0.016px;
    margin-bottom: 15px;
}

.map_section_main_div .map_filter_div .disclaimer_description p {
    color: var(--asus-light-gray);
    text-align: center;
    font-family: var(--myrid);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: -0.014px;
    margin-bottom: 0px;
}

.map_section_main_div .map_filter_div .disclaimer_description p a {
    font-weight: 700;
    text-decoration: underline;
    color: var(--asus-light-gray);
}

.map_section_main_div .map_filter_div .select_location_div {
    margin-left: 5%;
    padding-left: 20px;
}

.map_section_main_div .map_filter_div .select_location_div .location_category_select {
    margin-top: 38px;
    margin-bottom: 26px;
    margin-right: 55px;
}

.map_section_main_div .map_filter_div .select_location_div .location_category_select .location_show_text {
    color: var(--primary-black);
    font-family: var(--myrid);
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.44px;
}

.map_section_main_div .map_filter_div .select_location_div .location_category_select .select_option_div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.map_section_main_div .map_filter_div .select_location_div .location_category_select .select_option_div .select_option_show {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.map_section_main_div .map_filter_div .select_location_div .location_category_select .select_option_div .select_bags {
    padding: 11px 11px 11px 11px;
    background: #E7E7E7;
    display: flex;
    align-items: center;
    border-radius: 2px;
}

.map_section_main_div .map_filter_div .select_location_div .location_category_select .select_option_div .select_bags .cancel_btn {
    position: relative;
    height: 12px;
    width: 12px;
    margin-left: 10px;
    cursor: pointer;
}

.map_section_main_div .map_filter_div .select_location_div .location_category_select .select_option_div .select_bags .cancel_btn::before {
    position: absolute;
    content: '';
    height: 100%;
    width: 1px;
    background: var(--primary-black);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}

.map_section_main_div .map_filter_div .select_location_div .location_category_select .select_option_div .select_bags .cancel_btn::after {
    position: absolute;
    content: '';
    height: 100%;
    width: 1px;
    background: var(--primary-black);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
}

.map_section_main_div .map_filter_div .select_location_div .location_category_select .select_option_div .select_bags p {
    color: var(--asus-dark-gray);
    font-family: var(--myrid);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.012px;
    margin-bottom: 0px;
}

.map_section_main_div .map_filter_div .select_location_div .location_category_select .select_option_div .select_bags p b {
    margin-right: 5px;
    color: var(--primary-black);
}

.map_section_main_div .map_filter_div .select_location_div .location_category_select .select_option_div .reset_btn {
    padding: 11px 50px;
    border: 1px solid var(--asus-beyond-blue);
    background: transparent;
    border-radius: 2px;
    cursor: pointer;
}

.map_section_main_div .map_filter_div .select_location_div .location_category_select .select_option_div .reset_btn p {
    color: var(--asus-beyond-blue);
    text-align: center;
    font-family: var(--myrid);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 0px;
}

.map_section_main_div .map_filter_div .select_location_div .location_details_wrapper {
    display: block;
    overflow-y: scroll;
    max-height: 600px;
    padding-right: 47px;
    flex: 1;
}

/* width */
.map_section_main_div .map_filter_div .select_location_div .location_details_wrapper::-webkit-scrollbar {
    width: 7px;
}

/* Track */
.map_section_main_div .map_filter_div .select_location_div .location_details_wrapper::-webkit-scrollbar-track {
    border-radius: 30px;
    background: var(--asus-light-gray);
}

/* Handle */
.map_section_main_div .map_filter_div .select_location_div .location_details_wrapper::-webkit-scrollbar-thumb {
    background: var(--asus-beyond-blue);
    border-radius: 10px;
}


.map_section_main_div .map_filter_div .select_location_div .location_details_wrapper .location_detail_each {
    position: relative;
    padding: 20px 20px 20px 20px;
    background: var(--primary-white);
    border-radius: 2px;
    margin-bottom: 10px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.map_section_main_div .map_filter_div .select_location_div .location_details_wrapper .location_detail_each.active {
    background: linear-gradient(93deg, #114CD8 0%, #02C7FC 97.12%);
}

.map_section_main_div .map_filter_div .select_location_div .location_details_wrapper .location_detail_each.active h3 {
    color: var(--primary-white);
}

.map_section_main_div .map_filter_div .select_location_div .location_details_wrapper .location_detail_each.active .location_address img {
    filter: brightness(0) invert(1);
}

.map_section_main_div .map_filter_div .select_location_div .location_details_wrapper .location_detail_each.active p {
    color: var(--primary-white) !important;
}

.map_section_main_div .map_filter_div .select_location_div .location_details_wrapper .location_detail_each.active .direction_div {
    background: rgba(0, 0, 0, 0.76);
}

.map_section_main_div .map_filter_div .select_location_div .load_more_details {
    display: none;
    border-radius: 2px;
    border: 1px solid #91A4E8;
    background: var(--asus-beyond-blue);
    padding: 15px;
    width: 100%;
    margin-bottom: 16px;
    color: var(--primary-white);
    font-size: 15px;
    font-family: var(--myrid);
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.015px;
}

.map_section_main_div .map_filter_div .select_location_div .location_details_wrapper .location_detail_each .address {
    padding-right: 100px;
}

.map_section_main_div .map_filter_div .select_location_div .location_details_wrapper .location_detail_each h3 {
    color: var(--primary-black);
    font-family: var(--tt-norms-bold);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: -0.32px;
    margin-bottom: 15px;
}

.map_section_main_div .map_filter_div .select_location_div .location_details_wrapper .location_detail_each .location_address {
    display: flex;
    align-items: flex-start;
}

.map_section_main_div .map_filter_div .select_location_div .location_details_wrapper .location_detail_each .location_address img {
    margin-right: 6px;
}

.map_section_main_div .map_filter_div .select_location_div .location_details_wrapper .location_detail_each .location_address p {
    color: var(--asus-dark-gray);
    font-family: var(--myrid);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: -0.014px;
}

.map_section_main_div .map_filter_div .select_location_div .location_details_wrapper .location_detail_each .all_product {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    flex-wrap: wrap;
}

.map_section_main_div .map_filter_div .select_location_div .location_details_wrapper .location_detail_each .all_product p {
    color: #959595;
    font-family: var(--myrid);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 11px;
    letter-spacing: -0.012px;
    margin-bottom: 0px;
}

.map_section_main_div .map_filter_div .select_location_div .location_details_wrapper .location_detail_each .direction_div {
    padding: 10px;
    background: var(--asus-beyond-blue);
    display: flex;
    align-items: flex-start;
    width: fit-content;
    position: absolute;
    right: 0px;
    top: 0px;
    border-radius: 0px 2px 0px 0px;
}

.map_section_main_div .map_filter_div .select_location_div .location_details_wrapper .location_detail_each .direction_div img {
    margin-right: 6px;
}

.map_section_main_div .map_filter_div .select_location_div .location_details_wrapper .location_detail_each .direction_div p {
    color: var(--primary-white);
    font-family: var(--tt-norms-medium);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: -0.28px;
    margin-bottom: 0px;
}

.map_section_main_div .map_filter_div .map_div {
    height: 100%;
    width: 100%;
}

.map_section_main_div .map_filter_div .map_div #map {
    height: 100%;
    width: 100%;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal {
    position: absolute;
    bottom: 17px;
    left: 20px;
    width: 90%;
    z-index: 5;
    border-radius: 2px;
    background: var(--White, #FFF);
    box-shadow: 0px 8px 16px 0px rgba(139, 139, 139, 0.25);
    display: none;
    grid-template-columns: repeat(1, minmax(auto, 1fr));
}

.map_section_main_div .map_filter_div .map_div .address_details_modal.open {
    display: grid;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal .left_side_details {
    padding: 22px 33px 22px 24px;
    position: relative;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal .left_side_details::before {
    position: absolute;
    content: '';
    right: 0px;
    top: 60px;
    height: calc(100% - 22px - 60px);
    width: 1px;
    background: #EDEDED;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal .left_side_details .top_service {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 17px;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal .left_side_details .top_service .exclusive {
    color: #486284;
    text-align: center;
    font-family: var(--myrid);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.012px;
    padding: 6px 10px;
    margin-bottom: 0px;
    border-radius: 2px;
    background: #E7E7E7;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal .left_side_details .company_name {
    color: var(--primary-black);
    font-family: var(--tt-norms-bold);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24.5px;
    letter-spacing: -0.4px;
    margin-bottom: 21px;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal .left_side_details .address_icon_div {
    display: flex;
    align-items: flex-start;
    margin-bottom: 16px;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal .left_side_details .address_icon_div img {
    margin-right: 8px;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal .left_side_details .address_icon_div p {
    color: var(--primary-black);
    font-family: var(--myrid);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0px;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal .left_side_details .mail_div {
    display: flex;
    align-items: flex-start;
    margin-bottom: 16px;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal .left_side_details .mail_div img {
    margin-right: 8px;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal .left_side_details .mail_div p {
    color: var(--primary-black);
    font-family: var(--myrid);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0px;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal .left_side_details .time_div {
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 2px;
    border: 1px solid rgba(83, 86, 90, 0.40);
    width: fit-content;
    margin-bottom: 19px;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal .left_side_details .time_div img {
    margin-right: 8px;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal .left_side_details .time_div .open_timing {
    color: var(--primary-black);
    font-family: var(--myrid);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 0px;
    margin-right: 6px;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal .left_side_details .time_div .current_time {
    color: var(--primary-black);
    font-family: var(--myrid);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 0px;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal .left_side_details .rating_div .rating_heading {
    color: var(--primary-black);
    font-family: var(--tt-norms-medium);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.28px;
    margin-bottom: 0px;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal .left_side_details .rating_div .rating_star_div {
    display: flex;
    align-items: center;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal .left_side_details .rating_div .rating_star_div .rating_number {
    color: var(--primary-black);
    font-family: var(--myrid);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 0px;
    margin-right: 3px;
    margin-top: 5px;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal .left_side_details .rating_div .rating_star_div .total_rate {
    color: var(--primary-black);
    font-family: var(--myrid);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0px;
    margin-left: 4px;
    margin-right: 20px;
    margin-top: 5px;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal .left_side_details .rating_div .review_btn {
    border-radius: 2px;
    border: 1px solid var(--asus-beyond-blue);
    text-align: center;
    margin-bottom: 0px;
    padding: 5px 20px;
    background: transparent;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal .right_side_details {
    padding: 45px 15px 10px 45px;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal .right_side_details .product_service_div .product_service_text {
    color: var(--primary-black);
    font-family: var(--tt-norms-medium);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24.5px;
    letter-spacing: -0.28px;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal .right_side_details .product_service_div .products_div {
    display: grid;
    grid-template-columns: repeat(4, minmax(auto, 1fr));
    gap: 20px;
    margin-bottom: 10px;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal .right_side_details .product_service_div .products_div .product_single .product_image_div {
    height: auto;
    width: 100%;
    margin-bottom: 8px;
    border-radius: 8px;
    overflow: hidden;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal .right_side_details .product_service_div .products_div .product_single .product_image_div img {
    height: 100%;
    width: 100%;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal .left_side_details .service_call {
    border-radius: 2px;
    border: 1.5px solid #91A4E8;
    color: var(--primary-white);
    background: var(--asus-beyond-blue);
    padding: 8px;
    width: 100%;
    font-family: var(--myrid);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal .left_side_details .direction_link {
    border-radius: 2px;
    border: 1.5px solid var(--asus-beyond-blue);
    color: var(--asus-beyond-blue);
    padding: 8px;
    width: 100%;
    margin-bottom: 6px;
    font-family: var(--myrid);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal .cancel_btn {
    position: absolute;
    right: 10px;
    top: 10px;
    height: 24px;
    width: 24px;
    cursor: pointer;
    z-index: 10;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal .cancel_btn::before {
    position: absolute;
    content: '';
    height: 100%;
    width: 1px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    background: #53565A;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal .cancel_btn::after {
    position: absolute;
    content: '';
    height: 100%;
    width: 1px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    background: #53565A;
}


.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile {
    display: none;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile {
    position: fixed;
    z-index: 5;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 0%;
    padding: 60px 20px;
    overflow-y: scroll;
    border-radius: 30px 30px 0px 0px;
    background: var(--primary-white);
    box-shadow: 0px 8px 16px 0px rgba(139, 139, 139, 0.25);
    transition: all 0.5s ease-in-out;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile.open {
    animation: heightAnime 0.5s ease-in-out forwards;
}

@keyframes heightAnime {
    0% {
        height: 0%;
    }

    100% {
        height: 60%;
    }
}


.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .share_link_div {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 48px;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .store_name {
    color: var(--primary-black);
    font-family: var(--tt-norms-bold);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24.5px;
    letter-spacing: -0.4px;
    margin-bottom: 24px;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .distance_link_div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .distance_link_div .distance_main_div {
    display: grid;
    grid-template-columns: 1fr 1fr;
    position: relative;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .distance_link_div .distance_main_div::before {
    position: absolute;
    content: '';
    left: 0px;
    top: 6px;
    width: 100%;
    border-radius: 5px;
    background: var(--asus-light-gray);
    height: 50%;
    z-index: -1;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .distance_link_div .distance_main_div::after {
    position: absolute;
    content: '';
    left: 5px;
    top: 10px;
    width: calc(50% - 5px);
    border-radius: 5px;
    background: var(--asus-beyond-blue);
    height: calc(50% - 8px);
    z-index: -1;
    transition: all 0.3s ease-in-out;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .distance_link_div .distance_main_div.open::after {
    left: 50%;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .distance_link_div .distance_main_div .card_distance {
    padding: 15px 0px;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .distance_link_div .distance_main_div .icon_div.active img {
    filter: brightness(0) invert(1);
    transition: all 0.2s ease-in-out;
    transition-delay: 0.3s;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .distance_link_div .distance_main_div .card_distance .card_image_div {
    padding: 2px 15px;
    margin-bottom: 17px;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .distance_link_div .distance_main_div .card_distance .distance_text {
    color: #486284;
    font-family: var(--myrid);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: -0.014px;
    text-align: center;
    margin-bottom: 0px;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .distance_link_div .distance_main_div .walk_distance {
    padding: 15px 0px;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .distance_link_div .distance_main_div .walk_distance .walk_image_div {
    padding: 2px 15px;
    margin-bottom: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .distance_link_div .distance_main_div .walk_distance .distance_text {
    color: #486284;
    font-family: var(--myrid);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: -0.014px;
    text-align: center;
    margin-bottom: 0px;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .distance_link_div .link_div {
    display: flex;
    align-items: center;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .distance_link_div .link_div img {
    margin-right: 6px;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .distance_link_div .link_div .link_text {
    color: var(--asus-dark-gray);
    font-family: var(--myrid);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
    margin-bottom: 0px;
    position: relative;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .distance_link_div .link_div .link_text::before {
    position: absolute;
    content: '';
    height: 1.5px;
    width: 100%;
    bottom: 0px;
    background: var(--asus-beyond-blue);
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .map_address {
    display: flex;
    align-items: flex-start;
    margin-bottom: 16px;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .map_address img {
    margin-right: 6px;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .map_address .address_text {
    color: var(--primary-black);
    font-family: var(--myrid);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0px;
    width: 80%;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .address_mail {
    display: flex;
    align-items: flex-start;
    margin-bottom: 16px;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .address_mail img {
    margin-right: 6px;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .address_mail .mail_text {
    color: var(--primary-black);
    font-family: var(--myrid);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0px;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .clock_div {
    display: flex;
    align-items: flex-start;
    padding: 10px;
    border-radius: 2px;
    border: 1px solid rgba(83, 86, 90, 0.40);
    width: fit-content;
    margin-bottom: 22px;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .clock_div img {
    margin-right: 8px;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .clock_div .timing_current {
    color: var(--primary-black);
    font-family: var(--myrid);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 0px;
    margin-right: 5px;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .clock_div .timing_store {
    color: var(--primary-black);
    font-family: var(--myrid);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 0px;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .product_service {
    padding-top: 19px;
    margin-bottom: 33px;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .product_service h2 {
    color: var(--primary-black);
    font-family: var(--tt-norms-bold);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24.5px;
    letter-spacing: -0.36px;
    margin-bottom: 13px;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .product_service .product_wrapper {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 20px;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .product_service .product_wrapper .product_single {
    max-width: 25%;
    height: auto;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .product_service .product_wrapper .product_single .product_image_div {
    position: relative;
    width: 100%;
    height: auto;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .product_service .product_wrapper .product_single .product_image_div img {
    width: 100%;
    height: 100%;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .product_service .product_wrapper .product_single .product_name {
    color: var(--primary-black);
    text-align: center;
    font-family: var(--myrid);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.012px;
    margin-bottom: 0px;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .rating_div {
    margin-bottom: 16px;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .rating_div .rating_text {
    color: var(--primary-black);
    font-family: var(--tt-norms-medium);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24.5px;
    letter-spacing: -0.36px;
    margin-bottom: 13px;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .rating_div .star_review_div {
    display: flex;
    align-items: center;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .rating_div .star_review_div .rating_star_div {
    display: flex;
    align-items: center;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .rating_div .star_review_div .rating_star_div .star_rate_number {
    color: var(--primary-black);
    font-family: var(--myrid);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 0px;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .rating_div .star_review_div .rating_star_div .total_rate {
    color: var(--primary-black);
    font-family: var(--myrid);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0px;
    margin-left: 4px;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .rating_div .star_review_div .review_btn {
    display: flex;
    padding: 7px 20px;
    align-items: flex-start;
    border-radius: 2px;
    border: 1px solid var(--asus-beyond-blue);
    margin-left: 20px;

    color: var(--primary-black);
    font-family: var(--myrid);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    background: transparent;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .details_map {
    margin-bottom: 20px;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .details_map h3 {
    color: var(--primary-black);
    font-family: var(--tt-norms-medium);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24.5px;
    letter-spacing: -0.36px;
    margin-bottom: 13px;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .map {
    width: 100%;
    aspect-ratio: 1/1;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .product_slider_wrapper {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 200px;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .product_slider_wrapper .item {
    width: 100%;
    height: auto;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .product_slider_wrapper .item img {
    height: 100%;
    width: 100%;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .product_slider_wrapper .owl-theme .owl-nav.disabled+.owl-dots {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .product_slider_wrapper .owl-theme .owl-dots .owl-dot.active span {
    background: var(--asus-beyond-blue);
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .service_call {
    border-radius: 2px;
    border: 1.5px solid #91A4E8;
    color: var(--primary-white);
    background: var(--asus-beyond-blue);
    padding: 8px;
    width: 100%;
    max-width: 400px;
    font-family: var(--myrid);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
}

.map_section_main_div .map_filter_div .map_div .address_details_modal_mobile .direction_link {
    border-radius: 2px;
    border: 1.5px solid var(--asus-beyond-blue);
    color: var(--asus-beyond-blue);
    padding: 8px;
    width: 100%;
    max-width: 400px;
    margin-bottom: 12px;
    font-family: var(--myrid);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* GOOGLE MAP SECTION END */

/* PRODUCT STATUS SECTION START */

.product_status_main_div {
    margin-bottom: 69px;
}

.product_status_main_div .product_container {
    padding-inline: 29px;
}

.product_status_main_div .product_container .row.product_status_row {
    background: var(--bg-light-blue);
    border-radius: 2px;
}

.product_status_main_div .product_container .product_status_left {
    margin-top: 49px;
}

.product_status_main_div .product_container .product_status_left .top_heading {
    margin-bottom: 40px;
}

.product_status_main_div .product_container .product_status_left .top_heading h2 {
    font-family: var(--tt-norms-medium);
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.6px;
    color: var(--primary-black);
    margin: 0px;
}

.product_status_main_div .product_container .product_status_left .top_heading .heading_icon {
    display: flex;
    align-items: flex-start;
    margin-bottom: 29px;
}

.product_status_main_div .product_container .product_status_left .top_heading .heading_icon img {
    margin-right: 15px;
}

.product_status_main_div .product_container .product_status_left .top_heading .top_heading_description {
    color: var(--asus-dark-gray);
    font-family: var(--myrid);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.product_status_main_div .product_container .product_status_left .bottom_image {
    width: 100%;
    height: auto;
    display: flex;
    align-items: end;
    justify-content: center;
}

.product_status_main_div .product_container .product_status_left .bottom_image img {
    height: 100%;
    width: 100%;
    max-width: 346px;
    min-width: auto;
}

.product_status_main_div .product_container .check_status_box_center {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.product_status_main_div .product_container .check_status_box_center form {
    width: 100%;
}

.product_status_main_div .product_container .check_status_box_center form .enquiry-form-relative {
    position: relative;
}

.product_status_main_div .product_container .check_status_box_center form .enquiry-form-relative .show_inquiry_details {
    position: absolute;
    top: 0px;
    max-width: 549px;
    width: 100%;
    min-width: auto;
    height: 100%;
    background-color: white;
    z-index: 5;
    padding: 20px;
    /* display: none; */
}


.product_status_main_div .product_container .check_status_box_center .check_status_box {
    padding: 31px;
    background: var(--primary-white);
    border-radius: 2px;
    display: flex;
    align-items: center;
    flex-direction: column;
    max-width: 549px;
    width: 100%;
    min-width: auto;
}

.product_status_main_div .product_container .check_status_box_center .check_status_box .top_heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
    width: 100%;
}

.product_status_main_div .product_container .check_status_box_center .check_status_box .top_heading .top_heading_title {
    display: flex;
    align-items: center;
    justify-content: center;
}

.product_status_main_div .product_container .check_status_box_center .check_status_box .top_heading .top_heading_title img {
    margin-right: 6px;
}

.product_status_main_div .product_container .check_status_box_center .check_status_box .top_heading .top_heading_title h3 {
    color: var(--primary-black);
    font-family: var(--tt-norms-medium);
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: -0.38px;
    margin: 0px;
}

.product_status_main_div .product_container .check_status_box_center .check_status_box .enter_number_input {
    padding: 20px;
    width: 100%;
    text-align: center;
    color: var(--asus-dark-gray);
    font-family: var(--myrid);
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    letter-spacing: -0.014px;
    border-radius: 2px;
    backdrop-filter: blur(17px);
    border: 1px solid var(--asus-beyond-blue);
    margin-bottom: 15px;
}

.product_status_main_div .product_container .check_status_box_center .check_status_box .enter_number_input:focus-visible {
    outline: 1px solid var(--asus-beyond-blue);
}

.product_status_main_div .product_container .check_status_box_center .check_status_box .enter_number_input::placeholder {
    color: var(--asus-dark-gray);
    font-family: var(--myrid);
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    letter-spacing: -0.014px;
    border-radius: 2px;
    backdrop-filter: blur(17px);
}

.product_status_main_div .product_container .check_status_box_center .check_status_box .check_status_link {
    color: var(--asus-beyond-blue);
    text-align: center;
    font-family: var(--myrid);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.014px;
    text-decoration-line: underline;
    margin-bottom: 30px;
}

.product_status_main_div .product_container .check_status_box_center .check_status_box .check_status_btn {
    border-radius: 2px;
    border: 1px solid #91A4E8;
    background: var(--asus-beyond-blue);
    box-shadow: 10px 4px 10px 0px rgba(0, 0, 0, 0.12);
    padding: 18px;
    width: 100%;
    text-align: center;
    color: var(--primary-white);
    font-family: var(--myrid);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
}

/* PRODUCT STATUS SECTION END */


/* ASUS PREMIUM SECTION START */

.premium_main_div {
    position: relative;
    margin-bottom: 100px;
}

.premium_main_div .premium_left_div {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}

.premium_main_div .premium_left_div .premium_bg {
    position: absolute;
    inset: 0;
    z-index: -1;
}

.premium_main_div .premium_left_div .premium_bg img {
    height: 100%;
    width: 100%;
}

.premium_main_div .premium_left_div .premium_bg .premium_bg_mobile {
    display: none;
}

.premium_main_div .premium_left_div .logo_image_div {
    max-width: 252.038px;
    max-height: 158.478px;
    margin-bottom: 70px;
}

.premium_main_div .premium_left_div .logo_image_div img {
    height: 100%;
    width: 100%;
}

.premium_main_div .premium_left_div .description {
    color: var(--primary-white);
    text-align: center;
    font-family: var(--myrid);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 40px;
    max-width: 539px;
}

.premium_main_div .premium_left_div .video_box {
    display: flex;
    align-items: center;
    padding: 8px 25px 8px 8px;
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.08);
}

.premium_main_div .premium_left_div .video_box img {
    max-width: 148px;
    max-height: 96px;
    margin-right: 25px;
}

.premium_main_div .premium_left_div .video_box .play_video_box {
    position: relative;
}

.premium_main_div .premium_left_div .video_box .play_icon {
    position: absolute;
    width: 35px;
    height: 35px;
    left: calc(50% - 10px);
    top: 50%;
    transform: translate(-50%, -50%);
}

.premium_main_div .premium_left_div .video_box .video_box_para {
    color: var(--primary-white);
    font-family: var(--myrid);
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    margin-bottom: 0px;
}

.premium_main_div .premium_left_div .video_box .video_box_title {
    color: var(--primary-white);
    font-family: var(--tt-norms);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 0px;
}

.premium_main_div .premium_right_col {
    padding-left: 0px;
}

.product_status_main_div .product_container .product_status_cols:first-child {
    padding-inline: 30px;
}

.premium_main_div .premium_right_div {
    border-radius: 2px;
    background: #E9E9E9;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.premium_main_div .premium_right_div .laptop_div {
    width: 100%;
    position: relative;
}

.premium_main_div .premium_right_div .laptop_div img {
    height: 100%;
    width: 100%;
}

.premium_main_div .premium_right_div .laptop_div .cloud_bg {
    position: absolute;
    bottom: -1px;
    left: 0px;
    width: 100%;
    height: 30%;
}

.premium_main_div .premium_right_div .logo_image_div {
    height: 73px;
    width: 73px;
    margin-top: 20px;
    margin-bottom: 26px;
}

.premium_main_div .premium_right_div .logo_image_div img {
    height: 100%;
    width: 100%;
}

.premium_main_div .premium_right_div h3 {
    color: var(--primary-black);
    text-align: center;
    font-family: var(--tt-norms-bold);
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.6px;
    text-transform: capitalize;
    margin-bottom: 0px;
}

.premium_main_div .premium_right_div p {
    color: var(--primary-black);
    font-family: var(--tt-norms-medium);
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.6px;
    text-transform: capitalize;
    padding-inline: 15px;
}

.premium_main_div .premium_right_div a {
    border-radius: 2px;
    border: 1px solid #91A4E8;
    background: var(--asus-beyond-blue);
    box-shadow: 10px 4px 10px 0px rgba(0, 0, 0, 0.12);
    padding: 18px 50px;
    color: var(--primary-white);
    font-family: var(--myrid);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 47px;
}

.premium_main_div .premium_right_div a img {
    height: 14px;
    width: 14px;
    margin-left: 7px;
}

/* ASUS PREMIUM SECTION END */

/* ASUS ONSITE SUPPORT SECTION START */

.support_main_div {
    position: relative;
    padding-top: 0px;
    padding-bottom: 72px;
}

.support_main_div .support_main_bg {
    position: absolute;
    inset: 0;
    overflow: hidden;
}

.support_main_div .support_main_bg img {
    height: 100%;
    width: calc(100% + 164px);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 1440px;
}

.support_main_div .left_box {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.support_main_div .left_box img {
    height: auto;
    width: 100%;
}

.support_main_div .left_box .bg_mobile_div {
    display: none;
}

.support_main_div .support_title_box {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 70px;
}

.support_main_div .support_title_box h2 {
    color: var(--primary-black);
    font-family: var(--tt-norms-medium);
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 42px;
    letter-spacing: -0.8px;
}

.support_main_div .support_title_box a {
    border-radius: 2px;
    border: 1px solid #91A4E8;
    background: var(--asus-beyond-blue);
    box-shadow: 10px 4px 10px 0px rgba(0, 0, 0, 0.12);
    padding: 12px 80px;
    color: var(--primary-white);
    text-align: center;
    font-family: var(--myrid);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    margin-right: calc(260px / 2);
    white-space: nowrap;
}

.support_main_div .support_title_box a img {
    height: 14px;
    width: 14px;
    margin-left: 15px;
}

.support_main_div .five_step_box {
    max-width: 604px;
    float: right;
    display: flex;
    align-items: center;
    justify-content: center;
}

.support_main_div .five_step_box .five_step {
    width: 21px;
    margin-right: 21px;
}

.support_main_div .five_step_box h2 {
    color: var(--primary-black);
    font-family: var(--tt-norms-bold);
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 42px;
    letter-spacing: -0.6px;
    text-transform: uppercase;
    opacity: 0.2;
    display: none;
}

.support_main_div .five_step_box .five_step_each_Wrapper .five_step_each_box {
    border-radius: 2px;
    background: var(--asus-white-smoke);
    padding: 24px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.support_main_div .five_step_box .five_step_each_Wrapper .five_step_each_box .five_step_each_image_box {
    margin-right: 18px;
}

.support_main_div .five_step_box .five_step_each_Wrapper .five_step_each_box .five_step_each_details h3 {
    color: var(--primary-black);
    font-family: var(--tt-norms-bold);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 0px;
    line-height: 38px;
}

.support_main_div .five_step_box .five_step_each_Wrapper .five_step_each_box .five_step_each_details p {
    color: var(--asus-dark-gray);
    font-family: var(--myrid);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 0px;
}

/* ASUS ONSITE SUPPORT SECTION END */

/* ONLINE SERVICE SECTION START */

.online_service_main_div {
    position: relative;
    padding-top: 10px;
    padding-bottom: 99px;
    overflow: hidden;
}

.online_service_main_div h2 {
    color: var(--primary-black);
    text-align: center;
    font-family: var(--tt-norms-medium);
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 44px;
}

.online_service_main_div .all_cards_div {
    display: grid;
    grid-template-columns: repeat(7, minmax(auto, 1fr));
    gap: 17px;
}

.online_service_main_div .all_cards_div .card_upper_box {
    height: 100%;
    cursor: pointer;
}

.online_service_main_div .all_cards_div .card_div {
    border-radius: 1.819px;
    background: var(--asus-white-smoke);
    padding: 29px 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.online_service_main_div .all_cards_div .card_div .image_div {
    height: auto;
    width: 100%;
    max-height: 120px;
    max-width: 120px;
}

.online_service_main_div .all_cards_div .card_div .image_div img {
    height: 100%;
    width: 100%;
    transition: all 0.3s ease-in-out;
}

.online_service_main_div .all_cards_div .card_div:hover .image_div img {
    transform: scale(1.1);
}

.online_service_main_div .all_cards_div .card_div h2 {
    color: var(--asus-dark-gray);
    text-align: center;
    font-family: var(--tt-norms);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14.555px;
    margin-bottom: 0px;
    margin-top: 20px;
}

/* ONLINE SERVICE SECTION END */

/* NOTE SECTION START */

.note_main_div {
    position: relative;
    margin-bottom: 94px;
}

.note_main_div .note_inner_div {
    border-radius: 2px;
    background: rgba(5, 172, 244, 0.08);
    padding: 35px 45px;
}

.note_main_div .note_inner_div h3 {
    color: var(--primary-black);
    font-family: var(--tt-norms-medium);
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 46px;
    margin-bottom: 0px;
}

.note_main_div .note_inner_div ol {
    padding-left: 17px;
    margin-bottom: 0px;
    max-width: 1026px;
}

.note_main_div .note_inner_div ol li {
    color: rgba(0, 0, 0, 0.65);
    font-family: var(--myrid);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26.5px;
    margin-bottom: 0px;
}

/* NOTE SECTION END */

/* SERVICE CHARGES SECTION START */

.service_charges_main_div {
    position: relative;
    margin-bottom: 60px;
}

.service_charges_main_div .heading_div {
    margin-bottom: 43px;
}

.service_charges_main_div .heading_div h2 {
    color: var(--primary-black);
    text-align: center;
    font-family: var(--tt-norms-medium);
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 42px;
    letter-spacing: -0.8px;
    margin-bottom: 0px;
}

.service_charges_main_div .heading_div p {
    color: var(--primary-black);
    text-align: center;
    font-family: var(--tt-norms);
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.56px;
    margin-bottom: 0px;
}

.service_charges_main_div .cards_div {
    display: grid;
    grid-template-columns: repeat(6, minmax(auto, 1fr));
    gap: 33px;
}

.service_charges_main_div .cards_div .card {
    border-radius: 2px;
    border: 1px solid var(--asus-light-gray);
    background: var(--asus-white-smoke);
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
}

.service_charges_main_div .cards_div .card .image_div {
    height: auto;
    width: 100%;
    max-height: 120px;
    max-width: 120px;
    margin-bottom: 19px;
}

.service_charges_main_div .cards_div .card .image_div img {
    height: 100%;
    width: 100%;
    transition: all 0.3s ease-in-out;
}

.service_charges_main_div .cards_div .card:hover .image_div img {
    transform: scale(1.1);
}

.service_charges_main_div .cards_div .card .product_name {
    color: var(--asus-dark-gray);
    text-align: center;
    font-family: var(--tt-norms-medium);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 14.555px;
    margin-bottom: 10px;
}

.service_charges_main_div .cards_div .card .product_price {
    color: var(--primary-black);
    text-align: center;
    font-family: var(--tt-norms-medium);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14.555px;
    margin-bottom: 0px;
}

.service_charges_main_div .cards_div .card .product_price b {
    font-family: var(--tt-norms-bold);
}

/* SERVICE CHARGES SECTION END */

/* GET IN TOUCH SECTION START */

.get_in_touch_main_div {
    background: var(--bg-light-blue);
    padding-top: 59px;
}

.get_in_touch_main_div .image_div_wrapper {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.get_in_touch_main_div .image_div {
    position: relative;
    height: 100%;
    width: 100%;
    max-width: 512px;
    max-height: 341px;
}

.get_in_touch_main_div .image_div img {
    height: 100%;
    width: 100%;
}

.get_in_touch_main_div .details_main_div {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    padding-left: min(5%, 70px);
}

.get_in_touch_main_div .details_main_div .details_inner_div .top_heading {
    display: flex;
    align-items: center;
    margin-bottom: 29px;
}

.get_in_touch_main_div .details_main_div .details_inner_div .top_heading img {
    margin-right: 10px;
}

.get_in_touch_main_div .details_main_div .details_inner_div .top_heading p {
    color: var(--primary-black);
    font-family: var(--myrid);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0px;
}

.get_in_touch_main_div .details_main_div .details_inner_div h2 {
    color: var(--primary-black);
    font-family: var(--tt-norms-medium);
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 41px;
    letter-spacing: -0.8px;
    margin-bottom: 42px;
}

.get_in_touch_main_div .details_main_div .details_inner_div .icons_div {
    max-width: 508px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.get_in_touch_main_div .details_main_div .details_inner_div .icons_div .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.get_in_touch_main_div .details_main_div .details_inner_div .icons_div .icon .image_div {
    width: 100%;
    height: 100%;
    max-width: 36px;
    max-height: 36px;
    margin-bottom: 22px;
}

.get_in_touch_main_div .details_main_div .details_inner_div .icons_div .icon p {
    color: var(--primary-black);
    text-align: center;
    font-family: var(--tt-norms-medium);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.32px;
}

/* GET IN TOUCH SECTION END */

/* ACCORDION SECTION START */

.accordion_main_div {
    margin-bottom: 100px;
}

.accordion_main_div .accordion_inner_div {
    max-width: 763.983px;
    margin: 0px auto;
}

.accordion_main_div .accordion_inner_div h2 {
    color: var(--primary-black);
    text-align: center;
    font-family: var(--tt-norms-medium);
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 42px;
    letter-spacing: -0.8px;
    margin-bottom: 52px;
}

.accordion_main_div .accordion_inner_div #pills-tab {
    margin-bottom: 50px !important;
    margin-inline: auto;
    width: fit-content;
}

.accordion_main_div .accordion_inner_div #pills-tab .nav-item {
    margin-right: 20px;
}

.accordion_main_div .accordion_inner_div #pills-tab .nav-item .nav-link {
    border-radius: 2px;
    background: #E7E7E7;
    padding: 13px 16px;
    border: none;
    outline: none;
    color: #5B5B5B;
    text-align: center;
    font-family: var(--tt-norms-medium);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}

.accordion_main_div .accordion_inner_div #pills-tab .nav-item .nav-link.active {
    color: var(--primary-white);
    background: var(--asus-beyond-blue);
}

.accordion_main_div .accordion_inner_div .accordion>.card {
    border: none;
    border-bottom: 1px solid #D5D5D5;
}

.accordion_main_div .accordion_inner_div .accordion .card-header {
    border-bottom: none;
    background: none;
    padding: 20px 0px;
}

.accordion_main_div .accordion_inner_div .tab-content .accordion .card-header .btn {
    position: relative;
    padding: 0px;
    color: var(--primary-black);
    font-family: var(--myrid);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-decoration: none;
    width: calc(100% - 15px);
}

.accordion_main_div .accordion_inner_div .tab-content .accordion .card-header .btn:not(.collapsed) {
    font-weight: 600;
    color: var(--asus-dark-gray);
}

.accordion_main_div .accordion_inner_div .tab-content .accordion .card-header .btn:is(.collapsed):before {
    position: absolute;
    content: '';
    height: 12px;
    width: 2px;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    background: var(--asus-dark-gray);
}

.accordion_main_div .accordion_inner_div .tab-content .accordion .card-header .btn::after {
    position: absolute;
    content: '';
    height: 2px;
    width: 12px;
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
    background: var(--asus-dark-gray);
}

.accordion_main_div .accordion_inner_div .tab-content .accordion .card-body {
    padding: 0px 0px 20px;
}

.accordion_main_div .accordion_inner_div .tab-content .accordion .card-body p {
    color: var(--asus-dark-gray);
    font-family: var(--myrid);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0px;
}

.accordion_main_div .accordion_inner_div .tab-content .accordion .card-body a {
    color: var(--asus-beyond-blue);
}

/* ACCORDION SECTION END */

/* CARD HOVER BANNER SECTION START */

.card_banner_main_div {
    position: relative;
    padding-bottom: 100px;
    background: var(--asus-white-smoke);
    margin-bottom: 70px;
}

.card_banner_main_div .card_banner_bg {
    position: relative;
    height: 100%;
    width: 100%;
    max-height: 596.506px;
}

.card_banner_main_div .card_banner_bg .mobile_bg {
    display: none;
}

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

.card_banner_main_div .card_banner_div {
    position: absolute;
    top: 90px;
    left: 60%;
    transform: translateX(-50%);
}

.card_banner_main_div .card_banner_div .heading_div h2 {
    background: linear-gradient(90deg, #4862A1 12.44%, #35366C 80.59%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: var(--tt-norms-bold);
    font-size: 69.796px;
    font-style: normal;
    font-weight: 700;
    line-height: 73.286px;
    letter-spacing: -1.396px;
    margin-bottom: 0px;
}

.card_banner_main_div .card_banner_div .heading_div p {
    color: var(--asus-bright-grey);
    font-family: var(--tt-norms-medium);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: -0.48px;
    text-transform: capitalize;
    text-align: center;
}

.card_banner_main_div .card_banner_container.container {
    margin-top: -90px;
}

.card_banner_main_div .card_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1100px;
    margin-inline: auto;
}

.card_banner_main_div .card_wrapper .card {
    max-width: 254px;
    max-height: 300px;
    position: relative;
    width: 100%;
    height: 100%;
    border: none;
    min-width: 254px;
    min-height: 300px;
    perspective: 1000px;
    background: transparent;
    cursor: pointer;
}

.card_banner_main_div .card_wrapper .card .card_front,
.card_banner_main_div .card_wrapper .card .card_back {
    border-radius: 2px;
    background: var(--primary-white);
    padding-inline: 28px;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-bottom: 40px;
    position: absolute;
    height: 100%;
    width: 100%;
    border: 1px solid var(--asus-light-gray);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform-style: preserve-3d;
    transition: ease-in-out 900ms;
    transform: rotate(0deg);
}

.card_banner_main_div .card_wrapper .card .card_back {
    background: var(--asus-beyond-blue);
    transform: rotateY(180deg);
}


.card_banner_main_div .card_wrapper .card:hover .card_front {
    transform: rotateY(180deg);
}

.card_banner_main_div .card_wrapper .card:hover .card_back {
    transform: rotateY(0deg);
    height: 300px;
    border: 1px solid transparent;
}

.card_banner_main_div .card_wrapper .card .card_front .card_image,
.card_banner_main_div .card_wrapper .card .card_back .card_image {
    padding: 25px;
    border-radius: 50%;
    border: 1px solid var(--asus-light-gray);
    width: 110.031px;
    height: 110.031px;
    margin-top: -55px;
    background: var(--primary-white);
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card_banner_main_div .card_wrapper .card .card_back .card_image {
    background: var(--asus-beyond-blue);
}

.card_banner_main_div .card_wrapper .card .card_front h2,
.card_banner_main_div .card_wrapper .card .card_back h2 {
    color: var(--primary-black);
    text-align: center;
    font-family: var(--tt-norms-bold);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 27px;
    max-width: 150px;
    margin-bottom: 15px;
}

.card_banner_main_div .card_wrapper .card .card_back h2 {
    color: var(--primary-white);
}

.card_banner_main_div .card_wrapper .card .card_front .feature_text,
.card_banner_main_div .card_wrapper .card .card_back .feature_text {
    color: var(--primary-black);
    text-align: center;
    font-family: var(--tt-norms);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0px;
}

.card_banner_main_div .card_wrapper .card .card_back .feature_text {
    color: var(--White, #FFF);
    text-align: center;
    font-family: var(--tt-norms);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
}

.card_banner_main_div .card_wrapper .card .card_front .modal_text,
.card_banner_main_div .card_wrapper .card .card_back .modal_text {
    color: var(--asus-dark-gray);
    text-align: center;
    font-family: var(--tt-norms);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

.card_banner_main_div .card_wrapper .card .card_front button,
.card_banner_main_div .card_wrapper .card .card_back button {
    border-radius: 2px;
    border: 1px solid var(--asus-light-gray);
    background: var(--asus-beyond-blue);
    padding: 10px 40px;
    color: var(--primary-white);
    text-align: center;
    font-family: var(--tt-norms-bold);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.32px;
    position: absolute;
    bottom: -23px;
}

/* CARD HOVER BANNER SECTION END */

/* PRODUCT SLIDER SECTION START */

.product_slider_main_div {
    margin-bottom: 100px;
    padding-top: 77px;
    border-radius: 2px;
    position: relative;
}

.product_slider_main_div .bg_gradient {
    position: absolute;
    top: 0px;
    z-index: -1;
    height: calc(100% - 97px);
    width: 100%;
    background: linear-gradient(94deg, #1054DA 3.58%, #03C0FA 93.24%);
}

.product_slider_main_div .top_heading h2 {
    color: var(--primary-white);
    font-family: var(--tt-norms-medium);
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 42px;
    letter-spacing: -0.8px;
}

.product_slider_main_div .top_heading p {
    color: var(--primary-white);
    font-family: var(--myrid);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    max-width: 386px;
    margin-bottom: 77px;
}

.product_slider_main_div .slider_wrapper {
    margin-left: 2.5%;
    padding-left: 15px;
}

.product_slider_main_div .slider_wrapper .owl-carousel .item {
    overflow: hidden;
    border-radius: 2px;
    position: relative;
    aspect-ratio: 5/3;
}

.product_slider_main_div .slider_wrapper .owl-carousel .item .video_div {
    position: relative;
    height: 100%;
    width: 100%;
}

.product_slider_main_div .slider_wrapper .owl-carousel .item .video_div::before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%);
}

.product_slider_main_div .slider_wrapper .owl-carousel .item .play_icon_btn {
    max-width: 64px;
    max-height: 64px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.product_slider_main_div .slider_wrapper .owl-carousel .item img {
    height: 100%;
    object-fit: cover;
}

.product_slider_main_div .slider_wrapper .owl-carousel .item .video_description {
    position: absolute;
    left: 27px;
    bottom: 25px;
}

.product_slider_main_div .slider_wrapper .owl-carousel .item .video_description p {
    color: var(--primary-white);
    font-family: var(--tt-norms-medium);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    max-width: 285.244px;
    margin-bottom: 0px;
}

.product_slider_main_div .slider_wrapper .owl-carousel .item .time_duration {
    border-radius: 2px;
    background: var(--primary-black);
    padding: 6px 20px;
    width: min-content;
    position: absolute;
    z-index: 5;
    bottom: 24px;
    right: 24px;
}

.product_slider_main_div .slider_wrapper .owl-carousel .item .time_duration p {
    color: var(--primary-white);
    text-align: center;
    font-family: var(--myrid);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 0px;
}

.product_slider_main_div .slider_wrapper .owl-carousel {
    position: static;
}

.product_slider_main_div .slider_wrapper .owl-carousel .owl-nav {
    position: absolute;
    right: 70px;
    top: 77px;
    margin-top: 0px;
    display: flex;
}

.product_slider_main_div .slider_wrapper .owl-carousel .owl-nav button.owl-next,
.product_slider_main_div .slider_wrapper .owl-carousel .owl-nav button.owl-prev {
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product_slider_main_div .slider_wrapper .owl-carousel .owl-nav button.owl-prev {
    border-radius: 2px;
    border: 1px solid #777;
    background: linear-gradient(96deg, rgba(255, 255, 255, 0.60) 5.38%, rgba(200, 202, 208, 0.60) 96.29%);
    backdrop-filter: blur(5px);
}

.product_slider_main_div .slider_wrapper .owl-carousel .owl-nav button.owl-next {
    border-radius: 2px;
    border: 1px solid #777;
    background: linear-gradient(96deg, rgba(255, 255, 255, 0.60) 5.38%, rgba(200, 202, 208, 0.60) 96.29%);
    backdrop-filter: blur(5px);
}

.product_slider_main_div .slider_wrapper .owl-carousel .owl-nav button.owl-next span,
.product_slider_main_div .slider_wrapper .owl-carousel .owl-nav button.owl-prev span {
    font-size: 40px;
    color: var(--primary-white);
}

/* PRODUCT SLIDER SECTION END */


/* MODAL SECTION START  */

.service_modal .modal-dialog h3 {
    color: var(--primary-black);
    font-family: var(--tt-norms-medium);
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 42px;
    letter-spacing: -0.8px;
}

.service_modal .modal-body .modal_list {
    padding: 8px 0px;
    border-bottom: 1px solid var(--asus-bright-grey);
}

.service_modal .modal-body .modal_list h5 {
    font-family: var(--tt-norms-medium);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.6px;
    color: var(--primary-black);
    margin-bottom: 8px;
}

.service_modal .modal-body .modal_list p {
    color: var(--primary-black);
    font-family: var(--myrid);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 0px;
}

.error_show_modal button.error_btn {
    border-radius: 2px;
    border: 1px solid #91A4E8;
    background: var(--asus-beyond-blue);
    box-shadow: 10px 4px 10px 0px rgba(0, 0, 0, 0.12);
    padding: 12px 80px;
    color: var(--primary-white);
    text-align: center;
    font-family: var(--myrid);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    white-space: nowrap;
}


/* MODAL SECTION END  */



@media screen and (min-width:1500px) {
    /* ASUS ONSITE SUPPORT SECTION START */

    .support_main_div .support_main_bg img {
        max-width: 100%;
        object-fit: cover;
    }

    /* ASUS ONSITE SUPPORT SECTION END */
}


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

    /* GOOGLE MAP SECTION START */

    .map_section_main_div .map_filter_div .map_col_left {
        padding-right: 0px;
    }

    .map_section_main_div .map_filter_div .map_col_right {
        padding-left: 0px;
    }

    /* GOOGLE MAP SECTION END */


}


@media screen and (max-width: 1200px) {
    /* ASUS ONSITE SUPPORT SECTION START */

    .support_main_div .support_main_bg img {
        object-fit: cover;
    }

    /* ASUS ONSITE SUPPORT SECTION END */

    /* GOOGLE MAP SECTION START */

    .map_section_main_div .service_support_description {
        flex-direction: column;
        align-items: flex-start;
    }

    .map_section_main_div .map_filter_div .map_div {
        aspect-ratio: 1/1;
        margin-top: 28px;
    }

    .map_section_main_div .map_filter_div .map_div .address_details_modal {
        display: none;
    }


    .map_section_main_div .map_filter_div .map_div .address_details_modal_mobile.open {
        display: block;
    }

    /* GOOGLE MAP SECTION END */

}

@media screen and (max-width: 1070px) {

    /* CARD HOVER BANNER SECTION START */

    .card_banner_main_div .card_wrapper {
        display: grid;
        grid-template-columns: repeat(2, minmax(auto, 1fr));
        gap: 130px;
        justify-items: center;
    }

    .card_banner_main_div .card_banner_div {
        width: max-content;
    }

    /* CARD HOVER BANNER SECTION END */

}

@media screen and (max-width: 996px) {

    /* PRODUCT STATUS SECTION START */

    .product_status_main_div .product_container .product_status_left .bottom_image {
        margin-bottom: 47px;
        justify-content: start;
    }

    .product_status_main_div .product_container .check_status_box_center .check_status_box {
        margin-bottom: 59px;
    }

    /* PRODUCT STATUS SECTION END */

    /* ASUS PREMIUM SECTION START */

    .premium_main_div .premium_left_div .logo_image_div {
        margin-top: 189px;
    }

    .premium_main_div .premium_left_div .video_box {
        margin-bottom: 96px;
    }

    .premium_main_div .premium_right_col {
        padding-left: 15px;
    }

    .premium_main_div {
        margin-bottom: 0px;
    }

    /* ASUS PREMIUM SECTION END */

    /* ASUS ONSITE SUPPORT SECTION START */

    .support_main_div .left_box {
        position: relative;
        padding-top: 33px;
        padding-inline: 20px;
        margin-bottom: 40px;
    }

    .support_main_div .support_title_box {
        margin-top: 60px;
        flex-direction: column;
        align-items: flex-start;
    }

    .support_main_div .support_title_box h2 {
        margin-bottom: 20px;
    }

    .support_main_div .support_main_bg .bg_desktop {
        display: none;
    }

    .support_main_div .support_main_bg .bg_mobile {
        display: block;
        max-width: 390px;
        max-height: 390px;
    }

    .support_main_div .left_box .bg_mobile_div {
        display: block;
        position: absolute;
        left: 0px;
        top: -2px;
        height: 100%;
        width: 100%;
        z-index: -1;
    }

    .support_main_div .left_box .bg_mobile_div img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .support_main_div {
        padding-bottom: 0px;
        padding-top: 0px;
        margin-bottom: 40px;
    }

    .support_main_div .five_step_box {
        float: unset;
        margin-inline: auto;
    }

    /* ASUS ONSITE SUPPORT SECTION END */

    /* ONLINE SERVICE SECTION START */

    .online_service_main_div .all_cards_div {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        overflow-x: scroll;
        gap: 6px;
        height: 100%;
    }

    .online_service_main_div .all_cards_div .card_div {
        min-width: 173px;
    }

    .online_service_main_div .all_cards_div a:first-child {
        margin-left: 20px;
    }

    .online_service_main_div .all_cards_div a:last-child {
        margin-right: 20px;
    }

    .online_service_main_div .all_cards_div .card_div h2 {
        margin-top: 10px;
    }

    .online_service_main_div h2 {
        line-height: 31px;
        text-align: left;
        padding-inline: 20px;
    }

    .online_service_main_div .online_service_container {
        padding-inline: 0px;
    }

    /* ONLINE SERVICE SECTION END */

    /* ONLINE SERVICE SECTION START */

    .service_charges_main_div .cards_div {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        overflow-x: scroll;
        gap: 6px;
        height: 100%;
    }

    .service_charges_main_div .cards_div .card {
        min-width: 173px;
    }

    .service_changes_container.container {
        padding-inline: 0px;
    }

    .service_charges_main_div {
        overflow-x: hidden;
    }

    .service_charges_main_div .cards_div a:first-child {
        margin-left: 20px;
    }

    .service_charges_main_div .cards_div a:last-child {
        margin-right: 20px;
    }

    /* ONLINE SERVICE SECTION END */

    /* GET IN TOUCH SECTION START */

    .get_in_touch_main_div .image_div {
        margin-bottom: 42px;
    }

    .get_in_touch_main_div .image_div {
        height: auto;
    }

    .get_in_touch_main_div .details_main_div {
        padding-left: 0px;
        margin-bottom: 41px;
    }

    .get_in_touch_main_div .details_main_div .details_inner_div {
        width: 100%;
    }

    /* GET IN TOUCH SECTION END */

    /* PRODUCT SLIDER SECTION START */

    .product_slider_main_div .slider_wrapper .owl-carousel .item .play_icon_btn {
        width: 44.283px;
        height: 44.283px;
    }

    /* PRODUCT SLIDER SECTION END */


}

@media screen and (max-width: 768px) {

    /* DISCLAIMER SECTION START */

    .disclaimer_main_div {
        display: none;
    }

    .map_section_main_div .map_filter_div .disclaimer_description {
        display: block;
    }

    /* DISCLAIMER SECTION END */

    /* GOOGLE MAP SECTION START */

    .map_section_main_div .service_support_description {
        flex-direction: column;
        align-items: flex-start;
    }

    .map_section_main_div .hidden_option {
        display: none;
    }

    .map_section_main_div .top_heading {
        margin-bottom: 21px;
    }

    .map_section_main_div .service_support_description .search_box {
        flex-direction: column;
        align-items: flex-start;
        border: none;
        padding: 0px;
    }

    .map_section_main_div .service_support_description .search_box .pincode_input {
        max-width: 100%;
        padding: 20px 17px;
        border: 1px solid var(--asus-beyond-blue);
        margin-bottom: 17px;
    }

    .map_section_main_div .service_support_description .search_box .category_div {
        max-width: 100%;
        padding: 20px 17px;
        margin-bottom: 17px;
        border-left: none;
        border-radius: 2px;
        background: rgba(217, 217, 214, 0.40);
    }

    .map_section_main_div .service_support_description .search_box button {
        max-width: 100%;
        padding: 20px 17px;
    }

    .map_section_main_div .service_support_description .search_box .pincode_input input {
        width: calc(100% - 20px);
    }

    .map_section_main_div .service_support_description .search_box .category_slider_wrapper {
        display: grid;
        grid-template-columns: repeat(4, minmax(auto, 1fr));
        margin-bottom: 16px;
        gap: 20px;
    }

    .map_section_main_div .service_support_description .search_box .category_slider_wrapper .product_slider {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .map_section_main_div .service_support_description .search_box .category_slider_wrapper .product_slider .product_image_div {
        position: relative;
        width: 100%;
        height: auto;
        margin-bottom: 8px;
        border-radius: 10px;
        overflow: hidden;
    }

    .map_section_main_div .service_support_description .search_box .category_slider_wrapper .product_slider.active .product_image_div {
        border: 2px solid var(--asus-beyond-blue);
    }

    .map_section_main_div .service_support_description .search_box .category_slider_wrapper .product_slider .product_image_div img {
        height: 100%;
        width: 100%;
    }

    .map_section_main_div .service_support_description .search_box .category_slider_wrapper .product_slider p {
        color: var(--primary-black);
        text-align: center;
        font-family: var(--myrid);
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: -0.012px;
        margin-bottom: 0px;
    }

    .map_section_main_div .map_filter_div .select_location_div .location_category_select .select_option_div {
        flex-wrap: wrap;
        gap: 10px;
    }

    .map_section_main_div .map_filter_div .select_location_div {
        margin-left: 0px;
        padding-right: 20px;
    }

    .map_section_main_div .map_filter_div .select_location_div .location_details_wrapper {
        overflow: unset;
        max-height: 100%;
        padding-right: 0px;
    }

    .map_section_main_div .map_filter_div .select_location_div .location_category_select {
        margin-right: 0px;
    }

    .map_section_main_div .map_filter_div .select_location_div .location_category_select .select_option_div .reset_btn {
        padding: 8px 50px;
    }

    .map_section_main_div .map_filter_div .select_location_div .location_details_wrapper .location_detail_each {
        width: 100%;
    }

    .map_section_main_div .map_filter_div .select_location_div .load_more_details {
        display: block;
    }

    .map_section_main_div .map_filter_div .select_location_div .location_details_wrapper .location_detail_each .all_product {
        gap: 10px;
    }

    .map_section_main_div {
        margin-bottom: 28px;
    }

    .map_section_main_div .map_filter_div .map_div .address_details_modal_mobile {
        padding: 30px 20px;
    }

    /* GOOGLE MAP SECTION END */


    /* PRODUCT STATUS SECTION START */

    .product_status_main_div .product_container .product_status_left {
        padding-inline: 20px;
    }

    .product_status_main_div .container.product_container {
        padding-inline: 0px;
    }

    .product_status_main_div .product_container .check_status_box_center .check_status_box {
        padding: 20px;
        max-width: 100%;
    }

    .product_status_main_div .product_container .check_status_box_center .check_status_box .top_heading {
        flex-direction: column;
        align-items: start;
    }

    .product_status_main_div .product_container .check_status_box_center .check_status_box .top_heading .top_heading_title {
        margin-bottom: 20px;
    }

    .product_status_main_div .product_container .product_status_cols {
        padding-inline: 0px;
    }

    .product_status_main_div .product_container .product_status_cols:first-child {
        padding-inline: 0px;
    }

    .product_status_main_div .product_container .product_status_row {
        width: 100%;
        margin-inline: 0px;
    }

    .product_status_main_div .product_container .product_status_left .top_heading .heading_icon {
        align-items: center;
    }

    /* PRODUCT STATUS SECTION END */

    /* ASUS PREMIUM SECTION START */

    .premium_main_div .premium_left_col {
        padding-inline: 0px;
    }

    .premium_main_div .premium_row.row {
        margin-left: -20px;
        margin-right: -20px;
    }

    .premium_main_div .premium_right_col {
        padding-inline: 0px;
    }

    .premium_main_div .premium_right_div a {
        width: calc(100% - 40px);
        text-align: center;
    }

    .premium_main_div .premium_right_div p {
        max-width: 290px;
        text-align: center;
        line-height: 40px;
    }

    .premium_main_div .premium_left_div .video_box {
        width: calc(100% - 40px);
    }

    .premium_main_div .premium_left_div .video_box .video_box_para {
        font-size: 12px;
    }

    .premium_main_div .premium_left_div .video_box .video_box_title {
        font-size: 20px;
    }

    .premium_main_div .premium_left_div .description {
        max-width: 304px;
    }

    .premium_main_div .premium_left_div .premium_bg .premium_bg_desktop {
        display: none;
    }

    .premium_main_div .premium_left_div .premium_bg .premium_bg_mobile {
        display: block;
    }

    /* ASUS PREMIUM SECTION END */

    /* ONLINE SERVICE SECTION START */

    .online_service_main_div h2 {
        max-width: 300px;
    }

    .online_service_main_div {
        padding-bottom: 33px;
    }

    /* ONLINE SERVICE SECTION END */

    /* NOTE SECTION START */

    .note_main_div .note_inner_div {
        padding: 26px 20px 46px;
    }

    .note_main_div .note_inner_div ol li {
        font-size: 16px;
        line-height: 26.5px;
    }

    .note_main_div {
        margin-bottom: 33px;
    }

    /* NOTE SECTION END */

    /* ASUS ONSITE SUPPORT SECTION START */

    .support_main_div .left_box .support_title_box h2 {
        font-size: 30px;
        line-height: 33.5px;
    }

    .support_main_div .support_container.container {
        padding-inline: 0px;
    }

    .support_main_div .support_row.row {
        padding-inline: 0px;
        margin-inline: 0px;
    }

    .support_main_div .five_step_box h2 {
        display: block;
    }

    .support_main_div .support_row .col_left {
        padding-inline: 0px;
    }

    .support_main_div .support_title_box {
        padding-inline: 20px;
    }

    .support_main_div .support_title_box {
        margin-bottom: 20px;
    }

    .support_main_div .five_step_box .five_step {
        display: none;
    }

    .support_main_div .five_step_box {
        flex-direction: column;
        align-items: flex-start;
    }

    .support_main_div .support_title_box h2 {
        font-size: 30px;
        line-height: 40px;
    }

    /* ASUS ONSITE SUPPORT SECTION END */

    /* ONLINE SERVICE SECTION START */

    .service_charges_main_div .heading_div {
        padding-left: 20px;
    }

    .service_charges_main_div .heading_div h2 {
        text-align: left;
        font-size: 30px;
        line-height: 31.5px;
    }

    .service_charges_main_div .heading_div p {
        text-align: left;
        font-size: 20px;
    }

    .service_charges_main_div {
        margin-bottom: 32px;
    }

    /* ONLINE SERVICE SECTION END */

    /* GET IN TOUCH SECTION START */

    .get_in_touch_main_div .details_main_div .details_inner_div h2 {
        max-width: 286px;
    }

    /* GET IN TOUCH SECTION END */

    /* ACCORDION SECTION START */

    .accordion_main_div .accordion_inner_div h2 {
        margin-bottom: 29px;
        text-align: left;
    }

    .accordion_main_div .accordion_inner_div #pills-tab {
        width: calc(100% + 20px);
        overflow-x: scroll;
        display: flex;
        flex-wrap: nowrap;
        margin-bottom: 0px !important;
    }

    .accordion_main_div .accordion_inner_div #pills-tab .nav-item .nav-link {
        white-space: nowrap;
    }

    .accordion_main_div .accordion_inner_div #pills-tab .nav-item {
        margin-right: 10px;
    }

    .accordion_main_div {
        margin-bottom: 79px;
    }

    /* ACCORDION SECTION END */

    /* CARD HOVER BANNER SECTION START */

    .card_banner_main_div .card_banner_bg .mobile_bg {
        display: block;
    }

    .card_banner_main_div .card_banner_bg .desktop_bg {
        display: none;
    }

    .card_banner_main_div .card_wrapper {
        display: grid;
        grid-template-columns: repeat(1, minmax(auto, 1fr));
        gap: 110px;
    }

    .card_banner_main_div .card_banner_div .heading_div h2 {
        font-size: 37.489px;
        line-height: 39.364px;
    }

    .card_banner_main_div .card_banner_div .heading_div p {
        font-size: 12.891px;
        line-height: 22.559px;
    }

    .card_banner_main_div {
        margin-bottom: 60px;
    }

    /* CARD HOVER BANNER SECTION END */

    /* PRODUCT SLIDER SECTION START */

    .product_slider_main_div .slider_wrapper .owl-carousel .item .video_description p {
        font-size: 14px;
        line-height: 16.606px;
        width: calc(100% - 40px);
    }

    .product_slider_main_div .slider_wrapper .owl-carousel .item {
        aspect-ratio: none;
    }

    .product_slider_main_div .slider_wrapper .owl-carousel .item .time_duration {
        padding: 3px 10px;
        bottom: 14px;
        right: 14px;
    }

    .product_slider_main_div .slider_wrapper .owl-carousel .item .time_duration p {
        font-size: 11px;
        line-height: 17px;
        letter-spacing: 1px;
    }

    .product_slider_main_div .slider_wrapper .owl-carousel .item .video_description {
        left: 16px;
        bottom: 16px;
    }

    .product_slider_main_div .slider_wrapper .owl-carousel .owl-nav {
        display: none;
    }

    .product_slider_main_div .slider_wrapper {
        padding-left: 15px;
        margin-left: 0px;
    }

    .product_slider_main_div .bg_gradient {
        height: 100%;
    }

    .product_slider_main_div {
        padding-bottom: 37px;
        margin-bottom: 33px;
    }

    .product_slider_main_div .top_heading p {
        margin-bottom: 33px;
    }

    /* PRODUCT SLIDER SECTION END */
}

@media screen and (max-width: 600px) {

    /* ASUS ONSITE SUPPORT SECTION START */

    .support_main_div .left_box .support_title_box {
        width: 100%;
    }

    .support_main_div .left_box .support_title_box a {
        display: block;
        width: 100%;
    }

    /* ASUS ONSITE SUPPORT SECTION END */
}


@media screen and (max-width: 400px) {

    /* CARD HOVER BANNER SECTION START */

    .card_banner_main_div .card_banner_bg {
        aspect-ratio: 1/1;
    }

    /* CARD HOVER BANNER SECTION END */

}

@media screen and (max-width: 350px) {

    /* GET IN TOUCH SECTION START */

    .get_in_touch_main_div .details_main_div .details_inner_div .icons_div {
        gap: 15px;
        display: flex;
        align-items: stretch;
    }

    /* GET IN TOUCH SECTION END */
}