/* common style----------------------------------------------------- */

/* Custom Margin Classes */

a.first-button {
    color: white;
}


dl,
ol,
ul {

    padding-left: 0;
}

h6 {
    font-size: 16px !important;
    line-height: normal !important;
}

.fw-400{
    font-weight: 400 !important;
}
.fw-500{
    font-weight: 500 !important;
}
.fw-600{
    font-weight: 600 !important;
}
.fw-700{
    font-weight: 700 !important;
}



.m-6 {
    margin: 6rem !important;
}

.m-7 {
    margin: 7rem !important;
}

.m-8 {
    margin: 8rem !important;
}

.m-9 {
    margin: 9rem !important;
}

.m-10 {
    margin: 10rem !important;
}

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

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

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

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

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


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



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

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

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

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

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

/* Custom Padding Classes */
.p-6 {
    padding: 6rem !important;
}

.p-7 {
    padding: 7rem !important;
}

.p-8 {
    padding: 8rem !important;
}

.p-9 {
    padding: 9rem !important;
}

.p-10 {
    padding: 10rem !important;
}

.pt-6 {
    padding-top: 3rem !important;
}

.pt-7 {
    padding-top: 3.5rem !important;
}

.pt-8 {
    padding-top: 4rem !important;
}

.pt-9 {
    padding-top: 4.5rem !important;
}

.pt-10 {
    padding-top: 5rem !important;
}

.pl-6 {
    padding-left: 6rem !important;
}

.pl-7 {
    padding-left: 7rem !important;
}

.pl-8 {
    padding-left: 8rem !important;
}

.pl-9 {
    padding-left: 9rem !important;
}

.pl-10 {
    padding-left: 10rem !important;
}

.pb-6 {
    padding-bottom: 6rem !important;
}

.pb-7 {
    padding-bottom: 7rem !important;
}

.pb-8 {
    padding-bottom: 8rem !important;
}

.pb-9 {
    padding-bottom: 9rem !important;
}

.pb-10 {
    padding-bottom: 10rem !important;
}


hr {
    border: 1px dashed #ffffff;
}

.relative {
    position: relative;
}

figure img {
    /* width: 100%; */
    object-fit: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

.radius-10 {
    border-radius: 10px;
}

.radius-15 {
    border-radius: 15px;
}

p {

    line-height: normal;

}

*::-webkit-scrollbar {
    width: 10px;
}

*::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 10px;
}

*::-webkit-scrollbar-thumb {
    background-color: #D8D8D8;
    border-radius: 10px;
}

*::-webkit-scrollbar-thumb:hover {
    background: #E4E3E3;
    border-radius: 10px;
}

*::-webkit-scrollbar-thumb:active {
    background: gray;
    border-radius: 10px;
}


.alert_r, .error-message, label.error {
    color: #e00225 !important;
    font-size: 10px !important;
    font-weight: 500;
    line-height: normal;
    margin-top: 10px;
}

.alert_s {
    color: green !important;
    font-size: 10px !important;
    font-weight: 500;
}
small {
    font-size: 11px !important;
    line-height: normal;
    color: #000;
}

h6 {
    font-size: 16px !important;
    line-height: normal !important;
}



/* Mozilla Firefox */
* {
    scrollbar-width: thin;
    /* "auto" or "thin" */
    scrollbar-color: #D8D8D8 transparent;
    /* thumb color and track color */
}

/* Optional: styling the scrollbar on hover and active states in Firefox */
*::-moz-scrollbar-thumb:hover {
    background: #E4E3E3;
    border-radius: 10px;
}

*::-moz-scrollbar-thumb:active {
    background: gray;
    border-radius: 10px;
}

a {
    text-decoration: none;
    color: black;
}

strong {
    color: black;
}

small {
    font-size: 11px !important;
}



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

.owl-dots {
    display: none;
}

sup {
    font-size: 16px;
}

.disabled {
    pointer-events: none;
    opacity: 0.4;
}

input[type="text"] {
    font-size: 14px;
    color: #000000;
    font-weight: 600;
}


figure {
    margin: 0 !important;
}

p {
    position: relative;
    color: #888888;
    font-weight: 400;
    transition: all 500ms ease;
}

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

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

/* ------------------------------------ */

/* custom modal style start from here--------------------------------- */

.modal-dialog.mx-45 {
    max-width: 45%;
}

.modal-dialog.mx-50 {
    max-width: 50%;
}

.modal-dialog.mx-55 {
    max-width: 55%;
}

.modal-dialog.mx-60 {
    max-width: 60%;
}

.modal-dialog.mx-65 {
    max-width: 65%;
}

.modal-dialog.mx-60 {
    max-width: 70%;
}

.modal-dialog.mx-80 {
    max-width: 80%;
}

.modal-content {
    border-radius: 15px !important;
    outline: 0;
    border: none;
}

/* .modal-header h5 {
    font-weight: 500;
    margin-left: 7px;
    font-size: 19px;
} */



/* .modal-body {
    max-height: 71vh;
    overflow-y: scroll;

    border-radius: 0 0 15px 15px;
} */

/* 
.btn-close {
    background: url("../travel/icons/cancel-btn.svg") center !;
    border: 0;
    opacity: 1 !important;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    right: -8px;
    border-radius: 0 !important;
    width: 22px;
    height: 22px;
} */

.modal {

    background-color: rgb(6 5 5 / 47%);
}

/* .common-modal-wraper .btn-close {
    z-index: 1;
    right: -20px;
    top: 8px;
    width: 32px;
    height: 32px;
} */

.btn-close:focus {
    display: none
}

input[type=text]:focus {
    outline: none;
}


.qoutes-user-details-section input[type=radio],
.qoutes-user-details-section input[type="checkbox"],
.travel-insurance-journy-section input[type=radio],
.travel-insurance-journy-section input[type="checkbox"],
.qoute-filter-modal-box input[type=radio],
.qoute-filter-modal-box input[type="checkbox"],
.customize-box input[type=radio],
.customize-box input[type="checkbox"] {
    flex: 0 0 100%;
    position: relative;
    background: white;
    border: 1px solid #cfcaca !important;
    /* border-radius: 100px; */
    box-shadow: none;
    transition: none;
    cursor: pointer;
    line-height: 0;
    margin: 0;
    outline: 0;
    padding: 0 !important;
    vertical-align: text-top;
    height: 15px;
    width: 15px;
    max-width: 15px;
    -webkit-appearance: none;
    opacity: 1;
    margin-right: 7px;
    border-radius: 3px !important;
}


.qoutes-user-details-section input[type=radio],

.qoute-filter-modal-box input[type=radio],

.customize-box input[type=radio] {
    border-radius: 50% !important;
}

.qoute-filter-modal-box input[type=radio]:checked,
.qoute-filter-modal-box input[type="checkbox"]:checked,
.qoutes-user-details-section input[type=radio]:checked,
.qoutes-user-details-section input[type="checkbox"]:checked,
.travel-insurance-journy-section input[type=radio]:checked,
.travel-insurance-journy-section input[type="checkbox"]:checked,
.customize-box input[type="radio"]:checked,
.customize-box input[type="checkbox"]:checked {
    background: #007336 url('../travel/icons/check-line-white.svg') no-repeat center / 70% !important;

    opacity: 1;
}





/* custom modal style end here--------------------------------- */




.shine-btn::after {
    content: "";
    top: 0;
    transform: translateX(100%);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    animation: shine 1.5s infinite;
    opacity: 1;
    background: linear-gradient(63deg, hsla(0, 0%, 100%, 0), hsl(0deg 0% 100% / 20%) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0));
}

@keyframes shine {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}

.first-button {
    background: #007438;
    border-radius: 10px;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    line-height: normal;
    padding: 8px 15px;
    border: none;
    overflow: hidden;
    position: relative;
}

.third-button {
    color: #afafaf;
    position: relative;
    background: #f6fdfa;
    border: 1px solid #afafaf;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    padding: 8px 15px;
    overflow: hidden;
}



.first-button a {
    color: white !important;
    text-decoration: none;
}


.first-button a img {
    width: 4%;
}


nav.navbar.navbar-expand-lg {
    box-shadow: rgb(76 189 158 / 13%) 0px 3px 5px;
}


.content-text p {
    font-size: 15px;
    line-height: normal;
}

.insurance-product-wraper a {
    width: 21%;
}

.sec-title h4 {
    text-align: center;
    font-weight: 600;
    line-height: normal;
}

.sec-title h5 {
    text-align: center;
    font-size: 16px;
    line-height: normal;
    font-weight: 600;
    margin-bottom: 0px;
    color: green;
}







/* -------------travel journy section start from here ---------------- */

@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap");

td,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6,
label,
div {
    font-family: "Poppins", sans-serif !important;
}

p {
    margin-bottom: 0;
}


.top-section-title {
    text-align: center;
}

