@media only screen and (min-width: 320px) and (max-width: 479px) {
    .sec-title h4 {
        font-size: 19px;
    }

    figure img {
        width: 100%;
        object-fit: contain;
    }



    .phone-hide {
        display: none;
    }

    .sec-title h5 {
        font-size: 15px;
    }

    .sec-title h4 {
        font-size: 19px;
    }

    .content-text p {
        font-size: 13px;
    }

    .content-text h6 {
        font-size: 15px;
    }

    .content-text {
        text-align: center;
    }

    .mb-5 {
        margin-bottom: 2rem !important;
    }

    .mb-3 {
        margin-bottom: 0 !important;
    }

    .mt-5 {
        margin-top: 2rem !important;
    }

    .mb-mob-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-mob-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-mob-3 {
        margin-bottom: 1rem !important;
    }

    .mb-mob-4 {
        margin-bottom: 1.5rem !important;
    }

    /* -------------travel journy section start from here ---------------- */
    .top-section-title h1 {
        font-size: 33px;

    }

    .user-details-box-input h6 {
        font-size: 15px !important;
    }

    .travel-insurance-user-details-cover {
        width: 100% !important;
    }

    .user-details-box {
        gap: 15px;
        margin-bottom: 1px;
        flex-wrap: wrap;
        width: 100%;
        align-items: self-start;
    }

    .user-details-box:after {
        display: none;
    }

    .travelers-options {
        left: -20%;
        width: 100%;
    }

    .travel-insurance-popular-countries-section {

        gap: 10px;

    }

    .travelers-dropdown.selected {
        color: black;
        font-size: 11px;
        font-weight: 600;
    }

    .age-dropdown select {

        font-size: 11px;
    }

    .qoutes-user-details-left .right-side h6 span {
        display: flex;
        gap: 0;
        align-items: center;
        flex-wrap: wrap;
    }

    .qoutes-user-details-left .right-side h6 span svg {
        margin-left: 9px;
    }

    .popular-countries-section-right ul {

        gap: 8px;

        padding: 0;
    }

    .qoutes-plan-left-box-options-box h6 strong a {
        font-size: 10px;
        font-weight: 600;
        padding: 10px;
    }



    .travel-insurance-types-wraper-box h6 {
        font-size: 11px !important;

    }

    .travel-insurance-types-wraper-box {
        padding: 9px;
        /* flex-wrap: wrap; */
        gap: 5px;
    }

    .user-details-box.last .user-details-box-input {
        width: 67%;
    }

    .top-section-title {
        margin-bottom: 30px !important;
    }

    .user-details-box.last {
        width: 100%;
        display: flex;
    }

    .travel-insurance-get-qoute button {
        padding: 7px 20px;

        font-size: 15px;

    }

    .travel-insurance-user-details-section:after {

        bottom: 7px;

    }



    .travel-insurance-popular-countries-section {

        flex-wrap: wrap;
    }

    .popular-countries-section-right ul li {
        border: 1px dashed;
        padding: 1px 13px;
        font-size: 11px;
    }

    .user-details-box figure {
        width: 44px;
    }




    .otp-section-cover input {
        font-size: 15px;
        font-weight: 600;
        padding: 9px;
        width: 100%;
    }

    .travel-insurance-journy-multiStepForm-box.otp button {

        width: 50%;
    }


    span.date-seprate {
        left: 0;
        width: 12%;
    }

    .user-details-box-input input {
        font-size: 13px;
        width: 100%;
    }

    .travelers-dropdown.selected {
        color: black;
        font-size: 13px;
        font-weight: 600;
    }



    .travel-insurance-user-details-section {
        flex-wrap: wrap;
        gap: 0px;
        justify-content: left;
        margin-bottom: 5px;
    }

    /* -------------travel journy section end here ---------------- */



    /* -------------health details journy section end here ---------------- */

    .why-shuld-by-health-insurnace-cover {
        padding: 20px 0 !important;
    }

    .why-shuld-by-health-insurnace-box {
        width: 100%;

    }

    .why-shuld-by-health-insurnace-cover .content-text h6 {
        text-align: left;
        font-size: 13px !important;
    }

    .types-health-insurnace-policy {
        padding: 10px 0 !important;
    }

    .types-health-insurnace-policy-box {
        width: 100%;

    }

    .why-shuld-by-health-insurnace-box .sec-title h5 {
        text-align: center;
    }

    .types-health-insurnace-policy-box .sec-title {

        justify-content: center;
    }

    .why-shuld-by-health-insurnace-box .content-text p,
    .types-health-insurnace-policy-box .content-text p {
        text-align: start;
    }


    .health-insurance-details-bottom-cover,
    .insurance-details-bottom-cover {
        padding: 20px 0 !important;
    }


    .health-insurance-details-bottom-cover .content-text {
        text-align: left;
    }

    .health-insurance-details-bottom-cover figure {
        width: 7%;
    }

    .travel-bg-image.last-page .first-image {
        display: none;
    }

    .otp-section-cover {
        gap: 5px;
        width: 100%;
    }

    .qoutes-filter-box-section-box h5 {
        display: flex;
        justify-content: space-between;
        gap: 13px;
    }

    /* -------------health details journy section end here ---------------- */



    .qoutes-plan-left {
        width: 100%;
    }

    .qoutes-plan-left-box-logo-cover {
        width: 50%;
        order: 1;
    }

    .qoutes-plan-left-box-features-cover {
        width: 100%;
        order: 3;
        margin: 0;
        justify-content: space-between;
    }

    .qoutes-plan-left-box-buy-now-cover {
        width: 50%;
        order: 2;
    }

    .qoutes-plan-left-box-options-cover {
        gap: 0;
        order: 4;
    }

    .qoutes-user-details-right {
        text-align: left;
    }

    .qoutes-plan-left-box-options-box.first {
        width: 100%;
        padding: 0;
        order: 2;
        margin: 0;
    }

    .qoutes-plan-left-box-options-box {
        position: relative;
        width: fit-content;
        padding: 6px;
    }

    .qoutes-plan-left-box-options-box.first label {
        gap: 0;
    }



    .qoutes-plan-left-box-options-box.first label {
        width: 100%;
        display: flex;
        align-items: center;
        border-radius: 0 0px 10px 10px;
        height: fit-content;
        padding: 8px;
    }

    .qoutes-plan-left-box-options-box:after {
        display: none;
    }

    .qoutes-plan-left-box {

        padding-top: 18px;
    }

    .qoutes-plan-right {
        width: 100%;
    }

    .qoutes-plan-section {
        gap: 0;
    }

    .qoutes-insurance-provider-box-cover {

        justify-content: center;
    }

    .qoutes-insurance-provider-box {

        width: 100%;
        margin-right: 0;
    }

    .common-modal-wraper.journy-text.share .modal-dialog {
        max-width: 100%;
    }

    .mob-filter .modal-body {
        max-height: 100vh !important;
        overflow-y: scroll;
    }

    .qoutes-user-details-section {
        padding-top: 15px;
        gap: 0;
    }

    .qoutes-filter-box-section {
        width: 100%;
        overflow-x: scroll;
        flex-wrap: nowrap;
        scrollbar-width: none;
        padding: 8px;
        margin-bottom: 10px !important;

    }

    .qoutes-filter-box-section-box {
        margin: 0;
        margin-right: 8px;
        border: 1px solid #dfe1e6;
        border-radius: 11px;
        min-width: fit-content;
        background: white;
        box-shadow: rgb(99 99 99 / 7%) 0px 2px 8px 0px;
        padding: 11px 16px;
        gap: 17px;
    }

    .qoutes-plan-left-box-features-box:after {
        display: none;
    }

    .qoutes-plan-left-box-features-box {
        width: 27%;
        margin-right: 15px;
    }

    .qoutes-filter-box-section-box:after {
        display: none;
    }

    .qoutes-user-details-right {
        display: flex;
        justify-content: space-between;
    }

    .qoutes-filter-box-section-box h6 {
        margin-bottom: 0 !important;
    }

    .qoutes-filter-box-section-box h5 {
        display: flex;
        justify-content: space-between;
        gap: 19px;
    }

    .journy-text h5 {

        margin-bottom: 5px;
    }

    .journy-text h6 {

        margin-bottom: 5px;
    }


    .we-heave-greate-plan-left h4 {
        margin-bottom: 0;
        font-size: 14px;
    }

    .we-heave-greate-plan-right button h5 {
        display: none;
    }

    .mob-filter .modal-dialog {
        max-width: 100% !important;
        position: fixed;
        margin: 0 !important;
        min-width: 100%;
        top: 0;
        bottom: 0;
    }

    .btn-close {
        z-index: 20;
        background-size: 33px;
        right: 25px;
        top: 20px;
    }

    .qoutes-plan-right-call-me-top-left {

        width: 100%;
    }

    .qoutes-user-right {
        width: 100%;
    }

    .qoutes-plan-right-call-me-top-right figure {
        width: 34px;
    }

    .common-pop-up-wraper .common-pop-up-box .closeComparePlanPopup {

        right: -12px;
        top: -7px;
        padding: 0;
    }


    .qoute-filter-modal-wraper.edit-travelers span.date-seprate {
        left: -16px;
        width: 12%;
    }


    .qoute-filter-modal-wraper.cover-modal .qoute-filter-modal-box {
        width: 48%;
        margin-bottom: 4px;
    }

    .mob-filter .modal-content {
        border-radius: 0 !important;
        outline: 0;
        border: none;
        height: 100vh;
    }

    .filter-button-mob-side-cover .filter-box {
        color: black;
        font-size: 12px;
        font-weight: 600;
        background: white;
        padding: 0 10px;
        border-radius: 5px;
        box-shadow: rgba(171, 173, 175, 0.2) 0px 8px 24px;
    }

    .filter-qoute-modal-wraper .modal-body {
        max-height: 100vh;

    }

    .filter-qoute-modal-wraper h4 {
        font-size: 21px !important;
        font-weight: 600 !important;
        color: black !important;
    }

    .modal-dialog {
        max-width: 100%;
        min-width: 90%;
        margin: 0 auto;
        /* top: 10%; */
    }

    .common-pop-up-wraper .common-pop-up-box {
        min-width: 50%;

        max-width: 50%;
    }

    .common-pop-up-wraper {
        flex-wrap: nowrap;
        overflow-x: scroll;
        scrollbar-width: none;
        padding: 5px;
    }

    .common-pop-up-box.last button {
        width: 100%;
        margin-top: 15px;
        padding: 10px;
    }

    label.compare-plan-button h6,
    .qoutes-plan-left-box-options-box h6 {
        margin: 0;
    }


    /* travel qoutes style start ------------------------------------- */
    .we-heave-greate-plan-section {
        margin-bottom: 15px !important;
        flex-wrap: wrap;
    }

    .qoutes-user-details-left .left-side {

        display: none;
    }

    .qoutes-user-left {
        width: 100%;
    }

    .qoutes-user-details-left .right-side h6 {

        gap: 0px;

    }

    .qoutes-user-details-left .right-side h6 span.last {
        gap: 5px;
        margin-right: 10px;
    }

    .qoutes-user-details-left {
        margin-bottom: 0;
    }

    .qoutes-user-details-left h5 {
        font-size: 15px;
        font-weight: 600;
        margin-bottom: 5px;
    }

    .qoutes-user-details-left .right-side h6 span:after {
        display: none;
    }

    .phone-hide {
        display: none !important;
    }

    .phone-show {
        display: block !important;
    }

    .filter-button-mob-side-cover {
        display: flex !important;
    }

    .qoutes-plan-left-box-features-box h6 {
        margin-bottom: 0;
    }

    .qoutes-plan-left-box-logo-cover h5 {
        font-size: 13px !important;
    }


    .plan-type .bottom-section .qoute-filter-modal-box {
        margin-bottom: 0px;
    }

    .qoute-filter-modal-box-cover {
        padding-bottom: 20px;
        border-bottom: 1px dashed gainsboro;
        margin-bottom: 20px;
    }

    .qoute-filter-modal-box-cover h6 {
        font-size: 16px !important;
        color: black;
        font-weight: 600;
        margin-bottom: 15px;
    }

    .qoute-filter-modal-box-cover .form-select {
        border-radius: 10px;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        padding: 15px;
        border: none !important;
        font-size: 14px;
        font-weight: 600;
    }

    /* travel qoutes style start ------------------------------------- */


    /* travel addons style start ------------------------------------- */

    .inner-form-bottom-form-right {
        width: 100% !important;
    }

    .page-tabs-wraper .list-group {

        overflow-x: scroll;
    }

    .page-tabs-wraper .list-group {
        overflow-x: scroll;
        scrollbar-width: none;
        margin-bottom: 8px;
        overflow-y: hidden;
        height: fit-content;
        padding-bottom: 8px;
    }

    .page-tabs-wraper .list-group .list-group-item {
        margin-right: 3px;
        min-width: 39%;
        height: 40px;
        margin-bottom: 3px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px 13px;
        max-width: 29%;
    }

    .page-tabs-wraper .list-group .list-group-item.active::after {
        top: 27px;
    }

    .inner-form-main-cover.journy-text hr {
        margin: 11px 0;
    }

    .page-tabs-wraper.kyc .list-group .list-group-item {
        min-width: fit-content;
        padding: 0 23px;
    }

    .customize-box {

        width: 100%;

    }

    .customer-support-cover {
        flex-wrap: wrap;
        gap: 14px;
        padding: 17px 0px 17px 0px;
    }

    .customer-support-content {
        width: 100%;
        margin-left: 0;
        text-align: center;
    }

    .customer-support-content h4 {
        font-size: 13px;
    }

    .customer-support-content p {
        font-size: 9px;
    }

    .customer-support-call {
        margin-left: 0;
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .plan-details-inner-box.feature {
        width: 100%;
        margin-top: 0;
    }

    .total-amount-summary-bottom-tab-cover.submit {
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 18px;
    }

    .total-amount-summary-bottom-view-more {
        margin: 0 0px;
        padding: 13px 4px;
        display: flex;
        align-items: center;
        background: #ededed;
        min-width: 39%;
        text-align: center;
        justify-content: center;


    }

    .total-amount-summary-bottom-view-more.submit {
        background: none;
        width: 41%;
        padding: 0 !important;
        gap: 9px;
        border: none;
    }

    .total-amount-summary-bottom-view-more.submit span h5 {
        font-size: 12px;
        margin-bottom: 2px;
        font-weight: 500;
    }

    .total-amount-summary-bottom-view-more.submit h3 {
        font-size: 17px;
        font-weight: 600;
        margin: 0;
    }

    .total-amount-summary-bottom-view-more.submit span p {
        font-size: 10px;
        color: #2196F3;
        cursor: pointer;
    }

    .total-summary-button {
        width: fit-content;
        padding: 10px 11px;
        display: flex;
        justify-content: center;
        font-size: 14px;
        border-radius: 10px;
        background: #007438;
    }

    .total-summary-button a {
        color: white;
    }

    .total-summary-button img {
        width: 30px;
    }

    .total-amount-summary-bottom-tab-cover {
        display: flex;
        padding: 18px 16px;
        align-items: center;
        background: white;
        box-shadow: rgb(152 157 162 / 66%) 0px 8px 24px;
        position: fixed;
        bottom: 0;
        z-index: 999;
        width: 100%;
        left: 0;
        right: 0;
        background: rgba(255, 255, 255, 0.78);
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
        backdrop-filter: blur(6.5px);
        -webkit-backdrop-filter: blur(6.5px);
        border: 1px solid rgba(255, 255, 255, 0.3);
        justify-content: space-between;
    }

    .go-back-right {
        text-align: left;
    }


    .summary-modal .modal.fade {
        transition: none;
    }

    .summary-modal .modal {
        overflow-x: unset;
        overflow-y: unset;
    }

    .summary-modal .modal.show .modal-dialog {
        transform: none;
        position: absolute;
        width: 100%;
        bottom: 0;
        z-index: 99999999;
        margin: 0;
    }

    .summary-modal .modal .modal-dialog .modal-content {
        width: 100% !important;
        border: none;
        border-radius: 0 !important;
    }

    .summary-box-top-section p {
        font-weight: 600;
        font-size: 10px;
        color: #0000a9;
        margin-bottom: 0;
        line-height: normal;
    }

    .summary-box-plan p {
        color: brown;
        font-size: 12px;
        font-weight: 600;
        margin-bottom: 1px;
    }

    .summary-box-address p {
        font-size: 11px;
        font-weight: 500;
        color: black;
        margin-bottom: 11px;
    }

    .summary-box-middle-section figure {
        width: 30%;
    }


    .summary-box-middle-section {
        display: flex;
        justify-content: space-between;
    }

    .summary-box-bottom-section ul li {
        list-style: disc;
        display: flex;
        justify-content: space-between;

    }

    .summary-box-bottom-section ul li p {
        color: #3d3d3d;
    }

    .summary-box-bottom-section ul li p:nth-child(2) {
        color: black;
        font-weight: 700;
    }



    .summary-box-premium-section {
        display: flex;
        justify-content: space-between;
        background: #F0F0F0;
        padding: 15px;
        align-items: center;
        margin: 15px -16px;
        margin-bottom: -16px;
    }



    .summary-box-premium-section p:nth-child(2) {
        font-weight: 700;
        font-size: 15px;
    }

    .summary-modal hr {
        margin: 10px 0 !important;
    }

    .medical-tabel-cover table {
        width: 200%;
    }

    .medical-tabel-cover {
        overflow-x: scroll;
    }

    .proposer-form .accordion-button,
    .medical-tabel-heading {

        font-size: 13px;
    }

    .proposer-form-heading-tabs-steps ul {

        flex: none;
    }

    .proposer-form-heading-tabs-steps {

        overflow-x: scroll;
    }

    .inner-form-bottom-form-right-proposal-summary {
        width: 100%;
    }

    .we-heave-greate-plan-right.sumary {
        justify-content: start !important;
        margin: 0 !important;
    }

    .total-amount-summary-bottom-plan h4 span {
        font-size: 13px;
        margin-right: 10px;
    }

    /* travel addons style end ------------------------------------- */

    /* ----------payment notification page style ------------------------ */

    .payment-notification-right-side {
        padding: 15px;
        margin-top: 12px;
    }




    /* ----------payment notification page  endstyle ------------------------ */






    /* -----edit traveler details start from here ----------------------- */
    .qoute-filter-modal-wraper.edit-travelers .user-details-box {
        background-color: white;
        margin-bottom: 17px !important;
        box-shadow: rgb(96 96 96 / 10%) 0px 4px 12px;
    }

    .qoute-filter-modal-wraper.edit-travelers {
        padding: 0 !important;
    }

    .qoute-filter-modal-wraper.edit-travelers figure {
        display: none;
    }

    .qoute-filter-modal-wraper .user-details-box-input {
        width: 100%;
    }

    .edit-travelers .plan-type-cover {
        display: flex;
        gap: 10px;
        /* flex-direction: column; */
    }

    .date-cover {
        width: 70%;
    }

    .add-travelers-selected-box {
        width: 48%;
        flex-direction: column;
    }

    .plan-type-select-box {
        display: flex;
        justify-content: left;
        gap: 9px;
        flex-wrap: wrap;
    }

    .add-travelers-selected-box figure {
        display: block !important;
    }

    /* -----edit traveler details end from here ----------------------- */



    .inner-form-bottom-form-section {

        gap: 0;
    }

    .customize-box {
        width: 100% !important;
    }

    .plan-details-inner-box-content button.accordion-button.collapsed {
        display: flex;
        gap: 15px;
        box-shadow: none !important;
        border: none !important;
    }

    .insurance-detail-section p,
    .why-shuld-buy-insurnace-cover p,
    .types-health-insurnace-policy-box p {
        text-align: start;
        margin: 0;
    }

    .insurance-detail-section i {
        font-size: 14px;
        margin-top: 3px;
    }

    .why-shuld-buy-insurnace-box {
        width: 100%;
        padding: 17px;
    }

    .insurance-detail-section {
        margin-bottom: 30px;
    }

    .insurance-detail-section h6,
    .why-shuld-buy-insurnace-cover h6,
    .types-insurnace-policy h6,
    .insurance-details-bottom-cover h6,
    .why-plan-is-important-cover h6 {
        font-size: 13px !important;
        text-align: justify;
    }

    .insurance-detail-section h5,
    .why-shuld-buy-insurnace-cover h5,
    .types-insurnace-policy h5,
    .insurance-details-bottom-cover h5,
    .why-plan-is-important-cover h5 {
        font-size: 18px;
        font-weight: 600 !important;
        line-height: normal;
    }

    .insurance-type-inner-cover span p {
        text-align: start;
    }



    .why-shuld-buy-insurnace-cover,
    .types-insurnace-policy,
    .why-plan-is-important-cover,
    .insurance-details-bottom-cover {
        padding: 20px 0 !important;
    }

    .why-shuld-buy-insurnace-box h6 {
        font-size: 15px !important;
        text-align: center;
        margin: 0;
    }

    .qoutes-user-details-left .right-side .bottom {
        gap: 0;
    }

    .qoutes-user-details-right span {
        margin-bottom: 2px !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        color: #454c8b;
    }
}



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


    /* travel journy style start ------------------------------------- */


    .container {
        max-width: 720px !important;
    }

    .travel-insurance-user-details-cover {

        width: 77%;

    }

    .travel-insurance-popular-countries-section {

        gap: 17px;

        flex-wrap: wrap;
    }

    .date-cover {
        width: 31%;
    }

    .travel-insurance-user-details-section {
        gap: 13px;
        justify-content: left;
        flex-wrap: wrap;
    }

    .popular-countries-section-right ul {

        gap: 10px;

    }

    .user-details-box:after {
        display: none;
    }


    .user-details-box.last {
        width: 100%;
    }

    /* travel journy style ends ------------------------------------- */



    /* --------------qoute page responsive start ------------------------ */

    .qoutes-plan-left {
        width: 100%;
    }

    .qoutes-filter-box-section-box h6 {
        margin: 0;
    }

    .qoutes-filter-box-section {
        padding: 9px 0;

    }

    .qoute-filter-modal-box-cover .form-select {
        border-radius: 10px;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        padding: 15px;
        border: none !important;
        font-size: 14px;
        font-weight: 600;
    }

    .qoute-filter-modal-box-cover h6 {
        color: black;
        font-weight: 500;
        font-size: 12px !important;
    }

    .qoute-filter-modal-box-cover {
        margin-bottom: 15px;
    }

    .qoutes-user-right {
        width: 100%;
    }

    .qoutes-user-details-left .left-side {

        width: 7%;
    }

    .filter-button-mob-side-cover .filter-box {

        font-size: 12px;
        font-weight: 600;
        background: white;
        padding: 0 10px;
        border-radius: 5px;
        box-shadow: rgba(171, 173, 175, 0.2) 0px 8px 24px;
        color: black;
    }

    .we-heave-greate-plan-section .qoutes-filter-box-section-box {

        width: 29%;

    }

    .qoutes-filter-box-section-box {

        margin-bottom: 6px;
    }

    .qoutes-filter-box-section-box:after {
        display: none
    }

    .qoutes-plan-section {
        gap: 0;
    }

    .qoutes-plan-right {
        width: 100%;
    }

    .qoutes-plan-right-sticky-cover {
        gap: 28px;
        display: flex;
    }

    .qoutes-plan-right-call-me-cover,
    .qoutes-plan-right-why-choose-cover {

        width: 50%;
    }

    .qoutes-insurance-provider-box {

        width: 31%;
    }

    .tablet-hide {
        display: none !important;
    }

    .tablet-show {
        display: block !important;
    }


    .common-pop-up-wraper .common-pop-up-box {
        width: 17%;

    }

    .common-pop-up-box.last button {
        padding: 15px;
        margin-top: 18px;
        width: 100%;
    }

    .qoutes-user-left {
        width: 100%;
    }

    

    /* --------------qoute page responsive ends ------------------------ */




    /* --------------addons pave page responsive ends ------------------------ */


    .inner-form-bottom-form-right {
        width: 100%;

    }

    .inner-form-bottom-form-section {
        gap: 0;
    }

    .inner-form-bottom-form-right-proposal-summary {
        width: 100%;
    }
    .total-summary-button {
        width: fit-content;
        padding: 10px 11px;
        display: flex;
        justify-content: center;
        font-size: 14px;
        border-radius: 10px;
        background: #007438;
        color: white;
    }
    .total-summary-button img {
        width: 30px;
    }
    .total-summary-button a {
        color: white;
    }
    .total-amount-summary-bottom-tab-cover {
        display: flex;
        padding: 18px 16px;
        align-items: center;
        background: white;
        box-shadow: rgb(152 157 162 / 66%) 0px 8px 24px;
        position: fixed;
        bottom: 0;
        z-index: 999;
        width: 100%;
        left: 0;
        right: 0;
        background: rgba(255, 255, 255, 0.78);
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
        backdrop-filter: blur(6.5px);
        -webkit-backdrop-filter: blur(6.5px);
        border: 1px solid rgba(255, 255, 255, 0.3);
        justify-content: space-around;
    }

    .total-amount-summary-bottom-view-more {
        margin: 0 0px;
        padding: 13px 4px;
        border-radius: 7px;
        display: flex;
        align-items: center;
        background: #ededed;
        min-width: 21%;
        text-align: center;
        justify-content: center;
        border: 1px dashed;
    }
    /* --------------addons pave page responsive ends ------------------------ */


    /* --------------compare page responsive start ------------------------ */


    .compare-top-section-cover {

        flex-direction: column;
    }

    .compare-top-section-right {
        width: 100%;
        position: relative;
        gap: 15px;
    }

    .compare-top-section-right-box {
        padding: 10px;

        gap: 5px;

    }

    .compare-top-section-right-box figure {
        width: 96px;
        height: 42px;

    }

    .compare-top-section-left {
        width: 100%;
        margin-bottom: 30px;
    }

    .compare-top-section-right-box h5 {
        font-size: 11px !important;
        margin-bottom: 10px;
    }

    button.light-green-btn {

        padding: 3px 23px;
        font-weight: 600;
        font-size: 12px;
    }

    /* --------------compare page responsive ends ------------------------ */


    .why-shuld-buy-insurnace-box,
    .types-health-insurnace-policy-box {
        width: 48%;
        padding: 20px;

    }


}