.petPlanOption {
    margin-top: 20px;
}

@media only-screen and (max-width:991px) {
    .petPlanOption {
        margin-bottom: 0;
    }
}

.petPlanOption petDetailsBar .petName {
    font-size: 24px;
    font-family: "OpenSans-Bold","Open Sans Bold","Open Sans",sans-serif;
    font-weight: 700;
    color: #28373a;
    text-align: left;
    line-height: normal;
    display: inline-block;
    word-break: break-all;
    hyphens: auto;
}

.petPlanOption .petDetailsBar {
    font-size: 16px;
    display: inline-block;
    max-width: 100%;
    margin-right: 10px;
    margin-bottom: .5rem;
}

@media only screen and (min-width:1000px) and (max-width:1199px) {
    .petPlanOption .petDetailsBar {
        display: block;
        max-width: 100%;
    }

        .petPlanOption .petDetailsBar .petName {
            max-width: 40%;
        }

        .petPlanOption .petDetailsBar bgGrey .pet-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 18px;
            font-weight: bold;
            background: #99e9ce;
            width: 100%;
            height: 40px;
        }
}

.petPlanOption .petDetailsBar .petDetails {
    font-family: "OpenSans-Regular","Open Sans",sans-serif;
    color: #28373a;
    text-align: left;
    line-height: normal;
    margin-top: -7px;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    width: 100%;
    height: 59px;
    padding: 0px 12px;
    background: #f8f8f8;
}

@media only screen and (max-width:575px) {
    .petPlanOption .petDetailsBar .petDetails {
        margin-top: 0;
    }
}

.petPlanOption .petDetailsBar span, .petPlanOption .petDetailsBar a {
    margin-right: 10px;
    display: inline-block;
}

.petPlanOption .petDetailsBar .petIcon {
    width: 43px;
    height: 36px;
    margin-right: 9px;
}

@media only screen and (max-width:991px) {
    .petPlanOption .petDetailsBar {
        max-width: 100%;
        width: 100%;
    }

        .petPlanOption .petDetailsBar .petIcon {
            display: none;
        }

        .petPlanOption .petDetailsBar .petName {
            font-size: 18px;
            font-family: "OpenSans-Bold", "Open Sans Bold", "Open Sans", sans-serif;
            margin-left: 13px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .petPlanOption .petDetailsBar .pet-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 18px;
            font-weight: bold;
            background: #99e9ce;
            width: 100%;
            height: 40px;
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
        }
}

@media only screen and (max-width:575px) {
    .petPlanOption .petDetailsBar {
        display: block;
        margin-bottom: 0;
        /*margin-top: -30px;*/
    }

        .petPlanOption .petDetailsBar span {
            display: block;
        }
}

.petPlanOption .editPet, .petPlanOption .removePet {
    font-family: "OpenSans-Regular","Open Sans",sans-serif;
    font-weight: 600;
    text-decoration: underline;
    color: #6158df;
    font-size: 14px;
    vertical-align: middle;
    display: block;
}

@media only screen and (max-width:576px) {
    .petPlanOption .removePet {
        display: flex !important;
        padding-top: 2px;
    }
}

.petPlanOption .removePet {
    color: #28373a;
    margin-right: 15px;
}

.desktop-Hide {
    display: none;
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .desktop-Hide {
        display: block !important;
    }
}