.top-section-title p {
    font-size: 19px !important;
    font-weight: 600;
    color: #834530;
    margin: 0;
}

.top-section-title h1 {
    font-size: 43px;
    font-weight: 700;
    background: linear-gradient(90deg, #006731 -21.03%, #86c03f 110.5%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
}

.travel-insurance-types-wraper-box figure {
    width: 27px;
}

.travel-insurance-types-wraper-box {
    cursor: pointer;
    display: flex;
    gap: 12px;
    padding: 14px;
    align-items: center;
    border-radius: 12px;
}

.date-cover input {
    font-size: 13px;
    padding: 5px;
    box-sizing: border-box;
    outline: none;

}

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

.travel-insurance-types-wraper-box:hover {
    background: #e3ffe4;
    color: green;
    outline: 1px solid #00800059;
}

.travel-insurance-types-wraper-box.active {
    background: #e3ffe4;
    color: green;
    outline: 1px solid #00800059;
}

.travel-insurance-types-wraper-box h6 {
    font-size: 14px !important;
    margin-bottom: 0;
    font-weight: 600;
}

.travel-insurance-types-wraper {
    display: flex;
    gap: 30px;
    justify-content: center;
}

.travel-insurance-types-wraper-box-cover {
    display: flex;
    gap: 10px;
    padding: 12px;
    border-radius: 15px;
    background: white;
    z-index: 11;
    box-shadow: #e1edff 0px 7px 29px 0px;
}

.user-details-box figure {
    width: 50px;
    background: #f2f4ff;
    padding: 8px;
    border-radius: 50%;
    height: fit-content;
    box-shadow: rgb(0 0 0 / 10%) 0px 1px 4px;
}

/* .user-details-box span {
    font-size: 11px;
    border: 1px solid;
    border-radius: 50%;
    width: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 27px;
    color: darkgray;
} */

/* .user-details-box.second {
    width: 32%;
    justify-content: center;
} */
.user-details-box:after {
    content: " ";
    position: absolute;
    border-right: 1px dashed #80808063;
    height: 54px;
    right: -23px;
}

.user-details-box-input h5 {
    margin-bottom: 5px;
}
.user-details-box.select-travelers.mb-2 {
    align-items: center;
}
.user-details-box {
    display: flex;
    align-items: self-start;
    position: relative;
    /* width: 100%; */
    gap: 17px;
    /* border: 1px solid; */
    /* padding: 10px; */
    /* height: 78px; */
    border-radius: 12px;
}

.qoute-filter-modal-wraper.edit-travelers .user-details-box {
    background-color: white;
    margin-bottom: 15px;
    padding: 16px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.user-details-box.last:after {
    display: none;
}

.popular-countries-section-left h6 {
    font-weight: 600;
    margin: 0;
    font-size: 15px !important;
    margin-bottom: 5px;
}

.popular-countries-section-left p {
    font-size: 13px;
    margin: 0;
}

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

.travel-insurance-user-details-section {
    display: flex;
    position: relative;
    gap: 25px;
    justify-content: space-around;
}
.travel-insurance-user-details-cover {
    margin: 0 auto;
    padding: 55px 23px;
    border-radius: 15px;
    position: relative;
    top: -36px;
    background: white;
    justify-content: space-between;
    box-shadow: #e1edff 0px 7px 29px 0px;
    width: 95%;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}
.user-details-box.last {
    width: 26%;
}

.popular-countries-section-right ul li.active {
    color: green;
    background: #e1fce1;
}




.travel-insurance-popular-countries-section {
    display: flex;
}

.popular-countries-section-right ul {
    display: flex;
    gap: 21px;
    flex-wrap: wrap;
    margin: 0;
}

.travelers-dropdown.selected {
    color: black;
}

.popular-countries-section-right ul li {
    border: 1px dashed #9c9494;
    padding: 3px 16px;
    font-size: 13px;
    border-radius: 15px;
    background: #F2F4FF;
    font-weight: 500;
    cursor: pointer;
    color: black;
}

.popular-countries-section-right ul li figure {
    width: 44%;
}

.user-details-box-input input::placeholder,
.travel-insurance-journy-multiStepForm-box.otp input::placeholder {
    font-size: 14px;
    font-weight: 400;
}

.travel-insurance-popular-countries-section {
    display: flex;
    gap: 36px;
    align-items: flex-end;
    padding: 0 30px;
    width: 100%;
}

.custom-hr {
    width: 96%;
    border: 1px dashed #e4e4e4;
    display: flex;
    justify-content: center;
    margin: 10px 0;
}
.travel-insurance-get-qoute {
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
}

.travel-insurance-journy-wraper {
    background: #EAFDF8;
}

.travel-insurance-get-qoute button {
    padding: 8px 20px;
    border: none;
    border-radius: 28px;
    font-size: 18px;
    font-weight: 600;
    color: white;
    background: #9facc2;
    display: flex;
    gap: 21px;
    align-items: center;
    position: absolute;
    top: 27px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    width: fit-content;
}

.travel-insurance-get-qoute button img {
    width: 30px;

}

/* .travel-insurance-user-details-section:after {
    content: " ";
    border-bottom: 1px dashed #d6d2d2;
    position: absolute;
    bottom: -21px;
    width: 100%;
} */

.travel-insurance-journy-wraper {
    background: #EAFDF8;
    background-image: url("../travel/map.png");
    background-repeat: no-repeat;
    background-position: center;
    background: linear-gradient(172deg, #d3e7ff 30.44%, #fff 69.84%);
    /* background: #c7f2fff2; */
    position: relative;
}

.travel-insurance-journy-section{
    padding: 60px;
    padding-bottom: 250px;
}


.travel-insurance-journy-section.second-page {
    padding-bottom: 0;
}


.travel-bg-second-image img {
    position: absolute;
    bottom: 4%;
    z-index: 1;
}

.second-image {
    position: absolute;
    width: 62%;
    top: 50%;
    left: 50%;
    transform: translate(-41%, -50%);
}

.travel-insurance-types-wraper-box.active h6 {
    color: green;
}

/* .first-image {
    width: 26%;
    position: relative;
    z-index: 2;
} */


.travel-bg-image .first-image figure {
    width: 28%;
}

.travel-bg-image.last-page .first-image img {
    width: 41%;
    position: absolute;
    left: 0;
}
/* .travel-insurance-journy-section {
    overflow: hidden;
} */

.custom-travel-dropdown {
    position: relative;
    display: inline-block;
}

.custom-travel-dropdown select {
    display: none;
    /* Hide the original select element */
}

.travel-select-box {
    border-radius: 4px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
}

.travel-select-box .travel-select-box-search {
    border: none;
    padding: 5px;
    box-sizing: border-box;
    outline: none;
}

/* .travel-select-box .travel-select-box-search::placeholder {
    color: #999;
} */

.travel-select-box .dropdown-content {
    display: flex;
    flex-direction: column;
    position: absolute;
    width: 126%;
    background: white;
    top: 39px;
    z-index: 4;
    /* border: 1px solid; */
    border-radius: 19px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.travel-select-box .selected-items {
    padding: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    max-height: 107px;
    overflow-y: auto;
    width: 100%;
    display: none;

    border-radius: 12px 12px 0 0;
}

.travel-select-box .selected-items.visible {
    display: flex;
    /* Show when items are selected */
}

.travel-select-box .selected-item {
    display: inline-flex;
    align-items: center;
    background-color: #ebfaeb;
    border-radius: 7px;
    padding: 2px 6px;
    margin: 2px;
    color: green;
    font-size: 10px;
    font-weight: 700;
    border: 1px dashed;
}

.travel-select-box .selected-item span {
    margin-right: 5px;
}

.travel-select-box .selected-item button {
    background: none;
    border: none;
    color: green;
    cursor: pointer;
    font-size: 13px;
    padding: 0;
}

.travel-dropdown-options {
    padding: 8px;
    max-height: 209px;
    overflow-y: auto;
    display: none;
    background: white;
    border-radius: 12px;
}

.travel-dropdown-options label {
    padding: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: 14px;
    color: black;
    font-weight: 500;
}

.travel-dropdown-options label:hover {
    background-color: #f0f0f0;
}

span.date-seprate {
    border: 1px solid;
    font-size: 11px;
    padding: 0px;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #d3d3d3;
    margin-top: 15px;
    position: relative;
    left: -6px;
}

.user-details-box-input input {
    border: none;
    width: 100%;
}

.user-details-box.second .user-details-box-input {
    gap: 14px;
    display: flex;
}

.date-cover {
    width: 121px;
}

.travel-insurance-journy-multiStepForm-box.otp {
    width: 100%;
    justify-content: space-between;
    padding: 16px;
}
.travel-insurance-journy-multiStepForm-box {
    width: 22%;
    display: flex;
    align-items: center;
    gap: 10px;
    background: #fff;
    border-radius: 20px;
    text-align: center;
    padding: 10px;
    box-shadow: #e1edff 0px 7px 29px 0px;
}

.top-section-title span {
    color: black;
    font-size: 21px;
    font-weight: 500;
}

.otp-section-cover img {
    width: 39px;
}
.top-section-title span.main {
    font-size: 29px;
    font-weight: 700;
    color: green;
    border-bottom: 2px solid #f3fff8;
    position: relative;
}

.top-section-title span.main .sub img {
    width: 95%;
    position: absolute;
    left: 0;
    transform: rotate(180deg);
}

.date-cover input::placeholder {
    font-size: 13px !important;
}


.otp-section-cover {
    display: flex;
    gap: 14px;
}

.travel-insurance-journy-multiStepForm-box figure {
    width: 47px;
    margin: 0;
}

.navigation-buttons {
    display: flex;
    justify-content: end;
    gap: 20px;
}

.navigation-buttons button {
    width: fit-content;
    float: right;
    border-radius: 12px;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    cursor: pointer;
    padding: 12px 18px;
    height: 41px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #006731;
}

.navigation-buttons button.back-btn {
    font-size: 16px;

    color: #969696;
    border: 1px solid;
    background: #ffffff;
}





.otp-section-cover input {
    border: none;
    font-size: 16px;
    color: #000000;
    font-weight: 500;
}

/* .travel-bg-image.last-page {
    overflow: visible;
    position: absolute;
    left: 0;
    width: 42%;
    top: 18%;

} */

.travel-insurance-journy-multiStepForm-box.otp button {
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
    min-width: 88px;
    padding: 11px;
    background: #d3e6d4;
    color: green;
    border-radius: 10px;
    border: none;
}

.travel-insurance-journy-multiStepForm-box-wraper p {
    font-size: 12px;
    text-align: right;
    margin-top: 5px;
}

.travel-insurance-journy-multiStepForm-box-wraper p strong {
    font-weight: 600;
}

.travel-insurance-journy-multiStepForm-box-wraper p strong span {
    color: green;
    margin-left: 6px;
}

.bottom-section-title h5 {
    font-size: 18px;
    font-weight: 600;
}

.bottom-section-title p {
    font-size: 13px;
    color: black;
}

.travel-insurance-journy-section.second-page .top-section-title {
    text-align: left;
}

.user-details-box-cover {
    display: flex;
    gap: 14px;
}

/* ----------------------travelers custom dropdown ---------------*/

::focus-visible {
    display: none;
}

.dropdown-container {
    position: relative;
    width: 300px;
}

.travelers-dropdown {
    width: 100%;
    padding: 5px;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    color: #928f8f;
    font-size: 14px;
    font-weight: 400;
}

.travelers-options {
    display: none;
    position: absolute;
    top: 39px;
    left: -36%;
    width: 113%;
    background: #fff;
    z-index: 1000;
    box-sizing: border-box;
    padding: 12px;
    border-radius: 19px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.travelers-options label {
    align-items: center;
    width: 50%;
    padding: 5px;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    font-size: 14px;
    color: black;
    font-weight: 500;
    align-items: center;
    margin-bottom: 7px;
    gap: 5px;
    /* display: flex; */
}

.travelers-options .label-cover {
    max-height: 209px;
    overflow-y: auto;
    display: flex;
    flex-wrap: wrap;
}





.travelers-options input[type="checkbox"] {
    margin-right: 10px;
}

.age-dropdown {
    display: none;
    top: 100%;
    left: 0;
    width: 82%;
    background: #fff;
    border-bottom: 1px solid #caeaca;
    margin-top: 5px;
}

.age-dropdown select {
    width: 100%;
    padding: 10px;
    border: none;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 13px;
}

.add-travelers-cover span {
    font-size: 12px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding-top: 10px;
    width: 100%;
    margin: 0 auto;
}

.add-travelers-cover span i {
    color: green;
    padding: 5px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    background: #65b1651f !important;
}

a.add-travelers-cover span p {
    border-bottom: 1px dashed;
    margin: 0;
    color: black;
    cursor: pointer;
}



.travelers-options label.error {
    font-size: 10px !important;
    margin: 0;
    width: 100%;
}

.travelers-options label {
    font-size: 13px !important;

}

.travel-insurance-get-qoute.active button {
    background: green;
}



.daterangepicker {
    position: absolute;
    color: inherit;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
    max-width: none;
    padding: 0;
    margin-top: 7px;
    z-index: 3001;
    font-family: arial;
    font-size: 15px;
    line-height: 1em;
    transform: translate(35%, 2%);
}
.travel-bg-first-image img {
    width: 28%;
    position: absolute;
    left: 0;
    z-index: 2;
}

/* -------------traveler journy section ends  here ---------------- */





/* ---------health details page -------------------------------------- */

.why-shuld-buy-insurnace-box {
    width: 49%;
    padding: 31px;
    background: white;
    border-radius: 10px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.bg-purple {
    background-color: #f7f8ff;
}

.why-shuld-buy-insurnace-box-cover {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
}

.insurance-type-inner-cover {
    display: flex;
    flex-wrap: wrap;
}

.insurance-type-inner-cover span {
    width: 100%;
    border-radius: 8px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 26px;
    background: white;
}

.types-health-insurnace-policy-box {
    width: 48%;
    border: 1px solid #dcd6d6;
    border-radius: 8px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 26px;
    background: white;
}

.types-health-insurnace-policy-box-cover {
    display: flex;
    flex-wrap: wrap;
    gap: 23px;
}

/* ---------travels details  ends page -------------------------------------- */


/* ----------travels qoutes page start from here----------------------------- */



.loading-spinner {
    width: 20px;
    /* Adjust size as needed */
    margin-right: 5px;
    display: none;
}

.check-icon {
    width: 20px;
    /* Adjust size as needed */
    margin-left: 5px;
    display: none;
}



.qoutes-plan-left-box-features-box-top .i-btn i {
    font-size: 12px;
}

.qoutes-plan-left-box-features-box-top {
    display: flex;
}



.qoutes-main-wraper {
    background: #f4f8fc;
}
.journy-text h5 {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #454c8b;
}

.journy-text h4 {
    font-size: 16px;
    font-weight: 700;
    color: #454c8b;
    line-height: normal !important;

}

.journy-text h6 {
    font-size: 11px !important;
    color: #797979;
    font-weight: 400;

}

.journy-text p {
    font-size: 11px !important;
    color: #000;
    font-weight: 500;
    line-height: normal !important;
}

.user-details-box h5 {
    font-size: 13px !important;
    margin: 0;
    color: black;
    margin-bottom: 5px;
}

.qoutes-filter-box-section-box h5 {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    font-size: 12px !important;
}

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

.qoutes-filter-box-section {
    display: flex !important;
    padding: 12px 10px;
    flex-wrap: wrap;
    background: white;
    border-radius: 10px;
    box-shadow: rgb(0 0 0 / 7%) 0px 4px 12px;
}

.qoutes-filter-box-section-box .sort-quotes {
    background: white !important;
    display: flex;
    gap: 10px;
    align-items: center;
}

.qoutes-plan-left-box-logo-cover h5 {
    padding: 0 15px;
}

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

.qoutes-filter-box-section-box h5 {
    font-size: 12px;
}

.qoutes-filter-box-section-box {
    align-items: center;
    position: relative;
    width: 179px;
    margin: 0 8px;
    padding: 0 7px;
    display: flex;
    justify-content: space-between;
}

.qoutes-filter-box-section-box h5 {
    display: flex;
    align-items: center;
}

/* .daterangepicker {
    position: absolute;
    color: inherit;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
    max-width: none;
    padding: 0;
    margin-top: 7px;
    z-index: 3001;
    font-family: arial;
    font-size: 15px;
    line-height: 1em;
    transform: translate(60%, -32%) !important;
} */

.we-heave-greate-plan-section .qoutes-filter-box-section-box {
    background: white;
    padding: 12px 18px;
    width: 23%;
    height: fit-content;
    border-radius: 34px;
    margin: 0;
    box-shadow: rgb(0 0 0 / 8%) 0px 4px 12px;
    display: flex !important;
}

.we-heave-greate-plan-section .qoutes-filter-box-section-box:after {
    display: none;
}

.we-heave-greate-plan-left h6 {
    margin-bottom: 0;
}

.we-heave-greate-plan-section {
    display: flex;
    justify-content: space-between;
    border-bottom: none;
    align-items: flex-end;
}

.qoutes-user-left {

    width: 69%;
}

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

.qoutes-plan-right-call-me-bottom {
    display: flex;
    gap: 15px;
}


.qoutes-user-details-left .left-side {
    width: 6%;
}

.left-side img {
    width: 100%;
}

.qoutes-user-details-left {
    display: flex;
    margin-bottom: 10px;
    gap: 10px;
}

.qoutes-user-details-left .last figure {
    cursor: pointer;
    margin-left: 1px !important;
}

.qoute-filter-modal-wraper.insurer label {
    font-size: 14px;
    font-weight: 600;
}

.thank-you .bottom-section {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    flex-direction: column;
    align-items: center;
    width: 1000%;
}

.qoutes-user-details-section {
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.we-heave-greate-plan-right button h5 {
    margin: 0;
    font-size: 12px !important;
}

.we-heave-greate-plan-right svg {
    font-size: 15px;
}

.qoutes-filter-box-section-box:after {
    content: "";
    height: 27px;
    position: absolute;
    right: -10px;
    border: 1px dashed #dddddd;
}

.qoutes-filter-box-section-box.last::after {
    display: none;
}
.plan-type-select-box label {
    border: 1px dashed;
    padding: 2px 10px;
    font-size: 12px;
    border-radius: 15px;
    background: #f6f6fd;
}
.qoutes-filter-box-section-box h5 {
    display: flex;
    justify-content: space-between;
}

.we-heave-greate-plan-right {
    display: flex;
    text-align: right;
    justify-content: end;
    align-items: end;
    /* height: 100%; */
    margin-bottom: 33px;
}

.we-heave-greate-plan-right button {
    display: flex;
    width: fit-content;
    border-radius: 7px;
    background: white;
    box-shadow: rgba(207, 207, 213, 0.2) 0px 7px 29px 0px;
    border: none;
    padding: 7px 10px;
    gap: 5px;
}

.qoutes-plan-left-box {
    background: white;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    border-radius: 15px !important;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 16px -6px, rgba(0, 0, 0, 0.3) 0px 8px 16px -12px;
}

.qoutes-plan-section {
    display: flex;
    gap: 33px;
    flex-wrap: wrap;
}

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

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

.qoutes-plan-left-box-logo-cover figure {
    width: 83px;
    padding-bottom: 10px;
}

.qoutes-plan-left-box-logo-cover {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 20%;
    justify-content: center;
    gap: 5px;
}

.qoutes-plan-left-box-features-box:nth-child(3):after {
    display: none;
    font-size: 15px;

}

.qoutes-plan-left-box-features-cover {
    display: flex;
    flex-wrap: wrap;
    width: 60%;
    padding: 12px;
    margin: 14px 0;
    gap: 5px;
    background: #f8f8fb;
    border-radius: 5px;
}

.qoutes-plan-left-box-features-box {
    width: 32%;
    position: relative;
}

.qoutes-plan-left-box-features-box h6 svg {
    font-size: 9px;
}

/* .qoutes-plan-left-box-features-box:after {
    right: 20px;
    content: "";
    border: 1px dashed #d1d1d1;
    height: 43px;
    width: 1px;
    position: absolute;
    top: 0;
} */

.qoutes-plan-left-box-features-box h6 {
    margin-bottom: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: black;
    font-weight: 600;
}

.qoutes-plan-left-box-buy-now-cover h2 {
    font-size: 15px;
    color: #000000;
    font-weight: 500;
}

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

.qoutes-plan-left-box-buy-now-cover {
    width: 20%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 13px 0;
    gap: 6px;
}

.qoutes-plan-left-box-features-box strong svg {
    margin: 0 5px;
}

.qoutes-plan-left-box-options-cover {
    flex-wrap: wrap;
    display: flex;
    gap: 25px;
    width: 100%;
    background: #c1cbe145;
    overflow: hidden;
    border-radius: 0 0 10px 10px;
}

.qoutes-plan-left-box-options-box:after {
    content: "";
    border: 1px dashed #b8afaf;
    position: absolute;
    height: 19px;
    right: -13px;
    top: 4px;
}

.qoutes-plan-left-box-buy-now-cover button {
    font-size: 14px;
    width: 96px;
}

.qoutes-plan-left-box-logo-cover h5 {
    font-size: 10px;
    text-align: center;
    margin: 0;
}

.qoutes-plan-left-box-options-box h6 strong a {
    font-size: 10px;
    color: black;
}

label.compare-plan-button h6 strong {
    color: white !important;
    font-size: 10px;
}


label.compare-plan-button h6 strong {
    color: white !important;
}

.qoutes-plan-left-box-options-box {
    position: relative;
    padding: 5px;
}

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

.qoutes-plan-left-box-options-box.first label {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #1964AF;
    width: 162px;
    height: 100%;
    gap: 4px;
}

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

.quotes-plan-left-box-options-box> :last-child::after {
    display: none;
}

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

.qoutes-plan-left-box-options-box.first h6 strong a {
    color: white;
    color: #2a2f49;
}

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

.qoutes-plan-left-box-features-cover h6 strong {
    color: gray;
}

.qoutes-plan-left-box-features-cover h6 strong {
    color: #6c6c6c;
    font-weight: 500;
}

.qoutes-plan-left-box-buy-now-cover h6 strong {
    color: gray;
}

.recomended-plan-section {
    position: absolute;
    background: -webkit-linear-gradient(90deg, hsl(193.98deg 94.41% 52.55%) 0%, #30aaf1 100%);
    padding: 2px;
    width: 122px;
    border-radius: 3px 3px 3px 0;
    top: -9px;
    left: 0px;
    display: flex;
    justify-content: center;
}

.recomended-plan-section h6 {

    margin-bottom: 0px;
}

.recomended-plan-section h6 strong {
    color: white;
    margin-bottom: 0px;
    font-weight: 600;
}

.qoutes-plan-left-box-options-box.first input {
    width: 15px;
    height: 15px;
}


.qoutes-plan-right-call-me-top {
    display: flex;


}

.qoutes-plan-right-sticky-cover {
    position: sticky;
    top: 0;
}

.qoutes-plan-right-call-me-cover,
.qoutes-plan-right-why-choose-cover {
    background: white;
    padding: 19px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    overflow: hidden;
}

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

.qoutes-plan-right-call-me-top-left form {
    display: flex;
}

.qoutes-plan-right-call-me-top-left form input {
    border: none;
    padding: 7px;
}

.qoutes-plan-right-call-me-top-left form input:first-child {
    background: #f4f8fc;
    width: 100%;
    border-radius: 8px 0 0 8px;
    color: gray;
    font-weight: 600;
}

.qoutes-plan-right-call-me-top-left form button {
    background: green;
    border-radius: 0 8px 8px 0;
    font-size: 14px;
    color: #ffffff;
    font-weight: 600;
    padding: 6px 0;
    border: none;
    width: 48%;
}

.qoutes-plan-right-call-me-top-left form input:focus {
    outline: none;
}

.bg-bottom-left {
    position: absolute;
    bottom: -34px;
    left: -19px;
}

.qoutes-plan-right-call-me-top-left {
    margin-bottom: 15px;
}

.qoutes-plan-right-why-choose-cover hr {
    color: #d1baba;
    margin: 13px 0;
}
.common-modal-wraper.journy-text.share .modal-dialog {
    max-width: 48%;
}
.qoutes-plan-right-why-choose-bottom figure {
    width: 24px;
}

.qoutes-plan-right-why-choose-bottom h5 {
    display: flex;
    gap: 9px;
    align-items: center;
    color: black;
    font-size: 11px !important;
    font-weight: 600;
}

.common-modal-wraper.journy-text.share .common-pop-up-wraper .col-lg-5 {
    background: #e0e0e030;
    display: flex;
    align-items: center;
}

.qoutes-plan-right-why-choose-cover {
    padding-bottom: 132px;
    background-image: url('/assets/images/travel/why-choose-bg.png');
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%;
}

.qoutes-insurance-provider-box-top figure {
    width: 90px;
}

.qoutes-insurance-provider-box-top {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: left;
    border-bottom: 1px dashed;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.qoutes-insurance-provider-box-cover {
    display: flex;
    flex-wrap: wrap;
}

.qoutes-insurance-provider-box {
    background: white;
    padding: 14px;
    margin-right: 15px;
    margin-top: 17px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}

.qoutes-user-details-left .right-side .bottom {
    color: black;
    font-size: 12px !important;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    position: relative;
}

.qoutes-insurance-provider-section h5 {
    border-bottom: 1px dashed #aeacac;
    padding-bottom: 13px;
    margin-bottom: 0;
}



.qoutes-user-details-left .right-side .bottom span.first:after {
    content: " ";
    border: 1px dashed;
    position: absolute;
    height: 16px;
    color: gray;
    right: -10px;
}


.qoutes-user-details-left .right-side .bottom span {
    position: relative;
    display: flex;
    gap: 6px;
    align-items: center;
}



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

.we-heave-greate-plan-left h4 {
    margin-bottom: 6px;
}


.filter-button-mob-side-cover {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 4px 0;
}

/* -----------------filter modal style ------------------------------ */


.filter-qoute-modal-wraper .btn-close {
    position: absolute;
    right: 20px;
    top: 20px;
}


.qoute-filter-modal-wraper.cover-modal {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

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

.qoute-filter-modal-box label h5 {
    margin: 0;
    color: black;
}

.qoute-filter-modal-box label {
    cursor: pointer;
    display: flex;
    border-radius: 10px;
    align-items: center;
    justify-content: space-between;
    padding: 16px 13px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}


.qoute-filter-modal-box label h5 {
    font-weight: 600;
    margin: 0;
    color: #1c1c1c;
}

.plan-type .top-section {
    display: flex;
    gap: 15px;
    margin-bottom: 10px;
}

.top-section .qoute-filter-modal-box {
    width: 50%;
}

.plan-type .mid-section {
    padding: 14px;
    background: #F3F3FE;
    border-radius: 10px;
    margin-bottom: 20px;
}

.bottom-section {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

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

.bottom-section .qoute-filter-modal-box {
    width: 31%;
}

.qoute-filter-modal-box.active label {
    background: #F3FEF8;
    outline: 1px dashed #007336;
}

.insurer .right-side {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.insurer .right-side figure {
    display: flex;
}

figure {

    display: flex;
    justify-content: center;
    align-items: center;
}


.insurer .qoute-filter-modal-box label figure {
    width: 74px;
}


.insurer .qoute-filter-modal-box label {

    justify-content: flex-start;

    gap: 30px;
}


.notification-strip.os-orange {
    position: absolute;
    top: 0;
    z-index: 9;
    display: inline-block;
    vertical-align: top;
    border-radius: 0 0 10px 10px;
    font-size: 9px;
    color: #ffffff;
    font-weight: 600;
    line-height: 18px;
    text-align: center;
    padding: 0 20px;
    background: orange;
    left: 50%;
    transform: translate(-50%, 0%);
}

/* -----------------filter modal style ends ------------------------------ */


.common-modal-wraper.share .btn-close, .common-modal-wraper.thank-you .modal-content .btn-close {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 99999999999999;
}



.share-qoutes-modal-box .first-button {
    overflow: visible;
    position: absolute;
    right: 26px;
}

.share-qoutes-modal-box figure {
    padding: 8px;
    width: 40px;
    height: 40px;
    border-radius: 150px;
    text-align: center;
    margin-right: 15px;
    background: linear-gradient(to bottom, #02cb5f 1%, #007437 100%);
    display: flex;
    justify-content: center;
    align-items: center;
}

.share-qoutes-modal-box input {
    border: none;
    padding: 0 10px;
    font-size: 13px;
    font-weight: 500;
}
.share-qoutes-modal-box {
    display: flex;
}

.share-qoutes-modal-box {
    display: flex;
    border-bottom: 1px dashed #dbcccc;
    padding-bottom: 12px;
    margin-bottom: 17px;
}

/* .common-pop-up-wraper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
} */

.common-modal-wraper.thank-you figure.middle {
    width: 126px;
}


.common-pop-up-wraper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.common-pop-up-wraper .common-pop-up-box {
    width: 15%;
    padding: 12px;
    border-radius: 10px;
    border: 2px dashed #c8e7ff;
    position: relative;
    justify-content: left;
    margin-right: 19px;
    background: #dcdcdc36;
}

.common-modal-wraper.compare-qoutes .common-pop-up-box {
    display: flex;
    flex-wrap: wrap;
}

.common-pop-up-box-bottom {
    display: flex;
    gap: 10px;
    align-items: center;
}

.common-pop-up-box-bottom figure {
    padding: 6px;
    width: 82px;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    background: white;
}

.common-pop-up-wraper .common-pop-up-box .closeComparePlanPopup {
    background: no-repeat;
    border: none;
    position: absolute;
    right: -5px;
    top: -1px;
    padding: 0;
}

.common-pop-up-wraper .common-pop-up-box .closeComparePlanPopup svg {
    font-size: 25px;
    color: green;
}

.emty-compare-box svg {
    border: 1px dashed;
    padding: 5px 7px;
    border-radius: 6px;
}

.emty-compare-box {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.common-modal-wraper.compare-qoutes .modal {
    background: transparent !important;
}

.compareplanpopup {
    width: 100%;
    display: none;
    position: fixed;
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 20px;
    z-index: 1000;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 23px 10px 0 0 !important;
    box-shadow: 0 -6px 16px rgba(37, 56, 88, .16);
}

.common-pop-up-box.last button {
    padding: 15px;
}

.common-pop-up-box.last {
    box-shadow: none;
    border: none;
    background: none;
    margin-right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}


/* ----------health qoutes page ends from here----------------------------- */


/* ----------addons qoutes page start from here----------------------------- */

.plan-details-inner-box-inner {
    font-size: 14px;
    font-weight: 600;
    width: 80%;
}

.plan-details-inner-box.feature.not-cover .plan-details-inner-box-content button figure img {
    filter: hue-rotate(248deg);
}

.customize-box-content h5 {
    margin-bottom: 5px;
}

.customize-box-content h5 i,
p.addons-massage i {
    margin-left: 2px;
    color: #ffc223;
    animation: spin 4s linear infinite;
}

.go-back-section .go-back-left figure {
    width: 20px;
}

.go-back-left {
    display: flex;
    align-items: center;
    gap: 10px;
}

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

/* .inner-form-main-cover.journy-text hr {
    margin: 5px 0;
} */
.inner-form-main-cover.journy-text hr {
    margin: 12px 0;
    color: #cccccc;
}

.summay-box-plan-type figure {
    width: 71px;
}

.inner-form-bottom-form-section {
    display: flex;
    gap: 30px;
}

.inner-form-bottom-form-left {
    width: 30%;
    position: relative;
}

.inner-form-bottom-form-right {
    width: 70%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    padding: 20px;
    border-radius: 17px;
    background: white;
    height: fit-content;
}

.summay-box-plan-type {
    display: flex;
    gap: 20px;
    padding: 10px;
    border-radius: 17px 17px 0 0;
    padding-bottom: 25px;
    background: hsla(26, 100%, 92%, 1);
    background: linear-gradient(47deg, hsla(26, 100%, 92%, 1) 0%, hsla(300, 38%, 94%, 1) 50%, hsla(211, 67%, 82%, 1) 100%);
    background: -moz-linear-gradient(47deg, hsla(26, 100%, 92%, 1) 0%, hsla(300, 38%, 94%, 1) 50%, hsla(211, 67%, 82%, 1) 100%);
    background: -webkit-linear-gradient(47deg, hsla(26, 100%, 92%, 1) 0%, hsla(300, 38%, 94%, 1) 50%, hsla(211, 67%, 82%, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#FFE9D8", endColorstr="#F5E9F5", GradientType=1);
}


.summary-box-bottom-section .summary-bottom-box ul li span {
    flex: 0 0 100%;
    max-width: 50%;
    font-size: 12px;
    color: #000000;
    font-weight: 500;
}

.summary-box-bottom-section .summary-bottom-box ul li strong {
    flex: 0 0 100%;
    max-width: 50%;
    font-size: 12px;
    color: #000000;
    font-weight: 700;
    text-align: right;
    line-height: normal;
}

.summay-box-company-logo-section figure {
    width: 100px;
    margin-bottom: 10px !important;
}

.summay-box-company-logo-section {
    display: flex;

    padding: 5px 0;
    flex-direction: column;
}
.summary-bottom-box.addons ul li {
    margin-bottom: -1px;
}
.summary-box-bottom-section-box,
.summary-box-addons-section-box {
    display: flex;
    justify-content: space-between;
}

.inner-form-bottom-summay-box {
    padding: 22px;
    background: white;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    border-radius: 17px 17px 0 0;
    position: relative;
    top: -12px;
}

.inner-form-main-cover {
    background: #F0F8FE;
}

.summary-box-bottom-section p,
.inner-form-bottom-summay-box p {
    margin-bottom: 0;
    font-size: 11px !important;
    font-weight: 600;
}

.summary-box-total-price {
    display: flex;
    justify-content: space-between;
    background: linear-gradient(90deg, #006731 -21.03%, #86c03f 110.5%);
    padding: 16px;
    border-radius: 0 0 17px 17px;
    position: relative;
    top: -12px;
}

.summary-box-total-price h5 {
    color: white;
    margin: 0;
}

.summay-box-plan-type h5 {
    margin-bottom: 5px;
}

.form-group input.form-control-file {
    font-size: 10px !important;
}

.summay-box-company-logo-section h5 {
    margin-bottom: 5px;
}

.summary-bottom-box ul li {
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    margin-bottom: 2px;
}

.summary-bottom-box ul {
    margin-bottom: 0;
}


.page-tabs-wraper .list-group {
    display: flex;
    flex-direction: row;
    padding-left: 0;
    border-radius: .25rem;
}

.page-tabs-wraper .list-group .list-group-item {
    position: relative;
    display: block;
    text-decoration: none;
    border: none;
    text-align: center;
    width: 21%;
    border-radius: 7px 7px 0 0;
    font-size: 12px;
    color: green;
    font-weight: 700;
    line-height: normal;
    padding: 12px 9px;
    margin-right: 4px;
    background: #e9e9e9;
}

.page-tabs-wraper .list-group .list-group-item.active {
    z-index: 2;
    background: #86c03f;
    color: #fff;
    border-bottom: 2px solid green;
    position: relative;
    transition: none;
}

.page-tabs-wraper .list-group .list-group-item.active::after {
    font-size: 28px;
    height: 10px;
    top: 30px;
    color: green;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    content: "\f0d7";
    font-family: "Font Awesome 5 pro";
}

.customize-box-heading h3 {
    font-size: 18px !important;
    font-weight: 500 !important;
}

.customize-box-body {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.customize-box {
    padding: 13px;
    border-radius: 10px;
    width: 48% !important;
    display: flex;
    flex-direction: column;
    position: relative;
    box-shadow: rgb(146 146 146 / 20%) 0px 7px 29px 0px;
    border: 1px solid #eaeaea;
    font-family: "Poppins", sans-serif !important;
}

.discount-section-Customize-plan-box .customize-box-check-box {
    gap: 14px;
    display: flex;
}

.discount-section-wraper .customize-box:after {
    content: "";
    position: absolute;
    background: #00844008;
    width: 36px;
    height: 100%;
    left: 0px;
    top: 0;
    z-index: 0;
}

.customize-box-check-box label {
    cursor: pointer;
    z-index: 2;
}

.customize-box-content {
    width: 100%;
}

.customer-support-cover {
    overflow: hidden;
    border: 1px solid #d9d9d9;
    display: flex;
    align-items: center;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    margin-top: 60px;
}

.customer-support-image {
    width: 13%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 7px;
    margin-left: 14px;
}

.customer-support-image img {
    width: 100%;
    position: relative;
    z-index: 2;
}

.customer-support-image:after {
    left: -20px;
    content: "";
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
    background: #eeffee;
    width: 178px;
    position: absolute;
    z-index: 1;
    height: 100%;
}

.customer-support-content {
    width: 52%;
    margin-left: 33px;
}

.customer-support-call {
    margin-left: 0% !important;
}


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

.plan-details-inner-box {
    margin-left: 0;
    padding: 14px;
    width: 97%;
    border-radius: 10px;
    display: flex;
    gap: 15px;
    /* align-items: center; */
    box-shadow: rgb(146 146 146 / 20%) 0px 7px 29px 0px;
    border: 1px solid #eaeaea;
    min-height: 78px;
    height: fit-content;
}

.plan-details-inner-box-content button.accordion-button.collapsed {
    display: flex;
    gap: 15px;
}

/* .plan-details-inner-box-content .accordion-button::after,
.policy-featurs-faq-wraper .accordion-button::after {
    flex-shrink: 0;
    width: 15px;
    height: 15px;
    background-size: 12px !important;
    transition: transform .2s ease-in-out;
    right: 6px;
    background: url("../travel/arrow-down-green.svg") no-repeat center;
    background-size: contain;
} */

.plan-details-inner-box-image {
    width: 16%;
    padding: 1px;
}

.plan-details-inner-box-content .accordion-button {
    padding: 0;
}

.feature.download .plan-details-inner-box-content {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
}

.plan-details-inner-box-content button.accordion-button.collapsed {
    display: flex;
    gap: 15px;
}

.plan-details-inner-box-image img {
    width: 100%;
    filter: brightness(0.7);
    height: 100%;
    object-fit: contain;
}

.plan-details-inner-box-content .accordion-body {
    border-top: 1px solid gainsboro;
    padding: 4px;
    margin: 12px 0 0 0;
}

.plan-details-inner-box-content .accordion-button:not(.collapsed) {
    color: black;
    background-color: transparent;
    box-shadow: none;
    display: flex;
    gap: 15px;
}

.plan-details-inner-box-content .accordion-button:focus {
    border-color: transparent;
    box-shadow: none;
}

.plan-details-inner-box.not-coverd i {
    color: white;
    background: red;
    padding: 0;
    border-radius: 50%;
    width: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 17px;
    font-size: 13px;
    font-weight: 400;
}

.plan-details-box.feature .plan-details-inner-box {
    display: flex;
    align-items: center;
    width: 48%;
    margin-bottom: 11px;
}

.plan-details-inner-box-image {
    width: 14%;
    padding: 1px;
}

.plan-details-inner-box.not-coverd {
    padding: 0;
    min-height: 0;
    box-shadow: none;
    border: none;
    margin: 3px 0;
    gap: 0;
}


.claim-process-block {
    position: relative;
}

.claim-process-block .inner {
    position: relative;
    padding-left: 75px;
    z-index: 1;
    padding-bottom: 32px;
}

.claim-process-block .inner:before {
    position: absolute;
    left: 29px;
    top: 5px;
    bottom: 0;
    z-index: -1;
    border-left: 2px dashed rgba(217, 48, 37, 0.15);
    content: "";
}

.claim-icon {
    position: absolute;
    left: 16px;
    top: 0;
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 14px;
    border-radius: 50%;
    background: white;
    z-index: 2;
    border: 1px solid #1fa41f;
    color: black;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: rgb(195 230 202 / 87%) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
    font-weight: 600;
}

.claim-process-block .title-box {
    position: relative;
    display: flex;
    align-items: flex-start;
    margin-bottom: 5px !important;
}

.claim-process-block .info-box {
    position: relative;
    margin-right: 20px;
}

.claim-process-block .info-box h3 {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #202124;
}

.claim-process-block .description {
    font-size: 13px !important;
    line-height: normal;
    font-weight: 400;
    color: gray;
}


.claim-process-block.last .inner:before {
    display: none;
}



.plan-details-inner-box-content {
    width: 100%;
}


.sticky-buy-strip-cover {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #ffffff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    z-index: 99;
}

.sticky-buy-strip-cover .sticky-buy-strip-wrap {
    align-items: center;
    display: flex;
    justify-content: end;
    position: relative;
}

.sticky-buy-strip {
    text-align: right;
    padding: 10px 0;

}

.sticky-buy-strip a {
    width: fit-content;
    display: flex;
    border-radius: 10px;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    line-height: normal;
    padding: 15px 19px;
    align-items: center;
    justify-content: space-around;
    background: #007438;
    border: none;
    gap: 14px;
}

.sticky-buy-strip a img {
    width: 30px;
}

/* ----------addons qoutes page ends from here----------------------------- */



/* ----------date pickker start from here----------------------------- */


#ui-datepicker-div {
    font-size: 13px;
}

.ui-datepicker .ui-datepicker-header {
    display: flex;

    align-items: center;
    justify-content: center;
    background: #a4d468;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    top: 0px !important;
}

.ui-datepicker th {
    padding: 8px 0 !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #4dac6347 !important;
    background: white !important;
    border-radius: 3px;
    height: 30px !important;
}

.ui-datepicker .ui-datepicker-title {

    display: flex;
    width: 155px;
    gap: 10px;
    background: transparent;
}

.ui-datepicker table {

    background: #fcfcfb;
}


/* ----------date pickker ends from here----------------------------- */



/* ----------edit travel start from here----------------------------- */

a.add-travelers-wrap span svg {
    background: #ceffe0 !important;
    padding: 4px !important;
    border-radius: 50% !important;
    font-size: 11px !important;
}

.add-travelers-wrap span p,
.add-travelers-wrap span i {
    cursor: pointer;
}

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

.qoute-filter-modal-wraper.edit-travelers {
    padding: 5px 17px;
}

.edit-travelers .plan-type-cover {
    display: flex;
    gap: 20px;
}

.plan-type-cover label {
    display: flex;
    gap: 2px;
    align-items: center;
    cursor: pointer;
}


.user-details-box.plan-type .plan-type-cover label span {
    font-size: 13px;
    font-weight: 500;
    color: black;
}

.pointer{
    cursor: pointer;
}

.user-details-box.plan-type h5 {
    margin-bottom: 12px !important;
}

.user-details-box.select-travelers .user-details-box-input {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


a.add-travelers-wrap span {
    display: flex;
    gap: 10px;
}

a.add-travelers-wrap span p {
    font-size: 11px !important;
    border-bottom: 1px dashed;
    margin: 0;
}

a.add-travelers-wrap span i {
    background: #ceffe0;
    padding: 4px;
    border-radius: 50%;
    font-size: 11px;
}

.add-travelers-selected-cover {
    display: flex;
}

.add-travelers-selected-box span {
    font-size: 13px;
    color: green;
    font-weight: 600;
}

.add-travelers-selected-box {
    padding: 13px 13px;
    display: flex;
    align-items: center;
    border-radius: 10px;
    width: 49%;
    justify-content: space-between;
    background: white;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.add-travelers-selected-cover {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.add-travelers-selected-box svg {
    color: red;
    font-size: 11px;
    cursor: pointer;
}

.add-travelers-selected-box select {
    border: none;
    font-size: 13px;
    font-weight: 600;
    width: 100%;
}
/* .daterangepicker {
    position: absolute;
    color: inherit;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
    max-width: none;
    padding: 0;
    margin-top: 7px;
    z-index: 3001;
    font-family: arial;
    font-size: 15px;
    line-height: 1em;
    transform: translate(35%, 2%);
} */

.modal-dialog.edit-modal {
    max-width: 649px;
}

.user-details-box.plan-type {
    align-items: self-start;
}

.plan-type-select-box-cover p {
    margin-bottom: 5px;
}

.plan-type-select-box button {
    font-size: 12px;
    border: none;
    background: white;
    padding: 10px 20px;
    font-weight: 500;
    border-radius: 30px;
    box-shadow: rgb(146 146 146 / 20%) 0px 2px 8px 0px;
}

.plan-type-select-box button:hover,
.plan-type-select-box button.active {
    color: white;
    background: #02CB5F;
}

.plan-type-select-box {
    display: flex;
    justify-content: space-between;
    gap: 15px;
}


.add-travelers-selected-box figure {
    cursor: pointer;
    width: 30%;
}
.modal-dialog.edit-modal .daterangepicker {

    transform: translate(46%, 2%) !important;
}


.add-travel-bottom-section {
    display: flex;
    gap: 7px;
}


input[type=radio],
input[type=checkbox] {
    flex: 0 0 100%;
    position: relative;
    background: white;
    border: 1px solid #cfcaca !important;
    /* border-radius: 100px; */
    box-shadow: none;
    transition: none !important;
    cursor: pointer;
    line-height: 0;
    margin: 0;
    outline: 0;
    padding: 0 !important;
    vertical-align: text-top;
    height: 15px;
    width: 15px;
    max-width: 15px;
    -webkit-appearance: none;
    opacity: 1;
    margin-right: 7px;
    border-radius: 3px !important;
}


input[type=radio] {
    border-radius: 50% !important;
}


input[type=radio]:checked,
input[type=checkbox]:checked {
    background: #007336 url('../travel/icons/check-line-white.svg') no-repeat center / 70% !important;

    opacity: 1;
}

.travel-select-box .search-input {

    width: 100%;
    background-size: 10%;
    border: none;
    padding: 5px;
    box-sizing: border-box;
    outline: none;
    background-image: none !important;
}


/* ----------edit travel ends from here----------------------------- */






/* ----------kyc  page start from here----------------------------- */

.inner-form-bottom-form-right.form input[type="text"],
.inner-form-bottom-form-right.form input[type="email"],
.inner-form-bottom-form-right.form input[type="number"],
.inner-form-bottom-form-right.form input[type="tel"],
.inner-form-bottom-form-right.form input[type="date"],
.inner-form-bottom-form-right.form input[type="file"],
.inner-form-bottom-form-right.form select,
.inner-form-bottom-form-right.form textarea {
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    width: 100%;
    height: 38px;
    font-size: 12px;
    color: #626262;
    font-weight: 500;
    padding: 0 15px;
}

.kyc-detail-date-cover,
.proposer-detail-date-cover,
.nominee-detail-date-cover {
    position: relative;
}

.date-icon {
    position: absolute;
    top: 11px;
    right: 10px;
    cursor: pointer;
    color: #6f7b74;
    font-size: 14px;
}


input[type=file]::file-selector-button {
    margin-right: 20px;
    border: none;
    background: gray;
    padding: 0px 5px;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    transition: background .2s ease-in-out;
}

input[type=file]::file-selector-button:hover {
    background: #0d45a5;
}

.inner-form-bottom-form-right.form .form-control-file {
    padding: 4px !important;
}


.inner-form-bottom-form-right.form label {
    font-size: 11px;
    color: #696969;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 5px;
}

.inner-form-bottom-form-right.form label strong {
    color: red;
}

/* ----------kyc  page start from here----------------------------- */

/* ----------proposer  page start from here----------------------------- */


.proposer-form .accordion-button:not(.collapsed) {
    color: white;

}

.proposer-form-heading {
    display: flex;
    gap: 20px;
}

.proposer-form-heading svg {
    background: #dedbdb5e;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    padding: 7px;
}

.proposer-form-heading {
    display: flex;
    gap: 10px;
    align-items: center;
}

.proposer-form-heading h4 {
    margin: 0;
}

.proposer-form-heading-tabs-steps {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.13);
    padding-bottom: 19px;
}

.proposer-form-heading-tabs-steps ul {
    display: flex;
    align-items: center;
    padding-left: 4px;
}

.proposer-form-heading-tabs-steps .nav-tabs {
    border-bottom: none;
}

.proposer-form-heading-tabs-steps ul li {
    position: relative;
    display: flex;
    align-items: center;
    padding-right: 50px;
    cursor: pointer;
}

.proposer-form-heading-tabs-steps ul li a.active .circle {
    position: relative;
    background-image: url('/assets/images/travel/plane-icon.png');
    background-repeat: no-repeat;
    background-position: center;
    padding: 9px;
    outline: 1px solid #4edc91;
    background-color: #E8FFF3;
    background-size: contain;
    width: 10px !important;
    height: 10px !important;
}

.proposer-form-heading-tabs-steps ul li a.complete .circle {
    padding: 12px;
    position: relative;
    background-image: url('/assets/images/travel/complete.png');
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    background-size: 21px;
}

.proposer-form-heading-tabs-steps ul li:after {
    position: absolute;
    top: 37%;
    right: 28px;
    content: "";
    opacity: 0.4;
    width: 28px;
    height: 1px;
    border-bottom: 2px dotted rgba(0, 0, 0, 0.5);
}

.proposer-form-heading-tabs-steps ul li .circle {
    display: inline-block;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    background: #FFFFFF;
    border: 1px solid rgba(128, 128, 128, 0.37);
    border-radius: 50px;
    margin-right: 10px;
}

.proposer-form-heading-tabs-steps ul li a.active .text {
    opacity: 1;
    color: #000000;
}

.proposer-form-heading-tabs-steps ul li .text {
    opacity: 0.4;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.5);
    font-weight: 600;
}

.proposer-form-heading i {
    background: #dedbdb5e;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    padding: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.proposer-form .accordion-item {
    border: none !important;
}

.proposer-form .accordion-item .accordion-button {
    border-radius: 10px !important;
}



.proposer-form-heading-tabs-steps ul li:after {
    position: absolute;
    top: 50%;
    right: 25px;
    content: "";
    opacity: 0.4;
    width: 15px;
    height: 1px;
    border-bottom: 2px dotted rgba(0, 0, 0, 0.5);
}

.proposer-form-heading-tabs-steps a {
    padding: 0;
    border: none !important;
    display: flex;
    align-items: center;
}

.isnp-wraper .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {

    background: none !important;
}

.proposer-form-heading-tabs-steps ul li.last:after {
    display: none;
}

.proposer-form .accordion-item .accordion-button {
    border-radius: 10px !important;
    color: white;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
    background: hsla(148, 98%, 40%, 1);
    background: linear-gradient(47deg, hsla(148, 98%, 40%, 1) 0%, hsla(148, 100%, 23%, 1) 100%);
    background: -moz-linear-gradient(47deg, hsla(148, 98%, 40%, 1) 0%, hsla(148, 100%, 23%, 1) 100%);
    background: -webkit-linear-gradient(47deg, hsla(148, 98%, 40%, 1) 0%, hsla(148, 100%, 23%, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#02CB5F", endColorstr="#007336", GradientType=1);
    font-weight: 600;
    transition: none;
}

button.accordion-button.collapsed:after {
    filter: brightness(0.5);
}

.accordion.insured-details button.accordion-button.collapsed {
    background: white !important;
    color: black !important;
    box-shadow: rgb(17 17 26 / 3%) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px !important;
    border: 1px solid #dcdcdc96;

}

.proposer-form .accordion-button:not(.collapsed)::after,
.proposer-form .accordion-button::after {
    background: url("../../images/revised-images/pencil-line.png") no-repeat center;
    transform: rotate(-180deg);
}

/* .medical-tabel-cover input[type=radio]:checked, input[type=checkbox]:checked{
    opacity: 0;
} */

.medical-tabel-cover table tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.medical-tabel-cover table tr:last-child {
    border-bottom: none;
}

.medical-tabel-cover table tr th {
    font-size: 12px;
    color: #000000;
    font-weight: 700;
    line-height: 20px;
    vertical-align: top;
    padding: 10px 5px;
}

.medical-tabel-cover table tr th:first-child {
    width: 50px;
}

.medical-tabel-cover table tr td:nth-child(1) {
    max-width: 10px !important;
    min-width: 57px;
}

.medical-tabel-cover table tr td {
    font-size: 12px;
    color: #000000;
    font-weight: 500;
    line-height: 20px;
    vertical-align: top;
    padding: 10px 5px;
    min-width: 117px;
    text-align: left !important;
}

.medical-tabel-cover table tr td {
    font-size: 12px;
    color: #000000;
    font-weight: 500;
    line-height: 20px;
    vertical-align: top;
    padding: 10px 5px;
    min-width: 117px;
    text-align: left !important;
}


.medical-tabel-cover table tr.subqest td:first-child {
    padding-left: 15px;
}






.toggle-container {
    display: flex;
    align-items: center;
    gap: 10px;
}

.toggle-label {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.toggle-label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.medical-history-toggle {
    display: inline-block;
    /* padding: 10px 20px; */
    text-align: center;
    color: #000;
    font-weight: bold;
    cursor: pointer;
    background-color: #fff;
    transition: background-color 0.3s, color 0.3s;
    width: 42px;
    padding: 3px 0;
    border-radius: 6px;
    border: 1px solid #cdcdcd;
}

.medical-history-toggle.yes.selected {
    background-color: green;
    color: #fff;
}

.medical-history-toggle.no.selected {
    background-color: #834530;
    color: #fff;
}


.medical-tabel-cover input[type="date"],
.medical-tabel-cover select,
.medical-tabel-cover input[type="text"] {
    height: 30px !important;
}

.medical-tabel-heading {
    padding: 13px;
    border-radius: 10px;
    border-radius: 10px !important;
    color: white;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
    background: hsla(148, 98%, 40%, 1);
    background: linear-gradient(47deg, hsla(148, 98%, 40%, 1) 0%, hsla(148, 100%, 23%, 1) 100%);
    background: -moz-linear-gradient(47deg, hsla(148, 98%, 40%, 1) 0%, hsla(148, 100%, 23%, 1) 100%);
    background: -webkit-linear-gradient(47deg, hsla(148, 98%, 40%, 1) 0%, hsla(148, 100%, 23%, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#02CB5F", endColorstr="#007336", GradientType=1);
    font-weight: 600;
}

.medical-tabel-cover table tr th:nth-child(3),
.medical-tabel-cover table tr th:nth-child(4),
.medical-tabel-cover table tr th:nth-child(5) {
    width: 93px;

}

.proposer-form button.first-button {
    padding: 14px;
}



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

}

.inner-form-bottom-form-right-proposal-summary a {
    font-size: 10px !important;
    font-weight: 600;
    background: #e2ffe2;
    padding: 4px 15px;
    border-radius: 10px;
    line-height: normal;
    color: black !important;
}

.inner-form-bottom-form-right-proposal-summary.form hr {
    margin: 10px 0;
}

.inner-form-bottom-form-right-proposal-summary.form h6 {
    font-size: 12px !important;
    color: black;
    font-weight: 600;
}

.inner-form-bottom-form-right-proposal-summary.form h5 {
    font-size: 15px;
    font-weight: 600;
    color: black;
}

.inner-form-bottom-form-right-proposal-summary.form h4 {
    font-size: 18px;

}

.proposer-summary-section {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    padding: 20px;
    border-radius: 17px;
    background: white;
    height: fit-content;
}

.proposer-summary-section label {
    font-size: 13px;
}

.terms-and-condition-content-cover {
    display: flex;
    gap: 4px;
}

.terms-and-condition-content a {
    background: none;
    padding: 0;
    color: blue;
    border-bottom: 1px dashed;
    border-radius: 0;
}

label.terms-and-condition-content-cover {
    gap: 8px;
}

.proposer-summary-section .proposer-form-heading:before {
    content: "";
    background: #86c03f;
    width: 8px;
    position: absolute;
    height: 29px;
    border-radius: 10px;
    left: 0;
}

.inner-form-bottom-form-right-proposal-summary .proposer-summary-section {
    position: relative;
}

.share-popup h3 {
    font-size: 18px;
    font-weight: 700;
}

.share-popup h4 {
    font-size: 15px;
    line-height: 21px;
    font-weight: 500;
    color: black;
}



.summay-box-plan-type p {
    margin: 0;
}



/* ----------proposer  page ends from here----------------------------- */



/* ----------------thank you page style start --------------------------------- */

.payment-notification-cover {
    padding: 20px 0;

    background: linear-gradient(0,
            rgb(255 221 221 / 45%) 1.04%,
            rgba(221, 255, 237, 0) 74.11%);

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.payment-notification-cover.payment-success {
    background: linear-gradient(0,
            rgb(221 255 221 / 66%) 1.04%,
            rgba(221, 255, 237, 0) 74.11%);
}

.payment-notification-cover.payment-faield {
    background: linear-gradient(0, rgb(255 221 221 / 45%) 1.04%, rgba(221, 255, 237, 0) 74.11%);
}

.payment-notification-cover.under-writer {
    background: linear-gradient(0, rgb(232 240 187 / 57%) 1.04%, rgba(221, 255, 237, 0) 74.11%);
}

.payment-notification-left-side {
    position: relative;
}

.payment-notification-left-side-first-img {
    display: flex;
    justify-content: center;
}

.payment-notification-left-side-first-img figure {
    width: 69%;
}

.payment-notification-left-side-second-img figure {
    width: 28%;
    position: absolute;
    top: 32%;
    right: 21%;
    animation: move-x 3s linear infinite;
}

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

.payment-notification-right-side-top {
    display: flex;
    justify-content: space-between;
}

.payment-notification-right-insurer-img {
    margin-bottom: 6px;
    text-align: left;
    width: 150px;
}



.payment-notification-right-policy-btns {
    display: flex;
}

.payment-notification-right-policy-btns button {
    background: linear-gradient(to bottom, #02cb5f 1%, #007437 100%);
    border-radius: 50%;
    width: 37px;
    padding: 9px;
    height: 37px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: none;
}

.payment-notification-right-title h3 {
    font-weight: 700;

    font-size: 20px;
}




.payment-notification-right-policy-details ul li {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
}


@keyframes move-x {
    0% {
        transform: translateX(0px);
    }

    50% {
        transform: translateX(5px);
    }

    100% {
        transform: translateX(0px);
    }
}

.payment-notification-right-policy-btns .policy-download {
    background: linear-gradient(to bottom, #02cb5f 1%, #007437 100%);
    border-radius: 50%;
    width: 37px;
    padding: 9px;
    height: 37px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: none;
}

/* ----------------thank you page style end --------------------------------- */



/* ----------compare travel start from here----------------------------- */
.compare-top-section-cover {
    padding: 50px 27px 27px 27px;
    background: white;
    display: flex;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.compare-top-section-left-bottom button {
    width: 49px;
    background: white;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border: none;
    padding: 11px;
    border-radius: 10px;
}

.compare-top-section-left-bottom {
    display: flex;
    gap: 20px;
}

.compare-top-section-left h4 {
    margin-bottom: 20px;
}

.compare-top-section-right {
    display: flex;
}

.compare-top-section-right-box figure {
    width: 115px;
    padding: 12px;
}

button.light-green-btn {
    border-radius: 10px;
    background: #02CB5F;
    border: none;
    color: white;
    padding: 5px 22px;
    font-weight: 600;
    font-size: 13px;
}

.compare-top-section-right {
    display: flex;
    width: 80%;
    gap: 27px;
    position: absolute;
    top: -12px;
    left: 46px;
}

.compare-top-section-left {
    width: 20%;
}

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

.compare-top-section-right-box {
    padding: 22px 13px;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    gap: 5px;
    background: white;
}

.compare-top-section-righ-cover {
    position: relative;
}

.compare-tabel-cover table tbody tr th {
    font-weight: 500;
    font-size: 13px;
    color: green;
    max-width: 217px;
    padding: 12px;
}

.compare-tabel-cover table tbody tr td {
    font-size: 13px;
    max-width: 180px;
    padding: 12px;
}

.compare-section-cover {
    background: #F0F8FE;
}

.compare-tabel-cover .table-striped>tbody>tr:nth-of-type(odd) {
    --bs-table-accent-bg: rgb(255 255 255);
    color: var(--bs-table-striped-color);
}

.go-back-left a {
    font-weight: 600;
    font-size: 12px;
    color: #454c8b;
}

.compare-top-section-right-box h5 {
    font-size: 12px !important;
}

.compareIsMoreThanOne:disabled {
    background: #6c937f !important;
}


input:focus {
    outline: none !important;
    box-shadow: none !important;
}


/* ----------compare travel ends from here----------------------------- */