a {
    cursor: pointer;
}

.home-sec1 .homeblock-bg .row {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    height: 100%;
    gap: 30px;
}

    .home-sec1 .homeblock-bg .row .col-lg-3 {
        border: solid 1px #000;
        padding: 20px;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .home-sec1 .homeblock-bg .row h2 {
        color: #03838c !important;
        font-family: Interstate;
        font-size: 22px;
        font-weight: bold;
        line-height: 28px;
        letter-spacing: 0.5px;
        margin-bottom: 0px !important;
        text-align: center;
        width: 100%;
    }

    .home-sec1 .homeblock-bg .row p {
        color: #262626;
        font-size: 16px;
        line-height: 24px;
        font-family: 'Open Sans', sans-serif;
        letter-spacing: 0.2px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 20px;
    }

.home-sec1 .row p a {
    color: white;
    cursor: pointer;
    width: 125px;
    height: 34px;
    background-color: #336699;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .home-sec1 .row p a:hover {
        background-color: #03838c;
    }

.home-sec2 {
    background: #DFECF5;
    padding: 40px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .home-sec2 .home-sec2-content {
        display: flex;
        justify-content: space-around;
        height: 100%;
        /* align-items: stretch; */
    }

        .home-sec2 .home-sec2-content .col-lg-2 {
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

            .home-sec2 .home-sec2-content .col-lg-2 h2 {
                color: #03838c !important;
                font-family: Interstate;
                font-size: 22px;
                font-weight: bold;
                line-height: 28px;
                letter-spacing: 0.5px;
                margin-bottom: 0px !important;
                text-align: center;
                width: 100%;
            }

            .home-sec2 .home-sec2-content .col-lg-2 p {
                text-align: center;
                display: flex;
                justify-content: center;
            }

                .home-sec2 .home-sec2-content .col-lg-2 p a {
                    color: white;
                    cursor: pointer;
                    width: 100px;
                    height: 38px;
                    background-color: #336699;
                    z-index: 2;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    margin-top: 10px;
                }

                    .home-sec2 .home-sec2-content .col-lg-2 p a:hover {
                        background-color: #03838c;
                    }

.adverse-container {
    position: relative;
}

.adverse-hover {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    padding: 10px;
    width: 500px;
    z-index: 9;
}

.adverse:hover + .adverse-hover {
    display: block;
}

.intellect-container {
    position: relative;
}



.intellect-hover {
    display: none;
    position: absolute; /* This helps with positioning relative to the anchor */
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    padding: 10px;
    width: 500px;
    z-index: 9;
    left: 0;
    color: #000 !important;
}

.intellect:hover + .intellect-hover {
    display: block;
}

.sanction-container {
    position: relative;
}

.sanction-hover {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    padding: 10px;
    width: 500px;
    z-index: 9;
    right: 25px;
}

.sanction:hover + .sanction-hover {
    display: block;
}

.boycott-container {
    position: relative;
}

.boycott-hover {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    padding: 10px;
    width: 500px;
    z-index: 9;
}

.boycott:hover + .boycott-hover {
    display: block;
}

.proprietary-container {
    position: relative;
}

.proprietary-hover {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    padding: 10px;
    width: 500px;
    z-index: 9;
}

    .proprietary-hover.one {
        left: 20px;
    }

    .proprietary-hover.second {
        left: 25px;
    }

    .proprietary-hover.third {
        left: 30px;
    }

    .proprietary-hover.four {
        left: 28px;
    }

.intellect-hover.two {
    left: 15px;
}

.intellect-hover.third {
    left: 10px;
}

.boycott-hover.one {
    right: 10px;
}

.sanction-hover.two {
    left: 20px;
}

.boycott-hover.two {
    right: -109px;
}

.illegal-drugs-hover.one {
    left: -159px;
}

.material-information-hover.one {
    left: 15px;
}

.material-non-public-hover.two {
    left: 15px;
}

.designated-hover.one {
    left: 15px;
}



.designated-hover.two {
    left: 45px;
}

.adverse-hover.one {
    left: 10px;
}

.intellectual-property-hover.one {
    left: -188px;
}

.govt-officials-hover.one {
    right: 10px;
}

.hcp-hover.two {
    left: 10px;
}

.govt-officials-hover.four {
    left: 10px;
}

.d_inlinee {
    display: inline-block;
    margin-bottom: unset;
}

.hcp-hover.five {
    right: 15px;
}

.proprietary:hover + .proprietary-hover {
    display: block;
}

.intellect-container {
    position: relative;
}




.colleagues-hover {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    padding: 10px;
    width: 500px;
    z-index: 9;
}

.colleagues:hover + .colleagues-hover {
    display: block;
}

.intellectual-property-hover, .hcp-hover, .govt-officials-hover {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    padding: 10px;
    width: 500px;
    z-index: 9;
}

.intellectual-property:hover + .intellectual-property-hover {
    display: block;
}

.hcp:hover + .hcp-hover {
    display: block;
}

.govt-officials:hover + .govt-officials-hover {
    display: block;
}

.illegal-drugs-hover, .material-non-public-hover, .material-information-hover, .designated-hover, .social-designated-person-hover {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    padding: 10px;
    width: 500px;
    z-index: 9;
}

.illegal-drugs:hover + .illegal-drugs-hover {
    display: block;
}

.material-non-public:hover + .material-non-public-hover {
    display: block;
}

.material-information:hover + .material-information-hover {
    display: block;
}

.designated:hover + .designated-hover {
    display: block;
}

.social-designated-person:hover + .social-designated-person-hover {
    display: block;
}

.product-p ul {
    margin-left: 25px;
}

.accordian-table a {
    text-decoration: underline;
}

    .accordian-table a.wordwrap {
        word-wrap: break-word;
    }

.ref-para {
    padding-left: 0px;
}

    .ref-para a {
        text-decoration: underline;
    }

.width-66 {
    width: 66% !important;
}

.no-wrap {
    text-wrap: nowrap;
}

h2.white {
    color: #fff !important;
}

ul.text-white li {
    color: #fff;
    margin-bottom: 11px !important;
    line-height: 21px;
}

.sectionblock .bausch-container {
    width: 100%;
    max-width: 100%
}

.home-block .para-spacing .mb-0 {
    margin-bottom: 0px !important
}

.home-block .para-spacing .mb-4 {
    margin-bottom: 1.5rem !important;
}

.promotional-block-with-background .subheading-link a.text-white {
    color: #fff !important;
}

.row > .sectionblock {
    padding: 0px !important;
}

.sectionblock .promotional-block-with-background .subheading-link a, .coupons-block .subheading-link a {
    color: #fff !important;
}

.sectionblock .promotional-block-with-background .subheading-link .tooltip-mob {
    color: #000 !important;
}

.para-separate-block {
    margin-top: -15px !important;
}

.block.anchorlinksblock .row {
    padding: 0px;
    margin: 0px;
}

.mob-active-link:not(:has(.dropdown-menu)) .plus {
    display: none;
}


.dropdown img {
    display: none;
}

.promotional-block-with-background .new-product-block .line {
    margin: 32px 0px !important;
}

.right-description h2 {
    color: #03838c !important;
}

.right-description {
    padding-left: 28px;
}

    .right-description p {
        font-size: 15px;
    }

.wrap-sec-block {
    border: 1px solid #336699;
    justify-content: center;
    padding: 23px 10px;
    max-width: 100%;
}

.left-img-sec {
    max-width: 31%;
    padding: 0px 20px;
}

.right-video-title h2 {
    color: #03838c !important;
}

.right-video-sec {
    width: 80%;
    margin-right: 20px;
}

.left-video-title {
    width: 41%;
    padding: 0px 15px;
}

    .left-video-title h2 {
        color: #03838c !important;
    }

.wrap-sec-block {
    height: 100%;
}

.centeral-policy h2 {
    width: 100%;
    color: #03838c !important;
    font-weight: bold !important;
}

.centeral-policy p a {
    color: white;
    cursor: pointer;
    width: 100px;
    height: 38px;
    background-color: #336699;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}

.centeral-policy h2.inner {
    width: auto;
    color: #03838c !important;
}
a.wordwrap.link-cursor.text-white {
    text-decoration: underline !important;
}
@media (max-width:1200px) and (min-width:992px) {
    .proprietary-hover.third {
        left: -140px;
    }

    .wrap-sec-block {
        flex-direction: column;
    }

    .left-img-sec {
        text-align: center;
        margin-bottom: 20px;
        max-width: 100%;
    }

    .right-description {
        padding-left: 0px;
        text-align: center;
    }

        .right-description h2 {
            width: 100%;
        }

    .left-video-title h2 {
        color: #03838c !important;
        width: 100%;
    }

    .right-video-sec {
        width: 100%;
        margin-right: 20px;
    }
    .left-video-title {
        width: 100%;
        padding: 0px 20px;
        text-align: center;
        margin-top: 20px;
    }
    .right-description .justify-content-lg-start{
        justify-content:center !important;
    }
}

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


    .centeral-policy p a {
        margin-left: 20px;
    }
    .adverse-hover, .illegal-drugs-hover, .material-non-public-hover, .material-information-hover, .designated-hover, .social-designated-person-hover, .intellectual-property-hover, .hcp-hover, .govt-officials-hover, .colleagues-hover, .intellect-hover, .proprietary-hover, .sanction-hover, .boycott-hover {
        width: 300px;
    }

    .home-sec1 .homeblock-bg .row .col-lg-3 {
        height: unset;
        justify-content: unset;
    }

    .accordian-table a.break {
        word-wrap: break-word;
    }

    .proprietary-hover.third {
        left: 0px;
    }

    .proprietary-hover.one {
        left: 0px;
    }

    .sanction-hover.one {
        left: 25px;
    }

    .boycott-hover.one {
        right: -113px;
    }

    .sanction-hover.two {
        left: -78px;
    }

    .boycott-hover.two {
        right: unset;
    }

    .illegal-drugs-hover.one {
        left: unset;
    }

    .material-information-hover.one {
        left: unset;
    }

    .material-non-public-hover.two {
        left: unset;
    }

    .designated-hover.two {
        left: unset;
    }

    .intellectual-property-hover.one {
        left: unset;
    }

    .govt-officials-hover.one {
        right: unset;
    }

    .hcp-hover.two {
        left: unset;
    }

    .govt-officials-hover.four {
        left: unset;
    }

    .hcp-hover.five {
        right: unset;
    }

    .para-separate-block {
        margin-top: -25px !important;
    }

    ul.text-white a {
        color: #fff!important;
        text-decoration: underline;
        word-wrap: break-word;
    }


    .promotional-block-with-background .new-product-block .line {
        /* margin: 32px 0px !important; */
        width: 100%;
        margin: 0px !important;
        margin-bottom: 11px !important;
        margin-top: 37px !important;
    }

    .wrap-sec-block {
        flex-direction: column;
        margin-bottom: 40px;
    }

    .left-img-sec {
        text-align: center;
        margin-bottom: 20px;
        max-width: 100%;
    }

    .right-description {
        padding-left: 0px;
        text-align: center;
    }

    left-img-sec {
        text-align: center;
        margin-bottom: 20px;
        max-width: 100%;
    }

    .right-description {
        padding-left: 0px;
        text-align: center;
    }

        .right-description h2 {
            width: 100%;
        }

    .left-video-title h2 {
        color: #03838c !important;
        width: 100%;
    }

    .right-video-sec {
        width: 100%;
        margin-right: 20px;
    }

    .left-video-title {
        padding: 0px;
        text-align: center;
        width: 100%;
        margin-top: 20px;
    }

    .col-lg-6.bot-sec {
        margin-top: 40px;
    }

    div#content-container {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
}

@media (max-width:576px) {
    .tooltip-wrap-mob {
        position: static !important;
    }

        .tooltip-wrap-mob .tooltip-mob {
            position: absolute;
            left: 0;
        }
}

@media (max-width:460px) and (min-width:390px) {
    .proprietary-hover.third {
        left: -86px;
    }

    .sanction-hover.one {
        left: 0;
    }

    .sanction-hover.two {
        left: 0;
    }
}

@media (max-width:390px) {
    .sanction-hover.two {
        left: 0;
    }
}




@media (min-width:1025px) {
    .home-sec2 .home-sec2-content.cutsm-container {
        width: 1048px;
    }

    .left-img-sec img {
        min-width: 168px;
    }
}

@media (min-width:992px) {
    .home-sec2 .home-sec2-content.cutsm-container {
        display: flex;
        justify-content: space-between;
        height: 100%;
    }

        .home-sec2 .home-sec2-content.cutsm-container h2 {
            font-size: 17px !important;
            line-height: 25px;
            letter-spacing: -1px;
            margin-bottom: 10px !important;
        }

    .promotionalblockwithbackgroundcolor .order-1.prod-image img {
        width: 381px;
        height: auto !important;
        max-height: unset !important;
    }

    .promotionalblockwithbackgroundcolor .order-2.prod-image img {
        width: 381px;
        height: auto !important;
        max-height: unset !important;
    }

    .promotional-block-with-background .new-product-block .line {
        width: 100%;
        margin: 0px !important;
        margin-bottom: 30px !important;
    }
}

.home-sec2 .home-sec2-content.cutsm-container img {
    width: 150px;
    height: 150px;
}

/*Chatbot*/
/* Button styling */
.chatbot-button {
    background-color: #03838c; /* Microsoft-like blue */
    color: white;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 5px;
    transition: background-color 0.3s ease;
    position: fixed; /* Make the button float */
    bottom: 35px;
    left: 20px;
    border: 2px solid #fff;
    border-radius: 50%;
}

    .chatbot-button:hover {
        background-color: #336699; /* Darker blue on hover */
    }

/* Chatbot iframe container (hidden by default) */
.chatbot-container {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 300px;
    height: 400px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    overflow: hidden;
    z-index: 1000;
    display: none; /* Hide initially */
}

    /* Styling the iframe */
    .chatbot-container iframe {
        width: 100%;
        height: 100%;
        border: none;
    }

/* Mobile responsiveness */
@media (max-width: 600px) {
    .chatbot-container {
        width: 100%;
        height: 300px;
        bottom: 0;
        right: 0;
        border-radius: 0;
    }
}
/* Close button styling */
.close-chatbot {
    position: absolute;
    top: 5px;
    right: 10px;
    background-color: transparent;
    border: none;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer;
    z-index: 1001;
}

    .close-chatbot:hover {
        color: #ffffff;
    }

    @media (max-width: 767px) and (orientation: portrait) {
    .productanchor a {
        top: -80px !important;
    }
}


@media screen and (max-width: 998px) {
    .ilgeas .one {
        left: 0;

    }
    .mate-inf .one {
        left: -11px;
    }
}


@media screen and (min-width: 715px) and (max-width: 998px) {
    .ilgeas .one {
        left: unset;
        right: 0
    }

    
}

@media screen and (min-width: 893px) and (max-width: 998px) {
   

    .mate-inf .one {
        left: unset;
        right: 0
    }
}