@media only screen and (max-width:767px) {
    .desktop-Hide {
        display: block !important;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .mobile-noView {
        display: none !important;
    }
}

@media only screen and (max-width:767px) {
    .mobile-noView {
        display: none !important;
    }
}

.plan-summary {
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: bold;
    background: #99e9ce;
    height: 40px;
}

.petPlanEditCard {
    background-color: #fff !important;
}

.mostPopularPlan {
    font-family: "OpenSans Bold","Open Sans",sans-serif !important;
    font-weight: 700;
    font-size: 20px;
    line-height: 150%;
    text-align: left;
    color: #038062;
    margin-left: 10px;
}

@media only screen and (max-width:575px) {
    .mostPopularPlan {
        text-align: center;
        font-size: 18px;
    }
}

.mostPopulardetails {
    text-align: left;
    margin-left: 12px;
    margin-bottom: -10px;
}

.marginLeft7px {
    margin-left: 7px;
}

.marginLeft33px {
    margin-left: 33px;
}

.monthlyPremiumBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 12px 12px 20px;
}

    .monthlyPremiumBox .rateTitleM {
        width: 70%;
        text-align: left;
    }

    .monthlyPremiumBox .monthlyPremiumText {
        font-family: "OpenSans Bold","Open Sans",sans-serif !important;
        font-weight: 700 !important;
        font-size: 18px !important;
        line-height: 150% !important;
        color: #28373a !important;
        margin-bottom: 0;
    }

    .monthlyPremiumBox .petRateM {
        width: 35%;
        text-align: right;
    }

    .monthlyPremiumBox .monthlyPremiumAmount {
        font-family: "OpenSans Bold","Open Sans",sans-serif !important;
        font-weight: 700 !important;
        font-size: 24px !important;
        line-height: 150% !important;
        text-align: right !important;
        color: #28373a !important;
        margin-bottom: 0;
    }

@media only screen and (max-width:575px) {
    .mostpopularHeading {
        position: relative;
        top: -36px;
        z-index: 0;
        margin-top: 0;
    }
}

.customizeSection {
    border-radius: 8px;
    border: 2px solid #008762;
    display: flex;
    flex-wrap: wrap;
    margin: 7px 9px 7px 0;
}

@media only screen and (max-width:575px) {
    .customizeSection {
        margin-top: 10px;
        margin-right: 0;
    }
}

.customizeSection.unPreferred {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.customizeSection.multipetfirst {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0;
}

    .customizeSection.multipetfirst .greenbx {
        background: #99e9ce;
        padding: 12px;
        display: flex;
        border-top-right-radius: 8px;
        border-top-left-radius: 8px;
    }

.customizeSection.middlePet {
    border-radius: 0;
    border-top: 0;
    border-bottom: 0;
    margin-top: -40px;
}

    .customizeSection.middlePet .greenbx {
        background: #99e9ce;
        padding: 12px;
        display: flex;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }

    .customizeSection.middlePet .pet-header {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

@media only screen and (max-width:991px) {
    .customizeSection.middlePet {
        margin-top: -70px;
    }
}

.customizeSection.lastPet {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom: 2px solid #008762;
    border-top: 0;
    margin-top: -40px;
}

    .customizeSection.lastPet .greenbx {
        background: #99e9ce;
        padding: 12px;
        display: flex;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }

    .customizeSection.lastPet .pet-header {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

@media only screen and (max-width:991px) {
    .customizeSection.lastPet {
        margin-top: -70px;
    }
}

.customizeSection .greenbx {
    background: #99e9ce;
    padding: 5px;
    display: flex;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

.customizeSection .greenVerticalLine {
    width: 1px !important;
    background-color: #038062;
    height: auto;
    padding: 0;
    margin: 20px 0 20px;
}

.customizeSection .rateSection {
    padding: 25px 10px 20px;
    text-align: center;
}

    .customizeSection .rateSection .planOptionTitle {
        width: 100%;
    }

        .customizeSection .rateSection .planOptionTitle .Name {
            font-family: "OpenSans-Bold","Open Sans Bold","Open Sans",sans-serif;
            font-weight: 700;
            color: #28373a;
            font-size: 20px;
            line-height: normal;
            display: inline-block;
            hyphens: auto;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow:hidden;
            width:inherit;
        }

        .customizeSection .rateSection .planOptionTitle span {
            vertical-align: top;
        }

    .customizeSection .rateSection .petRate {
        font-size: 28px;
        font-family: "OpenSans-Bold","Open Sans Bold","Open Sans",sans-serif;
        font-weight: 700;
        color: #28373a;
        line-height: normal;
        text-align: center;
        margin-top: -10px;
    }

    .customizeSection .rateSection .perMonth {
        font-size: 16px;
        font-family: "OpenSans-Regular","Open Sans",sans-serif;
        font-weight: normal;
        color: #28373a;
        line-height: normal;
        text-align: left;
    }

.customizeSection .actionableLink {
    font-family: "OpenSans-Regular","Open Sans",sans-serif;
    border: 2px solid #007a5b;
    color: #007a5b;
    padding: 3px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 20px;
    cursor: pointer;
    width: 125px;
    height: 35px;
    margin: 0 30px;
    background: #fff;
}

.customizeSection .bgGrey {
    background-color: #f8f8f8;
    padding: 0px 1px;
    text-align: left;
    border-radius: 8px 0 0 8px !important;
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .customizeSection .bgGrey {
        border-radius: 8px !important;
    }
}

@media only screen and (max-width:767px) {
    .customizeSection .bgGrey {
        border-radius: 8px !important;
        padding: 0px 0 0;
    }
}

.customizeSection .bgGrey .petRate {
    display: none;
    color: #28373a;
    margin-bottom: 0;
}

.customizeSection .bgGrey .rateTitle {
    display: none;
    color: #28373a;
    margin-bottom: 0;
    font-family: "OpenSans-Bold","Open Sans Bold","Open Sans",sans-serif;
    font-weight: 700;
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .customizeSection .bgGrey .rateTitle {
        font-size: 16px;
        margin-bottom: 0;
    }
}

@media only screen and (max-width:767px) {
    .customizeSection .bgGrey .rateTitle {
        font-size: 14px;
        margin-bottom: 0;
    }
}

@media only screen and (max-width:991px) {
    .customizeSection .bgGrey {
        text-align: center;
        line-height: 32px;
    }

        .customizeSection .bgGrey .petRate {
            display: block;
            font-size: 32px;
            font-weight: 700;
            color: #28373a;
            margin-bottom: 0;
            font-family: "OpenSans-Bold","Open Sans Bold","Open Sans",sans-serif;
        }

        .customizeSection .bgGrey .perMonth {
            font-size: 16px;
            font-weight: normal;
        }
}

@media only screen and (max-width:991px) {
    .customizeSection .bgGrey .rateTitle {
        font-size: 18px;
        font-weight: bold;
        display: block;
    }
}

.customizeSection .bgGrey .customizeButton {
    font-family: "OpenSans-Regular","Open Sans",sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px;
    line-height: 26px;
    text-align: center;
    border: 2px solid #038062;
    background: #fff;
}

.customizeSection .bgGrey .horizontalGreenLine {
    width: 92%;
    margin-left: 10px;
    border: 1px solid #038062;
}

.customizeSection .bgGrey .customizeSection .bgGrey .actionableLink .popularPlanText {
    font-weight: 700;
    font-family: "OpenSans-Bold","Open Sans Bold","Open Sans",sans-serif;
    color: #008762;
    line-height: normal;
    text-align: left;
    margin-bottom: 15px;
    font-size: 16px;
}

@media only screen and (max-width:991px) {
    .customizeSection .bgGrey .customizeSection .bgGrey .actionableLink .popularPlanText {
        font-weight: 700;
        text-align: center !important;
        font-size: 18px;
    }
}

.customizeSection .bgGrey .customizeSection .bgGrey .actionableLink .popularPlanText .petName {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    max-width: 80%;
    vertical-align: bottom;
}

@media only screen and (max-width:991px) {
    .customizeSection .bgGrey .customizeSection .bgGrey .actionableLink .popularPlanText .black {
        color: #28373a !important;
        display: flex !important;
        justify-content: center;
        align-items: center;
    }
}

.customizeSection .bgGrey .actionableLink {
    font-family: "Open Sans Semibold","Open Sans",sans-serif;
    border: 2px solid #007a5b;
    color: #007a5b;
    padding: 3px;
    font-size: 14px;
    border-radius: 20px;
    cursor: pointer;
    width: 125px;
    height: 35px;
    margin: 10px 30px;
}

@media only screen and (max-width:991px) {
    .customizeSection .bgGrey .actionableLink {
        margin-bottom: 50px;
        font-weight: 700;
    }
}
@media only screen and (orientation: landscape) {
    .customizeSection .bgGrey .actionableLink {
        margin-bottom: 55px !important;
    }
    }
    @media only screen and (max-width:575px) {
        .customizeSection .bgGrey .popularPlanText, .customizeSection .bgGrey .actionableLink {
        margin-top: 0;
        margin-bottom: 15px !important;
    }
}

.customizeSection .bgGrey .tooltip-container {
    margin-bottom: 0;
    position: relative;
    color: #28373a;
}

    .customizeSection .bgGrey .tooltip-container .bold {
        font-family: "OpenSans-Bold","Open Sans Bold","Open Sans",sans-serif;
        font-size: 16px;
        color: #28373a;
        font-weight: 700;
    }

    .customizeSection .bgGrey .tooltip-container .nmp {
        font-family: "OpenSans-Bold","Open Sans Bold","Open Sans",sans-serif;
        color: #28373a;
    }

    .customizeSection .bgGrey .tooltip-container .btnTooltip {
        position: relative;
        border: 0;
        background-color: transparent;
        padding: 0;
        color: #28373a;
        line-height: normal;
        padding-bottom: 5px;
        font-size: 15px;
        font-family: "OpenSans-Regular","Open Sans",sans-serif;
        line-height: normal;
        text-align: left;
    }

@media only screen and (min-width:768px) and (max-width:991px) {
    .customizeSection .bgGrey .tooltip-container .btnTooltip {
        font-size: 14px;
        font-family: "OpenSans-Bold","Open Sans Bold","Open Sans",sans-serif;
    }
}

@media only screen and (max-width:767px) {
    .customizeSection .bgGrey .tooltip-container .btnTooltip {
        font-size: 16px;
        font-family: "OpenSans-Regular";
       
    }
}

.customizeSection .bgGrey .tooltip-container .btnTooltip strong {
    font-weight: 700;
}

.customizeSection .bgGrey .tooltip-container .btnTooltip img {
    width: 15px;
}

.customizeSection .bgGrey .tooltip-container .btnTooltip .tooltiptext_payouts {
    position: absolute;
    left: 110%;
    pointer-events: none;
    bottom: -20px;
    background-color: #555;
    color: #fff;
    padding: 15px;
    padding-right: 30px;
    font-size: 12px;
    font-family: "OpenSans-Regular","Open Sans",sans-serif;
    text-align: left;
    border-radius: 6px;
    width: 320px;
    height: fit-content;
    line-height: normal;
    z-index: 100;
}

    .customizeSection .bgGrey .tooltip-container .btnTooltip .tooltiptext_payouts::after {
        content: "";
        position: absolute;
        bottom: 10%;
        right: 100%;
        border-width: 5px;
        border-style: solid;
        border-color: transparent #555 transparent transparent;
    }

    .customizeSection .bgGrey .tooltip-container .btnTooltip .tooltiptext_payouts .tooltip-closebox {
        position: absolute;
        top: 10px;
        left: 93%;
        margin: 0;
        display: none;
    }

@media only screen and (max-width:991px) {
    .customizeSection .bgGrey .tooltip-container .btnTooltip .tooltiptext_payouts {
        left: 20vw;
        top: 100%;
    }

        .customizeSection .bgGrey .tooltip-container .btnTooltip .tooltiptext_payouts::after {
            top: -15%;
            right: 50%;
            bottom: unset;
            border-width: 10px;
            border-color: transparent transparent #555 transparent;
        }

        .customizeSection .bgGrey .tooltip-container .btnTooltip .tooltiptext_payouts .tooltip-closebox {
            display: block;
        }
}

@media only screen and (max-width:575px) {
    .customizeSection .bgGrey .tooltip-container .btnTooltip .tooltiptext_payouts {
        left: -5vw;
        right: unset;
        top: 100%;
    }

        .customizeSection .bgGrey .tooltip-container .btnTooltip .tooltiptext_payouts::after {
            top: -15%;
            right: 7%;
            bottom: unset;
            border-width: 10px;
            border-color: transparent transparent #555 transparent;
        }

        .customizeSection .bgGrey .tooltip-container .btnTooltip .tooltiptext_payouts .tooltip-closebox {
            display: block;
        }
}

.customizeSection .bgGrey .tooltip-container .btnTooltip .tooltiptext {
    position: absolute;
    left: 110%;
    pointer-events: none;
    bottom: -20px;
    background-color: #555;
    color: #fff;
    padding: 15px;
    padding-right: 30px;
    font-size: 12px;
    font-family: "OpenSans-Regular","Open Sans",sans-serif;
    text-align: left;
    border-radius: 6px;
    width: 320px;
    height: fit-content;
    line-height: normal;
    z-index: 100;
}

    .customizeSection .bgGrey .tooltip-container .btnTooltip .tooltiptext::after {
        content: "";
        position: absolute;
        bottom: 10%;
        right: 100%;
        border-width: 5px;
        border-style: solid;
        border-color: transparent #555 transparent transparent;
    }

    .customizeSection .bgGrey .tooltip-container .btnTooltip .tooltiptext .tooltip-closebox {
        position: absolute;
        top: 10px;
        left: 93%;
        margin: 0;
        display: none;
    }

@media only screen and (max-width:767px) {
    .customizeSection .bgGrey .tooltip-container .btnTooltip .tooltiptext {
        top: 100%;
    }

        .customizeSection .bgGrey .tooltip-container .btnTooltip .tooltiptext::after {
            top: -15%;
            bottom: unset;
            border-width: 10px;
            border-color: transparent transparent #555 transparent;
        }

        .customizeSection .bgGrey .tooltip-container .btnTooltip .tooltiptext .tooltip-closebox {
            display: block;
        }
}

@media only screen and (max-width:575px) {
    .customizeSection .bgGrey .tooltip-container .btnTooltip .tooltiptext {
        right: unset;
        top: 100%;
    }

        .customizeSection .bgGrey .tooltip-container .btnTooltip .tooltiptext::after {
            top: -15%;
            right: 19%;
            bottom: unset;
            border-width: 10px;
            border-color: transparent transparent #555 transparent;
        }

        .customizeSection .bgGrey .tooltip-container .btnTooltip .tooltiptext .tooltip-closebox {
            display: block;
        }
}

.customizeSection .bgGrey .tooltip-container .btnTooltip:hover {
    color: #6158df;
    text-decoration: underline;
}

@media only screen and (max-width:991px) {
    .customizeSection .bgGrey .tooltip-container .btnTooltip {
        display: inline;
    }
}

@media only screen and (max-width:767px) {
    .customizeSection .reimbursment {
        position: absolute !important;
        left: 3% !important;
    }

        .customizeSection .reimbursment::after {
            top: -15% !important;
            right: 47% !important;
        }
}

@media only screen and (max-width:767px) {
    .customizeSection .annualDeductible {
        position: absolute !important;
        left: -3% !important;
    }

        .customizeSection .annualDeductible::after {
            top: -19% !important;
            right: 37% !important;
        }
}

@media only screen and (max-width:767px) {
    .customizeSection .unlimitedPayouts {
        position: absolute !important;
        left: -16% !important;
    }

        .customizeSection .unlimitedPayouts::after {
            top: -18% !important;
            right: 11% !important;
        }
}

@media only screen and (max-width:767px) {
    .customizeSection .maxPayouts {
        position: absolute !important;
        left: 3% !important;
    }

        .customizeSection .maxPayouts::after {
            right: 28% !important;
            top: -18% !important;
        }
}

.customizeSection .moneyGuarantee {
    padding: 20px 16px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -55px;
    padding: 0 !important;
    display: none !important;
}
/*@media only screen and (orientation: portrait) {
    .customizeSection .moneyGuarantee {
        margin-bottom: 0px !important;
    }
}*/
@media only screen and (orientation: landscape) {
    .customizeSection .moneyGuarantee {
        margin-bottom: -20px !important;
    }
    }
    @media only screen and (min-width:768px) and (max-width:991px) {
        .customizeSection .moneyGuarantee {
            display: flex !important;
            justify-content: center;
            align-items: center;
            margin-bottom: 0;
        }

            .customizeSection .moneyGuarantee .daysImg {
                width: 44px;
                height: 44px;
                margin-right: 10px;
            }

            .customizeSection .moneyGuarantee .moneyText {
                font-family: "OpenSans-Regular","Open Sans",sans-serif;
                font-size: 16px;
                color: #28373a;
                line-height: 21px;
            }
    }

    @media only screen and (max-width:767px) {
        .customizeSection .moneyGuarantee {
            display: flex !important;
            justify-content: center;
            align-items: center;
            
        }

            .customizeSection .moneyGuarantee .daysImg {
                width: 35px;
                height: 35px;
                margin-right: 5px;
            }
    }

    .customizeSection .moneyGuarantee .moneyText {
        font-family: "OpenSans-Bold", "Open Sans Bold", "Open Sans", sans-serif;
        font-size: 13px;
        font-weight: 700;
        color: #28373a;
        line-height: 21px;
    }

    .customizeSection .customizeOption {
        padding: 15px;
    }

        .customizeSection .customizeOption .text-desc {
            flex-direction: column;
            justify-content: center;
            text-align: center;
        }

            .customizeSection .customizeOption .text-desc .note {
                color: #038062;
                font-size: 14px;
                margin-bottom: 0;
                flex-direction: column;
                justify-content: center;
                font-family: "OpenSans-Regular","Open Sans",sans-serif;
            }

    @media only screen and (max-width:991px) {
        .customizeSection .customizeOption .text-desc .note {
            font-size: 16px;
        }
    }

    .customizeSection .customizeOption .selectText {
        font-size: 14px;
        color: #28373a;
        margin-bottom: 5px;
        font-family: "OpenSans-Regular","Open Sans",sans-serif;
    }

    @media only screen and (max-width:991px) {
        .customizeSection .customizeOption .selectText {
            font-size: 16px;
        }

            .customizeSection .customizeOption .selectText .mobileBold {
                font-weight: 700;
            }

                .customizeSection .customizeOption .selectText .mobileBold strong {
                    font-weight: 700;
                }
    }

    .customizeSection .customizeOption .menuContainer {
        border-left: 2px solid #dedede;
    }

        .customizeSection .customizeOption .menuContainer .optionMenu {
            display: flex;
        }

    @media only screen and (max-width:575px) {
        .customizeSection .customizeOption .menuContainer .optionMenu {
            margin-bottom: 0;
        }
    }

    .customizeSection .customizeOption .menuContainer .optionMenu .menuBtn {
        border: 2px solid #008762;
        border-right: unset;
        color: #008762;
        font-weight: 700;
        min-width: 57px;
        flex: 1;
        height: 43px;
        text-align: center;
        background-color: #fff;
        padding-top: 8px;
    }

    @media only screen and (max-width:991px) {
        .customizeSection .customizeOption .menuContainer .optionMenu .menuBtn {
            height: 50px;
            font-size: 16px;
        }

            .customizeSection .customizeOption .menuContainer .optionMenu .menuBtn.popular span {
                top: -5.5px;
            }
    }

    @media only screen and (max-width:415px) {
        .customizeSection .customizeOption .menuContainer .optionMenu .menuBtn {
            min-width: 50px;
            padding: 0;
        }
    }

    .customizeSection .customizeOption .menuContainer .optionMenu .menuBtn .popular {
        font-weight: normal;
        font-size: 12px;
    }

    .customizeSection .customizeOption .menuContainer .optionMenu .menuBtn.active {
        background-color: #008762;
        color: #fff;
    }

    .customizeSection .customizeOption .menuContainer .optionMenu .menuBtn:first-of-type {
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
    }

    .customizeSection .customizeOption .menuContainer .optionMenu .menuBtn:last-of-type {
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
        border-right: 2px solid #008762;
    }

    .customizeSection .customizeOption .menuContainer .optionMenu .popular {
        width: 80px;
        text-align: center;
        position: relative;
    }

        .customizeSection .customizeOption .menuContainer .optionMenu .popular span {
            font-size: 10px;
            position: absolute;
            left: 0;
            right: 0;
            top: -6.5px;
            line-height: 27px;
        }

    @media only screen and (min-width:1000px) and (max-width:1199px) {
        .customizeSection .customizeOption .menuContainer .optionMenu .popular span {
            top: -3px;
            line-height: 25px;
        }
    }

    @media only screen and (max-width:575px) {
        .customizeSection .customizeOption .menuContainer .optionMenu .popular span {
            font-size: 8px;
        }
    }

    .customizeSection .customizeOption .border-design .row {
        position: relative;
    }

        .customizeSection .customizeOption .border-design .row:nth-child(1) {
            margin-bottom: 10px;
        }

    @media only screen and (max-width:575px) {
        .customizeSection .customizeOption .border-design .row:nth-child(1) {
            margin-bottom: 0;
        }
    }

    .customizeSection .customizeOption .border-design .row:nth-child(1)::before {
        content: "";
        position: absolute;
        bottom: -10px;
        left: 0;
        border-width: 5px;
        border-style: solid;
        border-color: #dedede transparent transparent transparent;
    }

    .customizeSection .customizeOption .border-design .row:nth-child(1)::after {
        content: "";
        position: absolute;
        bottom: -10px;
        left: 2px;
        border-width: 5px;
        border-style: solid;
        border-color: #f8f8f8 transparent transparent transparent;
    }

    .customizeSection .customizeOption .border-design .row:nth-child(2) {
        margin-top: 10px;
    }

    @media only screen and (max-width:575px) {
        .customizeSection .customizeOption .border-design .row:nth-child(2) {
            margin-top: 0;
        }
    }

    .customizeSection .customizeOption .border-design .row:nth-child(2)::before {
        content: "";
        position: absolute;
        top: -10px;
        left: 0;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent #dedede transparent;
    }

    .customizeSection .customizeOption .border-design .row:nth-child(2)::after {
        content: "";
        position: absolute;
        top: -10px;
        left: 2px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent #f8f8f8 transparent;
    }

    @media only screen and (max-width:992px) {
        .customizeSection .customizeOption .border-design .row:nth-child(1)::before, .customizeSection .customizeOption .border-design .row:nth-child(1)::after, .customizeSection .customizeOption .border-design .row:nth-child(2)::before, .customizeSection .customizeOption .border-design .row:nth-child(2)::after {
            content: none;
        }

        .customizeSection .customizeOption .border-design .row .menuContainer {
            border: 0;
            margin-bottom: 15px;
        }
    }

    .customizeSection .totalPremiumBox {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-top: 2px solid #008762;
        border-bottom: 2px solid #008762;
        margin: 12px 0;
        background-color: #f8f8f8;
    }

        .customizeSection .totalPremiumBox .premiumTitle {
            width: 70%;
            text-align: left;
            margin: 12px;
        }

        .customizeSection .totalPremiumBox .title {
            font-family: "OpenSans-Bold", "Open Sans Bold", "Open Sans", sans-serif !important;
            font-weight: 700;
            font-size: 18px;
            line-height: 120%;
            margin-bottom: 0;
        }

        .customizeSection .totalPremiumBox .totalPrice {
            width: 35%;
            text-align: right;
            margin: 10px;
        }

        .customizeSection .totalPremiumBox .rateText {
            font-family: "OpenSans Bold","Open Sans",sans-serif !important;
            font-weight: 700;
            font-size: 24px;
            line-height: 150%;
            text-align: right;
            margin-bottom: 0;
        }

    @media only screen and (max-width:1400px) {
        .customizeSection .rateSection .petRate {
            margin-left: -20px;
        }
    }