/*
Theme Name: Alembic
Author: Alembic
Author URI: http://alembic.thinkbar.tech/
Version: 1.0
 */
@charset "UTF-8";

@font-face {
    font-family: 'Rupee_Foradian';
    src: url("../eot/rupee_foradian.eot");
    src: url("../eot/rupee_foradian.eot") format("embedded-opentype"), url("../woff2/rupee_foradian.woff2") format("woff2"), url("../woff/rupee_foradian.woff") format("woff"), url("../ttf/rupee_foradian.ttf") format("truetype"), url("../svg/rupee_foradian.svg#Rupee_Foradian") format("svg");
}

.rs {
    font-family: 'Rupee_Foradian';
}

.fs-20 {
    font-size: 20px !important;
}

.fs-12 {
    font-size: 12px !important;
}

.fs-14 {
    font-size: 14px !important;
}

.fs-16 {
    font-size: 16px !important;
}

.fs-18 {
    font-size: 18px !important;
}

.f-700 {
    font-weight: 700 !important;
}

.f-900 {
    font-weight: 900 !important;
}

.black-333 {
    color: #333;
}

.light-grey-bg {
    background-color: #F5F5F5;
}

.title-24 {
    font-size: 24px !important;
    font-weight: 900;
}

p {
    font-size: 20px;
    color: #747474;
}

.dark-blue-bg {
    background-color: #005CAA !important;
}

.light-grey {
    background-color: #F5F5F5;
}

.dark-blue {
    color: #005CAA !important;
}

.grey-clr {
    color: #747474;
}

.dark-green-clr {
    color: #289238;
}

body {
    font-family: 'Lato', sans-serif;
}

a {
    text-decoration: none;
}

.header-full-wrp {
    background-color: #fff;
    height: 132px;
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 999;
}

#logo {
    display: block;
    padding: 33px 0px 44px 35px;
}

.header-rhs-wrp {
    width: 100%;
}

    .header-rhs-wrp .head-top-bar {
        width: 100%;
        padding: 15px 0px;
        margin: 0px 0px;
        border-bottom: 2px solid #e5e5e5;
    }

        .header-rhs-wrp .head-top-bar ul.top-lhs-list {
            list-style: none;
            list-style-type: none;
            margin: 0px;
            padding: 0px;
        }

            .header-rhs-wrp .head-top-bar ul.top-lhs-list li {
                float: left;
                margin: 0px;
                padding: 0px 10px 0px 10px;
                border-right: 1px solid #e5e5e5;
            }

                .header-rhs-wrp .head-top-bar ul.top-lhs-list li a {
                    text-decoration: none;
                    font-size: 12px;
                    font-weight: 400;
                    color: #747474;
                }

                    .header-rhs-wrp .head-top-bar ul.top-lhs-list li a:hover {
                        color: #005CAA;
                    }

                    .header-rhs-wrp .head-top-bar ul.top-lhs-list li a.top-head-icn1 {
                        background-image: url(../png/covid-icn_03.png);
                        background-repeat: no-repeat;
                        background-position: left center;
                        padding: 3px 0px 3px 25px;
                    }

                        .header-rhs-wrp .head-top-bar ul.top-lhs-list li a.top-head-icn1:hover {
                            background-image: url(../png/covid-icn_hover.png);
                        }
/*.header-rhs-wrp .head-top-bar ul.top-lhs-list li a.top-head-icn2 {background-image: url(../../assets/img/globe-icn_03.png);background-repeat: no-repeat;background-position: left center;padding: 3px 0px 3px 25px; }
.header-rhs-wrp .head-top-bar ul.top-lhs-list li a.top-head-icn2:hover {background-image: url(../../assets/img/globe-icn_hover.png); }
.header-rhs-wrp .head-top-bar ul.top-lhs-list li a.top-head-icn3 {background-image: url(../../assets/img/play-icn.png);background-repeat: no-repeat;background-position: left center;padding: 3px 0px 3px 25px; }
.header-rhs-wrp .head-top-bar ul.top-lhs-list li a.top-head-icn3:hover {background-image: url(../../assets/img/play-icn_hover.png);*/ }

.header-rhs-wrp .head-top-bar ul.top-lhs-list li:first-child {
    padding-left: 0px;
}

.header-rhs-wrp .head-top-bar ul.top-lhs-list li:last-child {
    border-right: none;
}

.header-rhs-wrp .head-top-bar ul.top-head-social {
    list-style: none;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    float: right;
}

    .header-rhs-wrp .head-top-bar ul.top-head-social li {
        float: left;
        margin: 0px;
        padding: 0px;
    }

        .header-rhs-wrp .head-top-bar ul.top-head-social li a {
            text-decoration: none;
            margin: 0px;
            padding: 0px 10px;
            font-size: 12px;
            font-weight: 400;
            color: #747474;
        }

            .header-rhs-wrp .head-top-bar ul.top-head-social li a svg {
                fill: #A5A5A5;
                transform: translate(0px, 4px);
            }

                .header-rhs-wrp .head-top-bar ul.top-head-social li a svg:hover {
                    fill: #005CAA;
                }

            .header-rhs-wrp .head-top-bar ul.top-head-social li a:hover {
                color: #005CAA;
            }

        .header-rhs-wrp .head-top-bar ul.top-head-social li:nth-child(1) {
            transform: translate(0px, 7px);
            border-right: solid 1px #e4e4e4;
            line-height: 18px;
        }

        .header-rhs-wrp .head-top-bar ul.top-head-social li.srch-head a {
            padding-left: 10px;
            border-left: 1px solid #e5e5e5;
        }

.header-rhs-wrp .head-btm-bar {
    width: 100%;
}

.home-banner-grid-main {
    width: 100%;
    margin: 132px auto 0px;
    padding: 0px 0px;
}

.grid-hb-big,
.grid-hb-short {
    width: 100%;
    position: relative;
}

.bh-top {
    height: 419px;
}

.bh-btm {
    height: 260px;
}

.bg-blue {
    background-color: #005CAA;
}

.bg-green {
    background-color: #289238 !important;
}

.common-grid-cls {
    overflow: hidden;
}

.cntr-bg-bx {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    transform: scale(1, 1);
    transition: transform 0.4s;
}

.common-grid-cls:hover .cntr-bg-bx {
    transform: scale(1.05, 1.05);
}

.grid-desc-wrp {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    margin: 0% 2em;
    padding: 23px 0%;
}

    .grid-desc-wrp .small-desc {
        color: #FFFFFF;
        font-weight: 700;
        font-size: 16px;
        margin: 0px 0px 10px;
    }

    .grid-desc-wrp .big-desc {
        color: #FFFFFF;
        font-weight: 900;
        font-size: 24px;
        line-height: 28px;
    }

    .grid-desc-wrp .sub-desc {
        color: #FFFFFF;
        font-weight: 500;
        font-size: 14px;
        line-height: 18px;
        opacity: 1;
        transition: all 0.5s ease;
    }

    .grid-desc-wrp a {
        color: #FFFFFF;
        font-weight: 500;
        font-size: 14px;
        display: inline-block;
        padding-bottom: 10px;
        border-bottom: 1px solid #fff;
    }

        .grid-desc-wrp a:hover {
            text-decoration: none;
        }

.big-desc-bx {
    width: 660px;
}

.bg-blue .grid-desc-wrp {
    padding: 23px 0%;
}

    .bg-blue .grid-desc-wrp .big-desc {
        font-size: 24px;
        line-height: 30px;
    }

    .bg-blue .grid-desc-wrp .sub-desc {
        font-size: 15px;
        line-height: 19px;
    }

    .bg-blue .grid-desc-wrp a {
        bottom: 20px;
    }

.short-desc-bx {
    width: 280px;
}

.bg-green .grid-desc-wrp {
    padding: 23px 0%;
    margin: 0% 3em;
}

    .bg-green .grid-desc-wrp .big-desc {
        font-size: 24px;
        line-height: 30px;
    }

    .bg-green .grid-desc-wrp .sub-desc {
        font-size: 15px;
        line-height: 19px;
    }

    .bg-green .grid-desc-wrp a {
        bottom: 20px;
    }

.grid-lst .short-desc-bx {
    width: 335px;
    margin: 0% 3em;
    padding: 23px 0%;
}

    .grid-lst .short-desc-bx .big-desc {
        font-size: 24px;
        line-height: 30px;
    }

    .grid-lst .short-desc-bx .sub-desc {
        font-size: 15px;
        line-height: 19px;
    }

    .grid-lst .short-desc-bx a {
        bottom: 20px;
    }

.common-grid-cls:hover .sub-desc {
    opacity: 1;
}

.icon-blue {
    position: absolute;
    opacity: 0.5;
    right: 100px;
    top: 55px;
    transition: all 0.5s ease;
}

.icon-green {
    position: absolute;
    opacity: 0.5;
    right: 50px;
    top: 90px;
    transition: all 0.5s ease;
}

.common-grid-cls:hover .icon-blue {
    opacity: 0.3;
}

.common-grid-cls:hover .icon-green {
    opacity: 0.3;
}

.common-pad-t {
    padding-top: 50px;
}

.common-pad-b {
    padding-bottom: 50px;
}

.quick-facts-main {
    padding-top: 70px;
    width: 100%;
}

    .quick-facts-main .ttle {
        color: #005CAA;
        font-size: 18px;
        font-weight: 700;
    }

    .quick-facts-main .qf-bx {
        width: 90%;
        min-height: 125px;
        margin-top: 35px;
        background-repeat: no-repeat;
        overflow: hidden;
        padding: 10px;
        background-color: #F5F5F5;
    }

        .quick-facts-main .qf-bx.icon-1 {
            background-image: url(../png/star.png);
            background-position: 93% 43px;
            background-size: 80px;
        }

        .quick-facts-main .qf-bx.icon-2 {
            background-image: url(../png/pipes2.png);
            background-position: right bottom;
            background-size: 75px;
        }

        .quick-facts-main .qf-bx.icon-3 {
            background-image: url(../png/med.png);
            background-position: 93% 47px;
            background-size: 84px;
        }

        .quick-facts-main .qf-bx.icon-4 {
            background-image: url(../png/note.png);
            background-position: 93% 52px;
            background-size: 73px;
        }

        .quick-facts-main .qf-bx.icon-5 {
            background-image: url(../png/people.png);
            background-position: 93% 58px;
            background-size: 63px;
        }

        .quick-facts-main .qf-bx.icon-6 {
            background-image: url(../png/therapies-icon.png);
            background-position: 93% 58px;
            background-size: 63px;
        }

        .quick-facts-main .qf-bx h2 {
            color: #005CAA;
            font-size: 32px;
            font-weight: 900;
        }

            .quick-facts-main .qf-bx h2 span.unit {
                font-size: 16px;
            }

        .quick-facts-main .qf-bx p {
            color: #747474;
            font-weight: 700;
            font-size: 16px;
            line-height: 22px;
        }

.fixed-container {
    width: 100%;
    margin: 0 auto;
}

.fixed-container2 {
    width: 100%;
    margin: 0 auto;
    padding: 0 35px;
}

.common-container {
    width: 1280px;
    max-width: 100%;
    margin: auto;
    position: relative;
}

.business-home-wrp {
    width: 100%;
    height: 555px;
    background-color: #F5F5F5;
}

    .business-home-wrp .business-home-lhs {
        width: 100%;
        height: 100%;
        padding: 70px 80px 0px 30px;
    }

        .business-home-wrp .business-home-lhs h2 {
            color: #005CAA;
            font-weight: 900;
            font-size: 24px;
        }

        .business-home-wrp .business-home-lhs p {
            color: #747474;
            font-weight: 500;
            font-size: 18px;
            line-height: 24px;
        }

        .business-home-wrp .business-home-lhs .drop-down {
            width: 223px;
            position: relative;
        }

            .business-home-wrp .business-home-lhs .drop-down .selected a {
                display: block;
                padding-right: 20px;
                width: 100%;
                border-radius: 2px;
                text-decoration: none;
                color: #005CAA;
                font-size: 16px;
                font-weight: 500;
                border-bottom: 1px solid #005CAA;
                background-image: url(../png/down-chevron.png);
                background-repeat: no-repeat;
                background-position: right 10px center;
                background-size: 15px;
            }

                .business-home-wrp .business-home-lhs .drop-down .selected a span {
                    cursor: pointer;
                    display: block;
                    padding: 5px;
                }

            .business-home-wrp .business-home-lhs .drop-down .option {
                position: relative;
            }

            .business-home-wrp .business-home-lhs .drop-down .options ul {
                background: #fff none repeat scroll 0 0;
                display: none;
                list-style: none;
                padding: 0px 0px;
                position: absolute;
                left: 0px;
                top: 35px;
                width: 100%;
                min-width: 170px;
                border-bottom: 1px solid #005CAA;
                z-index: 9;
            }

            .business-home-wrp .business-home-lhs .drop-down .selected span.value,
            .business-home-wrp .business-home-lhs .drop-down .options span.value {
                display: none;
            }

            .business-home-wrp .business-home-lhs .drop-down .options ul li a {
                padding: 3px 10px;
                display: block;
                text-decoration: none;
                color: #005CAA;
                font-size: 15px;
                font-weight: 500;
            }

                .business-home-wrp .business-home-lhs .drop-down .options ul li a:hover {
                    background: #005CAA;
                    color: #fff;
                    transition: 0.2s ease;
                }

.buss-rhs {
    margin: 0px auto;
    width: 100%;
    text-align: center;
    font-weight: bold;
    height: 555px;
    overflow: hidden;
}

    .buss-rhs .item {
        width: 10%;
        float: left;
        background-color: #95a5a6;
        height: 555px;
        cursor: pointer;
        position: relative;
    }

        .buss-rhs .item h2 {
            -webkit-transform: rotate(270deg);
            -moz-transform: rotate(270deg);
            -ms-transform: rotate(270deg);
            -o-transform: rotate(270deg);
            transform: rotate(270deg);
            font-size: 24px;
            font-weight: 900;
            color: #FFFFFF;
            position: absolute;
            bottom: 300px;
            width: 555px;
            left: -230px;
            text-align: left;
        }

    .buss-rhs .item-1 {
        background-color: #005CAA;
    }

    .buss-rhs .item-2 {
        background-color: #1089AD;
    }

    .buss-rhs .item-3 {
        background-color: #1DB8CE;
    }

    .buss-rhs .buss-1 { /*background-image: url(../../assets/img/buss-pic-1.png);background-repeat: no-repeat;background-position: 0px 0px;background-size: cover; */
    }

    .buss-rhs .buss-2 {
        background-image: url(../png/buss-pic-2.png);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        background-size: cover;
    }

    .buss-rhs .buss-3 {
        background-image: url(../png/buss-pic-3.png);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        background-size: cover;
    }

    .buss-rhs .active {
        color: #fff;
    }

    .buss-rhs .info {
        width: 0;
        float: left;
        background-color: #ecf0f1;
        color: #222;
        height: 555px;
        display: none;
        position: relative;
    }

.info-bx {
    position: absolute;
    bottom: 60px;
    left: 0px;
    padding: 0px 30px;
    text-align: left;
}

    .info-bx p {
        color: #FFF;
        font-size: 20px;
        line-height: 24px;
        font-weight: 400;
    }

.img-info {
    padding-bottom: 20px;
    opacity: 0.7;
}

.common-cta-white {
    color: #FFFFFF;
    font-weight: 500;
    font-size: 14px;
    display: inline-block;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
    transition: all 0.5s ease;
    position: relative; /*  text-transform: capitalize; */
}

    .common-cta-white::before {
        content: '';
        width: 100%;
        height: 3px;
        background-color: #fff;
        position: absolute;
        bottom: -4px;
        left: 0px;
        opacity: 0;
        transition: all 0.1s ease;
    }

    .common-cta-white:hover {
        color: #fff;
        text-decoration: none;
    }

        .common-cta-white:hover::before {
            opacity: 1;
        }

.responsibility-top-wrp-main {
    width: 100%;
    background-color: #F5F5F5;
    padding-bottom: 30px;
}

.respo-top-desc-bx {
    width: 400px;
    padding: 0px 18px 0px 28px;
}

    .respo-top-desc-bx p.smll-ttle {
        color: #005CAA;
        font-size: 20px;
        line-height: 22px;
        font-weight: 700;
        margin: 0px 0px 10px;
    }

    .respo-top-desc-bx h2.big-ttle {
        color: #005CAA;
        font-size: 32px;
        font-weight: 900;
        margin-bottom: 10px;
    }

    .respo-top-desc-bx p.desc {
        color: #747474;
        font-size: 18px;
        line-height: 24px;
        font-weight: 400;
    }

.respo-bottom-desc-bx {
    background-color: #FFFFFF;
    margin-top: 99px;
    width: 100%;
    height: 50px;
}

    .respo-bottom-desc-bx .esg-world-wrp {
        background-image: url(../png/esg-logo.png);
        background-size: 100px;
        background-position: 10% 0%;
        background-repeat: no-repeat;
        color: #005CAA;
        font-size: 12px;
        line-height: 16px;
        font-weight: 700;
        margin-bottom: 0;
        padding-left: 170px;
        height: 50px;
        padding-top: 8px;
        text-decoration: none;
        display: block;
        position: relative;
    }

        .respo-bottom-desc-bx .esg-world-wrp:before {
            content: '';
            position: absolute;
            left: 155px;
            top: 8px;
            height: 35px;
            width: 1px;
            background-color: #E0E0E0;
        }

.responsibility-bottom-wrp-main {
    width: 100%;
    background-color: #FFFFFF;
}

    .responsibility-bottom-wrp-main ul.tabs {
        margin: -56px 0px 0px;
        padding: 0;
        float: left;
        list-style: none;
        height: 57px;
        width: auto;
        float: right;
    }

        .responsibility-bottom-wrp-main ul.tabs li {
            float: left;
            margin: 0;
            cursor: pointer;
            padding: 0px 50px;
            height: 56px;
            line-height: 56px;
            background-color: #BCBCBC;
            color: #fff;
            font-size: 18px;
            font-weight: 700;
            overflow: hidden;
            position: relative;
        }

            .responsibility-bottom-wrp-main ul.tabs li:nth-child(1) {
                background-color: #E0E0E0;
            }

            .responsibility-bottom-wrp-main ul.tabs li:nth-child(2) {
                background-color: #BCBCBC;
            }

            .responsibility-bottom-wrp-main ul.tabs li:nth-child(3) {
                background-color: #E0E0E0;
            }

            .responsibility-bottom-wrp-main ul.tabs li:hover {
                color: #289238;
            }

            .responsibility-bottom-wrp-main ul.tabs li.active {
                background-color: #fff;
                color: #289238;
                border-top: 3px solid #289238;
                display: block;
            }

    .responsibility-bottom-wrp-main .tab_container {
        border-top: none;
        clear: both;
        float: left;
        width: 100%;
        background: #fff;
        overflow: auto;
    }

    .responsibility-bottom-wrp-main .tab_content {
        padding: 50px 30px;
        display: none;
    }

    .responsibility-bottom-wrp-main .tab_drawer_heading {
        display: none;
    }

@media screen and (max-width: 480px) {
    .responsibility-bottom-wrp-main .tabs {
        display: none;
    }

    .responsibility-bottom-wrp-main .tab_drawer_heading {
        background-color: #ccc;
        color: #fff;
        border-top: 1px solid #333;
        margin: 0;
        padding: 5px 20px;
        display: block;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .responsibility-bottom-wrp-main .d_active {
        background-color: #666;
        color: #fff;
    }
}

.responsibility-bottom-wrp-main .respo-desc-bx {
    width: 100%;
    height: 164px;
    border-bottom: 2px solid #005CAA;
}

    .responsibility-bottom-wrp-main .respo-desc-bx h2.bld-desc {
        color: #005CAA;
        font-size: 20px;
        line-height: 30px;
        font-weight: 700;
        padding-right: 100px;
    }

    .responsibility-bottom-wrp-main .respo-desc-bx .respo-pic-cvr {
        background-color: #fff;
    }

.responsibility-bottom-wrp-main .respo-btm-desc-bx {
    width: 100%;
    padding: 30px 0px 0px;
}

    .responsibility-bottom-wrp-main .respo-btm-desc-bx p.desig {
        color: #747474;
        font-size: 18px;
        font-weight: 700;
    }

        .responsibility-bottom-wrp-main .respo-btm-desc-bx p.desig span {
            display: block;
            font-size: 16px;
            font-weight: 400;
        }

    .responsibility-bottom-wrp-main .respo-btm-desc-bx .common-cta-blue {
        float: right;
        margin: 15px 70px 0px 0px;
    }

.plus-icon {
    background-image: url(../png/plus-icon.png);
    background-position: left top;
    background-repeat: no-repeat;
    line-height: 30px;
    padding-left: 48px;
    padding-right: 10px;
    margin-right: 10px;
}

    .plus-icon:hover {
        background-image: url(../png/plus-icon2.png);
    }

.read-2 {
    padding-right: 10px;
    line-height: 30px;
}

.grey-bg-wrp-spacer {
    background-color: #F5F5F5;
    width: 100%;
    height: 50px;
}

.common-cta-blue {
    color: #005CAA;
    font-weight: 500;
    font-size: 14px;
    display: inline-block;
    padding-bottom: 9px;
    border-bottom: 1px solid #005CAA;
    transition: all 0.1s ease;
    position: relative;
    /* text-transform: capitalize !important; */
}

    .common-cta-blue::before {
        content: '';
        width: 100%;
        height: 3px;
        background-color: #005CAA;
        position: absolute;
        bottom: -3px;
        left: 0px;
        opacity: 0;
        transition: all 0.1s ease;
    }

    .common-cta-blue:hover {
        color: #005CAA;
        text-decoration: none;
    }

        .common-cta-blue:hover::before {
            opacity: 1;
        }

.investor-wrp-main {
    width: 100%;
    background-color: #fff;
}

    .investor-wrp-main .invest-desc-bx {
        padding-left: 30px;
        margin-top: 40px;
        padding-bottom: 50px;
    }

        .investor-wrp-main .invest-desc-bx p.smll-ttle {
            color: #005CAA;
            font-size: 16px;
            line-height: 22px;
            font-weight: 700;
            margin: 0px 0px 15px;
            margin-bottom: 3px;
            margin-top: 40px;
        }

        .investor-wrp-main .invest-desc-bx h2.big-ttle {
            font-weight: 900;
            margin-bottom: 26px;
        }

    .investor-wrp-main .Investors-bt {
        background-color: #FFFFFF;
        font-size: 20px;
        color: #005CAA;
        font-weight: 900;
        padding: 10px 20px;
        border-bottom: none;
        margin-right: 5px;
    }

        .investor-wrp-main .Investors-bt:hover {
            background-color: #BCBCBC;
        }

        .investor-wrp-main .Investors-bt:before {
            display: none;
        }

.invest-bse-wrp {
    width: 100%;
    padding: 28px;
    padding-right: 15px;
    /* span.lwr-unit::before {
content: ' \25B2';
color: $white-clr;
position: absolute;
right: 0px;
} */
}

    .invest-bse-wrp p.ttle {
        color: #FFFFFF;
        font-size: 32px;
        line-height: 36px;
        font-weight: 900;
        margin: 0px 0px 10px;
        margin-bottom: 0px;
    }

    .invest-bse-wrp p.time-lps {
        color: #FFFFFF;
        font-size: 16px;
        line-height: 20px;
        text-transform: uppercase;
        font-weight: 700;
        margin: 15px 0px 0px;
    }

    .invest-bse-wrp h2.info-numb {
        color: #FFFFFF;
        font-size: 32px;
        line-height: 36px;
        font-weight: 900;
        margin: 5px 0px 5px;
    }

    .invest-bse-wrp span.lwr-unit {
        color: #FFFFFF;
        font-size: 20px;
        font-weight: 400;
        position: relative;
        padding-right: 25px;
    }

.careers-wrp-main {
    width: 100%;
    height: 320px;
    background-color: #FFFFFF;
}

    .careers-wrp-main .career-pic {
        width: 100%;
        height: 320px;
        background-image: url(../png/career-bg.png);
        background-repeat: no-repeat;
        background-position: -150px 0px;
        background-size: cover;
    }

    .careers-wrp-main .careers-desc-bx {
        width: 100%;
        height: 320px;
        background-color: #289238;
        padding: 24px;
        text-align: left;
    }

        .careers-wrp-main .careers-desc-bx .cdc-bx {
            /* width: 449px;
height: 320px; */
        }

            .careers-wrp-main .careers-desc-bx .cdc-bx p.smll-ttle {
                color: #FFFFFF;
                font-size: 18px;
                font-weight: 700;
                margin: 0px 0px 10px;
            }

            .careers-wrp-main .careers-desc-bx .cdc-bx h2.big-ttle {
                color: #FFFFFF;
                font-size: 32px;
                line-height: 36px;
                font-weight: 900;
                margin: 0px 0px 0px;
            }

            .careers-wrp-main .careers-desc-bx .cdc-bx p.smll-desc {
                color: #FFFFFF;
                font-size: 16px;
                line-height: 22px;
                font-weight: 400;
                margin: 11px 0px 10px;
                opacity: 1;
                transition: 0.5s;
            }

            .careers-wrp-main .careers-desc-bx .cdc-bx:hover p {
                opacity: 1;
            }

#Making-Diffrent {
    background-color: #F5F5F5;
    padding: 70px 0;
    padding-bottom: 50px;
    /* .resp-box .common-cta-white{visibility: hidden; opacity: 0;}
.resp-box:hover .common-cta-white{visibility: visible; opacity: 1;} */
}

    #Making-Diffrent .Making-Diffrent-box {
        background-repeat: no-repeat;
        background-size: 106%;
        transition: 0.5s;
        height: auto;
        overflow: hidden;
        display: block;
        padding-left: 30px;
        text-decoration: none;
        background-position: top center;
        border-right: solid 4px #F5F5F5;
        position: relative;
    }

        #Making-Diffrent .Making-Diffrent-box.eduction {
            background-image: url(../png/education1.png);
        }

        #Making-Diffrent .Making-Diffrent-box.community {
            background-image: url(../png/eduction-pic.png);
        }

        #Making-Diffrent .Making-Diffrent-box.respo {
            background-image: url(../png/respo.png);
        }

        #Making-Diffrent .Making-Diffrent-box.healty {
            background-image: url(../png/health-pic.png);
        }

        #Making-Diffrent .Making-Diffrent-box.community2 {
            background-image: url(../png/community-pic.png);
        }

        #Making-Diffrent .Making-Diffrent-box:hover {
            background-size: 109%;
        }

        #Making-Diffrent .Making-Diffrent-box h2 {
            color: #FFFFFF;
            font-size: 24px;
            font-weight: 700;
            padding: 40px 0px;
            padding-bottom: 10px;
            font-weight: 900;
        }

    #Making-Diffrent .resp-box {
        position: relative;
    }

#home-Investors .Investors-left .smll-ttle {
    font-weight: 700;
    font-size: 16px;
    color: #005CAA;
}

#home-Investors .Investors-left .big-ttle {
    font-weight: 800;
    font-size: 24px;
    color: #005CAA;
}

.show-this-on-click {
    display: none;
    background-color: #F5F5F5;
    padding: 30px;
    margin-bottom: 30px;
    margin-top: 30px;
}

.readmores {
    background-image: url(../png/plus-icon2.png);
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 42px;
    background-size: 31px;
}

    .readmores.active {
        background-image: url(../png/min-icon2.png);
    }

.footer-wrp-main {
    width: 100%;
    background-color: #F5F5F5;
    padding: 50px 0px 0px;
    text-align: left;
    margin-top: 50px;
}

.footer-logo-wrp {
    position: relative;
    padding: 0px 0px 0px 35px;
}

    .footer-logo-wrp span {
        background-color: #F5F5F5;
        position: relative;
        padding-right: 20px;
    }

    .footer-logo-wrp::before {
        content: '';
        width: 96%;
        height: 2px;
        background-color: #e1e1e1;
        position: absolute;
        top: 50%;
        left: 40px;
    }

.ftr-link-bx {
    margin-top: 30px;
    padding-left: 15px;
    padding-right: 15px;
}

    .ftr-link-bx p.ttle {
        font-size: 16px;
        font-weight: 700;
        color: #747474;
        margin: 0px 0px 5px;
    }

        .ftr-link-bx p.ttle a {
            font-size: 16px;
            font-weight: 700;
            color: #747474;
        }

            .ftr-link-bx p.ttle a:hover {
                color: #005CAA;
            }

    .ftr-link-bx a {
        text-decoration: none;
        color: #A5A5A5;
        font-size: 12px;
        display: block;
        transition: all 0.5s ease;
        padding-bottom: 3px;
    }

        .ftr-link-bx a:hover {
            color: #005CAA;
        }

.footer-btm-wrp {
    width: 100%;
    background-color: #005CAA;
    padding: 20px 15px;
    margin-top: 50px;
}

    .footer-btm-wrp ul.ftr-btm-lnk {
        list-style: none;
        list-style-type: none;
        margin: 0px;
        padding: 0px;
    }

        .footer-btm-wrp ul.ftr-btm-lnk li {
            float: left;
            margin: 0px;
            padding: 0px 30px;
        }

            .footer-btm-wrp ul.ftr-btm-lnk li a {
                text-decoration: none;
                color: #BCBCBC;
                font-size: 16px;
                line-height: 24px;
                font-weight: 400;
            }

            .footer-btm-wrp ul.ftr-btm-lnk li:first-child {
                padding-left: 0px;
            }

    .footer-btm-wrp .copy-txt {
        margin: 0px;
        font-size: 16px !important;
        font-weight: 400;
        color: #BCBCBC;
        text-align: right;
        margin-top: 0px !important;
    }

.journey-wrp-main {
    width: 100%;
    height: 410px;
    background-color: #FFFFFF;
    position: relative;
}

    .journey-wrp-main .journey-lhs {
        width: 390px;
        height: 100%;
        padding: 70px 50px 0px 30px;
        position: relative;
    }

        .journey-wrp-main .journey-lhs p.smll-ttle {
            color: #005CAA;
            font-size: 16px;
            font-weight: 700;
            margin: 0px;
        }

        .journey-wrp-main .journey-lhs h2.big-ttle {
            color: #005CAA;
            font-size: 32px;
            line-height: 36px;
            font-weight: 900;
            margin: 15px 0px;
            margin-top: 4px;
        }

        .journey-wrp-main .journey-lhs p.desc {
            color: #747474;
            font-size: 18px;
            line-height: 24px;
            font-weight: 400;
        }

        .journey-wrp-main .journey-lhs a {
            position: absolute;
            left: 30px;
            bottom: 30px;
        }

    .journey-wrp-main .swiper-wrapper {
        height: 226px;
    }

.journey-rhs-wrp .gallery-thumbs .swiper-slide-active .swiper-slide-container {
    font-size: 0px;
}

/*.journey-wrp-main::before{ content:'';
width: 100%;
height: 2px;
background-color: #005CAA;
position: absolute;
top: 260px;
left: 0%;}*/
.footer-links-wrp {
    padding: 0px 15px;
}

.journey-rhs-wrp {
    margin-top: 60px;
}

    .journey-rhs-wrp .swiper-container {
        width: 100%;
        margin: 20px auto;
        padding-bottom: 80px;
    }

    .journey-rhs-wrp .journey-pic-cvr h3, .journey-rhs-wrp .journey-pic-cvr .h3 {
        font-size: 40px;
        line-height: 44px;
        font-weight: 900;
        color: #289238;
        position: relative;
        display: inline-block;
        background-color: #FFF;
    }

        .journey-rhs-wrp .journey-pic-cvr h3:before, .journey-rhs-wrp .journey-pic-cvr .h3:before {
            content: '';
            position: absolute;
            top: 25px;
            left: 110px;
            height: 1px;
            width: 750px;
            background-color: #BCBCBC;
        }

    .journey-rhs-wrp .journey-pic-cvr p {
        font-size: 15px;
        line-height: 19px;
        color: #005CAA;
        font-weight: 400;
    }

    .journey-rhs-wrp .journey-pic-cvr .col-md-5 {
        padding-left: 0;
    }

    .journey-rhs-wrp .journey-caption-bx {
        padding-top: 50px;
        width: 170px;
    }

    .journey-rhs-wrp .swiper-button-next:after, .journey-rhs-wrp .swiper-container-rtl .swiper-button-prev:after {
        content: 'next';
        color: #005baa;
        padding: 10px 10px;
        font-size: 20px;
    }

    .journey-rhs-wrp .swiper-button-prev:after, .journey-rhs-wrp .swiper-container-rtl .swiper-button-next:after {
        content: 'prev';
        color: #005baa;
        padding: 10px 10px;
        font-size: 20px;
    }

    .journey-rhs-wrp .swiper-button-next, .journey-rhs-wrp .swiper-container-rtl .swiper-button-prev {
        right: inherit;
        left: 192px;
        top: 275px;
        outline: none;
        border: none;
    }

    .journey-rhs-wrp .swiper-button-prev, .journey-rhs-wrp .swiper-container-rtl .swiper-button-next {
        left: inherit;
        right: inherit;
        top: 275px;
        outline: none;
        border: none;
    }

        .journey-rhs-wrp .swiper-button-prev:after, .journey-rhs-wrp .swiper-button-next:after {
            color: #A5A5A5;
        }

    .journey-rhs-wrp .swiper-slide-active {
        opacity: 1;
        transform: none;
    }

    .journey-rhs-wrp .swiper-slide {
        transform: none;
    }

    .journey-rhs-wrp .swiper-pagination-bullet {
        background-color: #A5A5A5;
        opacity: 1;
    }

    .journey-rhs-wrp .swiper-pagination-bullet-active {
        background-color: #289238;
    }

    .journey-rhs-wrp .swiper-container-horizontal > .swiper-pagination-bullets {
        text-align: left;
        left: 21px;
        bottom: 22px;
    }

.title2 {
    font-weight: 900;
    color: #005CAA;
    font-size: 24px;
}

.sub-title2 {
    font-weight: 900;
    color: #005CAA;
    font-size: 32px;
}

.title-16 {
    font-size: 16px;
    line-height: 20px;
}

#inner-banner {
    background-repeat: no-repeat;
    background-position: center;
    height: 500px;
    position: relative;
    background-size: cover;
    margin-top: 130px;
}

    #inner-banner .banner-contect-box {
        background-color: #005CAA;
        color: #FFFFFF;
        position: absolute;
        padding: 40px 35px;
        width: 45%;
        bottom: -40px;
    }

        #inner-banner .banner-contect-box h6 {
            font-size: 20px;
            font-weight: 700;
        }

        #inner-banner .banner-contect-box h1 {
            font-size: 40px;
            font-weight: 900;
        }

.about-banner {
    background-image: url(../png/about-us.png);
}

.contact-banner {
    background-image: url(../png/contact-banner.png);
}

.life-at-alembic-banner {
    background-image: url(../png/life-at-alembic-banner.png);
}

.privacy-banner {
    background-image: url(../png/privacy-banner.png);
}

.disclaimer-banner {
    background-image: url(../png/disclaimer-header-banner.png);
}

.gover-banner {
    background-image: url(../png/gover-banner.png);
}

.gallery-banner {
    background-image: url(../png/gallery-banner.png);
}

#mid-content-section {
    padding-top: 60px;
    padding-left: 35px;
    padding-right: 44px;
}

    #mid-content-section p {
        font-size: 20px;
        line-height: 24px;
        margin-top: 20px;
    }

.pr {
    padding-right: 466px;
}

.alembic-number {
    padding-top: 60px;
}

    .alembic-number .alembic-number-box {
        background-repeat: no-repeat;
        background-position: right;
        height: 140px;
        overflow: hidden;
        padding: 10px;
        background-color: #F5F5F5;
    }

        .alembic-number .alembic-number-box h2 {
            font-size: 32px;
            color: #005CAA;
            font-weight: 900;
            margin-bottom: 0px;
            padding-top: 15px;
        }

        .alembic-number .alembic-number-box p {
            font-size: 16px !important;
            color: #747474;
            font-weight: 700;
            margin: 0px !important;
        }

        .alembic-number .alembic-number-box.icon-1 {
            background-image: url(../png/formulations.png);
            background-position: 250px 14px;
        }

        .alembic-number .alembic-number-box.icon-2 {
            background-image: url(../png/api.png);
            background-position: 220px 14px;
        }

        .alembic-number .alembic-number-box.icon-3 {
            background-image: url(../png/tick.png);
            background-position: 310px -36px;
            background-size: 110px;
        }

#our-bussiness {
    margin-top: 40px;
}

    #our-bussiness .bussiness-box {
        background-repeat: no-repeat;
        height: 355px;
        padding: 50px 60px;
        margin: 0% 0em;
        position: relative;
        overflow: hidden;
    }

        #our-bussiness .bussiness-box h2 {
            font-size: 32px;
        }

        #our-bussiness .bussiness-box p {
            font-size: 14px;
            color: #FFF;
            opacity: 1;
            transition: 0.5s;
        }

            #our-bussiness .bussiness-box p.pr-120 {
                padding-right: 120px;
            }

        #our-bussiness .bussiness-box .solutions-bottle {
            position: absolute;
            right: -50px;
            bottom: -40px;
            opacity: 0.3;
            transition: 0.5s;
        }

        #our-bussiness .bussiness-box .common-cta-blue {
            color: #FFF;
            border-bottom: solid 1px #FFF;
            /*  position: absolute; bottom:50px;  */
        }

            #our-bussiness .bussiness-box .common-cta-blue:hover:before {
                bottom: -2px;
                background-color: #FFF !important;
            }

@media (min-width: 1199px) {
    #our-bussiness .bussiness-box.reaching-out-pic, #our-bussiness .bussiness-box.team-pic, #our-bussiness .bussiness-box.awards1 {
        background-image: url(../png/reaching-out-pic.png);
        background-repeat: no-repeat;
        background-size: 103%;
        transition: 0.5s;
        background-position: center;
    }
}

@media (max-width: 1199px) {
    #our-bussiness .bussiness-box.reaching-out-pic, #our-bussiness .bussiness-box.team-pic, #our-bussiness .bussiness-box.awards1 {
        background-size: cover;
    }
}

#our-bussiness .bussiness-box.reaching-out-pic, #our-bussiness .bussiness-box.team-pic, #our-bussiness .bussiness-box.awards1 {
    background-image: url(../png/reaching-out-pic.png);
    background-repeat: no-repeat;
    transition: 0.5s;
    background-position: center;
}

#our-bussiness .bussiness-box.team-pic {
    background-image: url(../png/team-pic.png);
}

#our-bussiness .bussiness-box.awards1 {
    background-image: url(../png/awards1.png);
}

#our-bussiness .bussiness-box:hover p {
    opacity: 1;
}

#our-bussiness .bussiness-box:hover .solutions-bottle {
    opacity: 1;
}

#our-bussiness .bussiness-box:hover .solutions-bottle2 {
    opacity: 0.5;
}

@media (min-width: 1199px) {
    #our-bussiness .bussiness-box:hover.reaching-out-pic, #our-bussiness .bussiness-box:hover.team-pic, #our-bussiness .bussiness-box:hover.awards1 {
        background-size: 104%;
    }
}

.explore-more {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

#explore-more {
    display: none;
    visibility: hidden;
    opacity: 0;
}

    #explore-more .explore-more-tt {
        font-size: 32px;
        color: #005CAA;
        font-weight: 900;
        padding: 50px 35px;
    }

    #explore-more .common-cta-blue {
        font-size: 20px;
        font-weight: 700;
        margin-right: 4%;
        margin-top: 55px;
        padding-bottom: 2px;
    }

#breadcrum {
    background-color: #FFFFFF;
}

    #breadcrum .breadcrumb {
        padding: 10px 0;
        margin-bottom: 0px;
        font-size: 12px;
        line-height: 18px;
        background-color: transparent;
    }

        #breadcrum .breadcrumb li a {
            color: #A5A5A5;
        }

        #breadcrum .breadcrumb li:hover {
            text-decoration: none;
        }

    #breadcrum.no-banner {
        margin-top: 40px;
    }

    #breadcrum .breadcrumb-item.active {
        color: #289238;
        font-weight: 700;
    }

.breadcrumb-item + .breadcrumb-item::before {
    content: '>';
}

.Manufacturing-Facilities {
    background-image: url(../png/manufacturing-facilities-banner.png);
}

#formulations-manufacturing-facilities, #Api-manufacturing {
    margin-top: 60px;
    background-color: #f5f5f5;
    padding-top: 60px;
    padding-bottom: 60px;
}

    #formulations-manufacturing-facilities .facilities-swiper, #formulations-manufacturing-facilities .api-facilities-swiper, #Api-manufacturing .facilities-swiper, #Api-manufacturing .api-facilities-swiper {
        margin-top: 40px;
    }

    #formulations-manufacturing-facilities .facilities-slider-box, #Api-manufacturing .facilities-slider-box {
        position: relative;
    }

        #formulations-manufacturing-facilities .facilities-slider-box a, #Api-manufacturing .facilities-slider-box a {
            text-decoration: none;
        }

            #formulations-manufacturing-facilities .facilities-slider-box a .green-bg, #Api-manufacturing .facilities-slider-box a .green-bg {
                position: absolute;
                top: 0px;
                left: 0px;
            }

            #formulations-manufacturing-facilities .facilities-slider-box a p, #Api-manufacturing .facilities-slider-box a p {
                color: #005CAA;
                font-size: 18px;
                padding-top: 10px;
            }

    #formulations-manufacturing-facilities .swiper-button-next:after, #formulations-manufacturing-facilities .swiper-container-rtl .swiper-button-prev:after, #Api-manufacturing .swiper-button-next:after, #Api-manufacturing .swiper-container-rtl .swiper-button-prev:after {
        content: 'next';
        color: #000;
        padding: 10px 10px;
        font-size: 20px;
    }

    #formulations-manufacturing-facilities .swiper-button-prev:after, #formulations-manufacturing-facilities .swiper-container-rtl .swiper-button-next:after, #Api-manufacturing .swiper-button-prev:after, #Api-manufacturing .swiper-container-rtl .swiper-button-next:after {
        content: 'prev';
        color: #000;
        padding: 10px 10px;
        font-size: 20px;
    }

    #formulations-manufacturing-facilities .swiper-button-next, #formulations-manufacturing-facilities .swiper-container-rtl .swiper-button-prev, #Api-manufacturing .swiper-button-next, #Api-manufacturing .swiper-container-rtl .swiper-button-prev {
        right: 40px;
        left: auto;
    }

    #formulations-manufacturing-facilities .swiper-button-prev, #formulations-manufacturing-facilities .swiper-container-rtl .swiper-button-next, #Api-manufacturing .swiper-button-prev, #Api-manufacturing .swiper-container-rtl .swiper-button-next {
        left: inherit;
        right: 115px;
    }

    #formulations-manufacturing-facilities [class^="swiper-button-"], #Api-manufacturing [class^="swiper-button-"] {
        top: inherit;
        bottom: -46px;
    }

    #formulations-manufacturing-facilities .swiper-pagination, #Api-manufacturing .swiper-pagination {
        right: 62px;
        bottom: -33px;
    }

    #formulations-manufacturing-facilities .swiper-pagination-bullet, #Api-manufacturing .swiper-pagination-bullet {
        margin-right: 4px;
        background-color: #A5A5A5;
    }

    #formulations-manufacturing-facilities .swiper-pagination-bullet-active, #Api-manufacturing .swiper-pagination-bullet-active {
        background-color: #289238;
    }

#Api-manufacturing {
    background-color: #E0E0E0;
}

.fancybox-content {
    padding: 0px !important;
    overflow: initial !important;
}

    .fancybox-content:before {
        content: '';
        position: absolute;
        width: 10px;
        height: 10px;
        background-color: #005CAA;
        left: 0px;
        top: -6px;
        border-radius: 100px;
    }

.facilities-desc {
    padding: 20px;
}

    .facilities-desc p {
        color: #005CAA;
    }

/*  */
.nav-tab-container ul {
    background-color: #f5f5f5;
    margin: 0;
    padding: 0;
    /*height: 525px;*/
    list-style-type: none;
    padding-top: 5px;
    padding-left: 0px;
    width: 280px;
    /* border-right: solid 2px #FFFFFF; */
    padding-left: 23px;
}

    .nav-tab-container ul li {
        z-index: 8;
    }

        .nav-tab-container ul li:hover a {
            color: #005CAA;
            background-color: #FFF;
            text-decoration: none;
        }

        .nav-tab-container ul li a {
            display: block;
            padding: 8px 0px;
            font-size: 16px;
            font-weight: 400;
            position: relative;
            color: #747474;
            padding-left: 7px;
        }

            .nav-tab-container ul li a:before, .nav-tab-container ul li a.active:before, .temp_box_csr .level-three:before, .temp_box_csr .level-three.active:before {
                content: '';
                position: absolute;
                width: 2px;
                height: 25px;
                background: transparent linear-gradient(90deg, #289238 0%, #005CAA 100%) 0% 0%;
                right: 0;
                top: 5px;
                opacity: 0;
            }

            .nav-tab-container ul li a:hover, .nav-tab-container ul li a.active {
                color: #005CAA;
                background-color: #FFF;
                text-decoration: none;
            }

                .nav-tab-container ul li a:hover:before, .nav-tab-container ul li a.active:before, .temp_box_csr .level-three:hover:before, .temp_box_csr .level-three.active:before {
                    opacity: 1;
                }

        .nav-tab-container ul li .nav-box {
            z-index: 9;
            width: 430px;
            height: 474px;
            position: absolute;
            right: 196px;
            top: 6px;
            opacity: 0;
            visibility: hidden;
            transition: 0.2s;
        }

            .nav-tab-container ul li .nav-box p {
                font-size: 14px;
                line-height: 18px;
                padding: 10px;
                margin-bottom: 15px;
                padding-bottom: 0px;
            }

            .nav-tab-container ul li .nav-box .readmore {
                font-size: 14px;
                border: solid 1px #005CAA;
                color: #005CAA;
                display: inline-block;
                padding: 6px 12px;
            }

                .nav-tab-container ul li .nav-box .readmore:hover {
                    background-color: #005CAA;
                    color: #FFFFFF;
                }

                .nav-tab-container ul li .nav-box .readmore::before {
                    display: none !important;
                }

            .nav-tab-container ul li .nav-box ul {
                border-right: none;
                padding-left: 19px;
            }

                .nav-tab-container ul li .nav-box ul li.act3 a {
                    color: #005CAA !important;
                }

            .nav-tab-container ul li .nav-box a {
                background-color: transparent !important;
                color: #747474 !important;
                font-size: 15px;
                padding-bottom: 2px;
            }

                .nav-tab-container ul li .nav-box a:hover, .nav-tab-container ul li .nav-box a.active {
                    color: #005CAA !important;
                }

                .nav-tab-container ul li .nav-box a:before {
                    display: none;
                }

        .nav-tab-container ul li:hover .nav-box /* , .nav-tab-container ul li .nav-box.active*/ {
            opacity: 1;
            visibility: visible;
            border-left: solid 1px #005CAA;
        }

        .nav-tab-container ul li.act2 a {
            color: #005CAA;
            background-color: #FFF;
            text-decoration: none;
        }

            .nav-tab-container ul li.act2 a:before {
                opacity: 1;
            }

.nav-tab-container .left-box {
    margin: 0;
    padding: 0;
    /*  height: 380px;
width: 280px; */
    height: 100%;
    padding-top: 15px;
    border-right: solid 1px #005CAA;
    /* position: absolute; left: 0px; top:0px; */
}

    .nav-tab-container .left-box h3, .nav-tab-container .left-box .h3 {
        font-size: 24px;
        font-weight: 700;
        color: #005CAA;
    }

    .nav-tab-container .left-box p {
        font-size: 16px;
        line-height: 20px;
        padding-right: 20px;
    }

    .nav-tab-container .left-box a {
        color: #005CAA;
        font-size: 12px;
        text-decoration: none !important;
        font-weight: 700;
        border-bottom: solid 1px #005CAA;
    }

.nav-tab-container {
    padding-left: 108px;
}

/*  */


.fancybox-content {
    border-top: solid 1px #005CAA;
}

.fancybox-button {
    background: #005CAA !important;
}

#Manufacturing-page #mid-content-section {
    padding-top: 30px;
}

.fancybox-nav {
    width: 60px;
}

    .fancybox-nav span {
        visibility: visible;
        opacity: 0.5;
    }

    .fancybox-nav:hover span {
        opacity: 1;
    }

.fancybox-next {
    right: -60px;
}

.fancybox-prev {
    left: -60px;
}

/* deepika css */
.rad ul {
    padding-left: 0;
    display: inline-block;
    margin: 0;
}

    .rad ul li {
        list-style-type: none;
        display: inline;
        float: left;
        width: 50%;
    }

        .rad ul li label {
            font-size: 14px;
            line-height: 18px;
            font-weight: 700;
            display: inline;
            color: #005CAA;
        }

.capabilities-banner {
    background-image: url(../png/capabilities-banner.png);
}

.common-t-pad {
    padding-top: 60px;
}

.common-b-pad {
    padding-bottom: 60px;
}

.cap-blue-bg {
    background-color: #2a99fb;
}

.cap-dblue-bg {
    background-color: #0a7feb;
}

.cap-lblue-bg {
    background-color: #7fc4fd;
}

#capabilities-overview {
    margin-top: 40px;
}

    #capabilities-overview .capabilities-box {
        background-repeat: no-repeat;
        height: 400px;
        padding: 50px;
        margin: 0% 0em;
        position: relative;
        overflow: hidden;
    }

        #capabilities-overview .capabilities-box h2 {
            font-size: 32px;
        }

        #capabilities-overview .capabilities-box p {
            font-size: 14px;
            color: #FFF;
            opacity: 1;
            transition: 0.5s;
        }

            #capabilities-overview .capabilities-box p.pr-120 {
                padding-right: 120px;
            }

        #capabilities-overview .capabilities-box .cap-manu-icn {
            position: absolute;
            right: 17px;
            bottom: -70px;
            opacity: 0.3;
            transition: 0.5s;
        }

        #capabilities-overview .capabilities-box .common-cta-blue {
            color: #FFF;
            border-bottom: solid 1px #FFF;
            /* position: absolute; bottom:350px;  */
        }

            #capabilities-overview .capabilities-box .common-cta-blue:hover:before {
                bottom: -2px;
                background-color: #FFFFFF;
            }

        #capabilities-overview .capabilities-box:hover p {
            opacity: 1;
        }

        #capabilities-overview .capabilities-box:hover .cap-manu-icn {
            opacity: 0.5;
        }

    #capabilities-overview .capabilities-small-box {
        height: 400px;
        padding: 50px;
        margin: 0% 0em;
        position: relative;
        overflow: hidden;
    }

        #capabilities-overview .capabilities-small-box.Research-development-Bg {
            background-repeat: no-repeat;
            background-image: url(../png/capabliti-banner2.png);
            background-position: top right;
            background-size: 125%;
            transition: 0.5s;
        }

            #capabilities-overview .capabilities-small-box.Research-development-Bg:hover {
                background-size: 127%;
            }

        #capabilities-overview .capabilities-small-box h2 {
            font-size: 32px;
        }

        #capabilities-overview .capabilities-small-box p {
            font-size: 14px;
            color: #FFF;
            opacity: 1;
            transition: 0.5s;
        }

            #capabilities-overview .capabilities-small-box p.pr-120 {
                padding-right: 120px;
            }

        #capabilities-overview .capabilities-small-box .cap-maxw-400 {
            max-width: 450px;
        }

        #capabilities-overview .capabilities-small-box .cap-star-icn {
            position: absolute;
            right: -55px;
            bottom: 20px;
            opacity: 0.3;
            transition: 0.5s;
        }

        #capabilities-overview .capabilities-small-box .common-cta-blue {
            color: #FFF;
            border-bottom: solid 1px #FFF;
            /*  position: absolute; bottom:50px;  */
        }

            #capabilities-overview .capabilities-small-box .common-cta-blue:hover:before {
                bottom: -2px;
                background-color: #FFFFFF;
            }

        #capabilities-overview .capabilities-small-box:hover p {
            opacity: 1;
        }

        #capabilities-overview .capabilities-small-box:hover .cap-star-icn {
            opacity: 0.5;
        }

.rad {
    margin-top: 80px;
}

.Research-development {
    background-image: url(../png/research-develoment-banner.png);
}

#rd-facilities {
    background-color: #f1f9ff;
    margin-top: 60px;
    padding: 60px 0;
}

.rd-slider-box {
    position: relative;
    margin-top: 30px;
}

    .rd-slider-box .green-bg {
        position: absolute;
        top: 0;
        left: 0;
    }

.rd-list {
    padding-left: 0;
    display: inline-block;
}

    .rd-list li {
        display: inline;
        float: left;
        width: 50%;
        border-right: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
        color: #747474;
        font-size: 16px;
        line-height: 20px;
        font-weight: 500;
        padding-bottom: 10px;
    }

        .rd-list li span {
            padding-bottom: 5px;
            font-weight: 900;
            color: #005caa;
            font-size: 32px;
            line-height: 36px;
            display: block;
        }

        .rd-list li:nth-child(even) {
            padding-left: 10px;
            border-right: 0;
        }

        .rd-list li:nth-child(3), .rd-list li:nth-child(4) {
            border-bottom: 0;
            padding-top: 10px;
        }

.Quality-compliance {
    background-image: url(../png/quality-compliance-banner.png);
}

#leading-indian-companies {
    background-color: #f5f5f5;
    padding: 30px 0;
    margin-top: 60px;
}

#one-destination {
    padding: 60px 0;
}

.desti-list {
    padding-left: 15px;
    display: inline-block;
    padding-top: 20px;
}

    .desti-list li {
        font-size: 20px;
        line-height: 28px;
        list-style-type: square;
        color: #747474;
        font-weight: 500;
        padding-bottom: 20px;
    }

.businesses-overview-banner {
    background-image: url(../png/businesses-overview-banner.png);
}

.generics-link {
    position: relative;
    opacity: 0;
    transition: 0.7s;
}

    .generics-link a {
        color: #FFFFFF;
        text-decoration: none;
        font-weight: 500;
        font-size: 14px;
        display: inline-block;
        padding-bottom: 10px;
    }

        .generics-link a:before {
            content: '';
            position: absolute;
            height: 1px;
            width: 50px;
            background-color: #FFFFFF;
            left: 0;
            bottom: 0;
        }

#capabilities-overview .capabilities-box:hover .generics-link {
    opacity: 1;
}

.cap-maxw-500 {
    max-width: 550px;
}

.bus-box {
    height: 700px !important;
}

.bus-small-box {
    height: 350px !important;
}

#capabilities-overview .capabilities-small-box .bus-brand-icn {
    position: absolute;
    right: 20px;
    bottom: -45px;
    opacity: 0.3;
    transition: 0.5s;
}

#capabilities-overview .capabilities-small-box:hover .bus-brand-icn {
    opacity: 1;
}

#impact-wrp {
    padding: 60px 0;
}

.business-alembic-number {
    padding-top: 60px;
}

    .business-alembic-number .alembic-number-box {
        background-repeat: no-repeat;
        background-position: right;
        height: 140px;
        overflow: hidden;
        padding: 20px;
        background-color: #F5F5F5;
    }

        .business-alembic-number .alembic-number-box h2 {
            font-size: 32px;
            color: #005CAA;
            font-weight: 900;
            margin-bottom: 0px;
            padding-top: 15px;
        }

        .business-alembic-number .alembic-number-box p {
            font-size: 16px !important;
            color: #747474;
            font-weight: 700;
            margin: 0px !important;
        }

        .business-alembic-number .alembic-number-box.icon-1 {
            background-image: url(../png/star.png);
            background-position: 95% 4px;
        }

        .business-alembic-number .alembic-number-box.icon-2 {
            background-image: url(../png/note.png);
            background-position: 95% 4px;
        }

        .business-alembic-number .alembic-number-box.icon-3 {
            background-image: url(../png/categories.png);
            background-position: 95% 20px;
        }

.domestic-branded-banner {
    background-image: url(../png/domestic-branded-banner.png);
}

#inner-domestic-wrp {
    background-image: url(../png/domestic1.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 390px;
    margin: 60px 0;
}

.domestic-alembic-number .alembic-number-box {
    background-repeat: no-repeat;
    background-position: right;
    height: 140px;
    overflow: hidden;
    padding: 20px;
    background-color: #F5F5F5;
}

    .domestic-alembic-number .alembic-number-box h2 {
        font-size: 32px;
        color: #005CAA;
        font-weight: 900;
        margin-bottom: 0px;
        padding-top: 15px;
    }

    .domestic-alembic-number .alembic-number-box p {
        font-size: 16px !important;
        color: #747474;
        font-weight: 700;
        margin: 0px !important;
    }

    .domestic-alembic-number .alembic-number-box.icon-1 {
        background-image: url(../png/brands.png);
        background-position: right 20px;
    }

    .domestic-alembic-number .alembic-number-box.icon-2 {
        background-image: url(../png/doctor.png);
        background-position: right 5px;
    }

    .domestic-alembic-number .alembic-number-box.icon-4 {
        background-image: url(../png/domestic-icon1.png);
        background-position: right 5px;
    }

    .domestic-alembic-number .alembic-number-box.icon-5 {
        background-image: url(../png/domestic-icon2.png);
        background-position: right 5px;
    }

.domestic-therapies-info {
    background-color: #7fc4fd;
    height: 150px;
    width: 100%;
    margin-bottom: 30px;
}

.api-banner {
    background-image: url(../png/api-banner.png);
}

#inner-api-wrp {
    background-image: url(../png/api1.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 390px;
    margin: 60px 0;
}

#api-numbers {
    background-color: #F5F5F5;
    padding: 30px 0;
}

.api-alembic-number .alembic-number-box h2 {
    font-size: 32px;
    color: #005CAA;
    font-weight: 900;
    margin-bottom: 0px;
}

.api-alembic-number .alembic-number-box p {
    font-size: 16px !important;
    color: #747474;
    font-weight: 700;
    margin: 0px !important;
}

.api-alembic-number .bor-l-grey {
    border-left: 1px solid #e0e0e0;
}

.international-generics-banner {
    background-image: url(../png/international-generics-banner.png);
}

.international-alembic-number .alembic-number-box {
    background-repeat: no-repeat;
    background-position: right;
    height: 120px;
    overflow: hidden;
    padding: 20px;
    background-color: #F5F5F5;
}

    .international-alembic-number .alembic-number-box h2 {
        font-size: 32px;
        color: #005CAA;
        font-weight: 900;
        margin-bottom: 0px;
        padding-top: 0px;
    }

    .international-alembic-number .alembic-number-box p {
        font-size: 16px !important;
        color: #747474;
        font-weight: 700;
        margin: 0px !important;
    }

    .international-alembic-number .alembic-number-box.icon-1 {
        background-image: url(../png/note.png);
        background-position: 94% 0px;
    }

    .international-alembic-number .alembic-number-box.icon-2 {
        background-image: url(../png/tick.png);
        background-position: 94% -45px;
    }

    .international-alembic-number .alembic-number-box.icon-4 {
        background-image: url(../png/document-icon.png);
        background-position: 94% 28px;
    }

    .international-alembic-number .alembic-number-box.icon-5 {
        background-image: url(../png/document-icon2.png);
        background-position: 96% 28px;
    }

.therapy-drop .drop-down {
    width: 100%;
    position: relative;
}

    .therapy-drop .drop-down .selected a {
        display: block;
        padding-right: 20px;
        width: 100%;
        text-decoration: none;
        color: #005CAA;
        font-size: 16px;
        font-weight: 500;
        border-bottom: 1px solid #005CAA;
        background-image: url(../png/down-chevron.png);
        background-repeat: no-repeat;
        background-position: right 10px center;
        background-size: 15px;
    }

        .therapy-drop .drop-down .selected a span {
            cursor: pointer;
            display: block;
            padding: 10px;
        }

    .therapy-drop .drop-down .option {
        position: relative;
    }

    .therapy-drop .drop-down .options ul {
        background: #fff none repeat scroll 0 0;
        display: none;
        list-style: none;
        padding: 0px 0px;
        position: absolute;
        left: 0px;
        top: 35px;
        width: 100%;
        min-width: 170px;
        border: 1px solid rgba(0, 92, 170, 0.7);
        z-index: 9;
    }

    .therapy-drop .drop-down .selected span.value,
    .therapy-drop .drop-down .options span.value {
        display: none;
    }

    .therapy-drop .drop-down .options ul li a {
        padding: 3px 10px;
        display: block;
        text-decoration: none;
        color: #005CAA;
        font-size: 15px;
        font-weight: 500;
    }

        .therapy-drop .drop-down .options ul li a:hover {
            background: #005CAA;
            color: #fff;
            transition: 0.2s ease;
        }

.careers-overview-banner {
    background-image: url(../png/careers-overview-banner.png);
}

#careers-overview .careers-box {
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    height: 300px;
    padding: 25px 50px;
    margin: 0% 0em;
    position: relative;
    overflow: hidden;
}

    #careers-overview .careers-box h2 {
        font-size: 32px;
    }

    #careers-overview .careers-box p {
        font-size: 14px;
        color: #FFF;
        opacity: 1;
        transition: 0.5s;
    }

        #careers-overview .careers-box p.pr-120 {
            padding-right: 120px;
        }

    #careers-overview .careers-box .cap-maxw-400 {
        max-width: 450px;
    }

    #careers-overview .careers-box .common-cta-blue {
        color: #FFF;
        border-bottom: solid 1px #FFF;
        /* position: absolute; bottom:50px;  */
    }

        #careers-overview .careers-box .common-cta-blue:hover:before {
            bottom: -2px;
            background-color: #FFFFFF;
        }

    #careers-overview .careers-box:hover p {
        opacity: 1;
    }

#careers-overview .careers-small-box {
    background-repeat: no-repeat;
    height: 300px;
    padding: 25px 50px;
    margin: 0% 0em;
    position: relative;
    overflow: hidden;
}

    #careers-overview .careers-small-box h2 {
        font-size: 32px;
    }

    #careers-overview .careers-small-box p {
        font-size: 14px;
        color: #FFF;
        opacity: 1;
        transition: 0.5s;
    }

        #careers-overview .careers-small-box p.pr-120 {
            padding-right: 120px;
        }

    #careers-overview .careers-small-box .policy-icn {
        position: absolute;
        right: -16px;
        bottom: 15px;
        opacity: 0.3;
        transition: 0.5s;
    }

        #careers-overview .careers-small-box .policy-icn img {
            height: 120px;
        }

    #careers-overview .careers-small-box .opportunities-icn {
        position: absolute;
        right: -20px;
        bottom: 5px;
        opacity: 0.3;
        transition: 0.5s;
    }

        #careers-overview .careers-small-box .opportunities-icn img {
            height: 130px;
        }

    #careers-overview .careers-small-box .common-cta-blue {
        color: #FFF;
        border-bottom: solid 1px #FFF;
        /*  position: absolute; bottom:50px;  */
    }

        #careers-overview .careers-small-box .common-cta-blue:hover:before {
            bottom: -2px;
            bottom: -2px;
            background-color: #FFFFFF;
        }

    #careers-overview .careers-small-box:hover p {
        opacity: 1;
    }

    #careers-overview .careers-small-box:hover .opportunities-icn {
        opacity: 0.5;
    }

    #careers-overview .careers-small-box:hover .policy-icn {
        opacity: 0.5;
    }

.car-dblue-bg {
    background-color: #1468b3;
}

.mt-50 {
    margin-top: 50px;
}

.life-img {
    background-color: #7fc4fd;
    width: 100%;
    height: 500px;
}

.life-img2 {
    background-color: #7fc4fd;
    width: 100%;
    height: 300px;
}

.job-box {
    width: 100%;
    border: 0;
    background-color: #f5fbff;
    padding: 10px;
    color: #005CAA;
}

    .job-box:focus {
        outline: 0;
    }

.job-search-box ::-webkit-input-placeholder {
    /* Edge */
    color: #005CAA;
    font-size: 15px;
    font-weight: 400;
}

.job-search-box :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #005CAA;
    font-size: 15px;
    font-weight: 400;
}

.job-search-box ::placeholder {
    color: #005CAA;
    font-size: 15px;
    font-weight: 400;
}

.job-search-box button {
    float: left;
    width: 100%;
    padding: 7px;
    background: #a5d6fe;
    color: white;
    font-size: 20px;
    border: 0;
    cursor: pointer;
}

    .job-search-box button:hover {
        background: #0b7dda;
    }

    .job-search-box button:focus {
        outline: 0;
    }

.job-search-box::after {
    content: "";
    clear: both;
    display: table;
}

.no-banner-image {
    background-image: url(../png/no-banner.png);
}

.mb-30 {
    margin-bottom: 30px;
}

.success-stories-box {
    position: relative;
    margin-top: 30px;
}

    .success-stories-box .green-bg {
        position: absolute;
        bottom: -39px;
        left: 0;
    }

    .success-stories-box .common-cta-blue {
        position: absolute;
        left: 50px;
        bottom: -37px;
    }

#end-to-end-img {
    background-image: url(../png/end-to-end-img.png);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 390px;
    margin: 60px 0;
}

.job-result {
    padding: 10px 0;
    border-bottom: 1px solid #e0e1e0;
    min-height: 75px;
}

    .job-result h3 {
        color: #333;
        font-weight: 700;
        margin-bottom: 5px;
        font-size: 20px;
        line-height: 24px;
    }

    .job-result p {
        font-size: 16px;
        line-height: 20px;
        color: #005CAA;
        margin: 0;
    }

    .job-result .job-apply-btn {
        padding: 14px 20px;
        background-color: #7fc4fd;
        font-size: 18px;
        line-height: 16px;
        color: #FFFFFF;
        font-weight: 700;
        text-decoration: none;
        display: inline-block;
        margin-top: 20px;
    }

        .job-result .job-apply-btn:hover {
            background-color: #005CAA;
        }

.no-bor {
    border-bottom: 0;
}

.job-arrows {
    text-align: right;
    position: relative;
}

    .job-arrows p {
        padding-right: 80px;
    }

.opportunities-button-next {
    position: absolute;
    top: 0;
    right: 0px;
}

.opportunities-button-prev {
    position: absolute;
    top: 0;
    right: 40px;
}

    .opportunities-button-next img, .opportunities-button-prev img {
        height: 25px;
    }

.media-overview-banner {
    background-image: url(../png/media-overview-banner.png);
}

.news-overview-banner {
    background-image: url(../png/alembicpharma-banner.png);
}

#media-overview.news-banner {
    background-image: url(../png/alembicpharma-banner2.png);
    height: 390px;
    margin-top: 50px;
}

#media-overview .media-box {
    background-repeat: no-repeat;
    height: 300px;
    padding: 50px;
    margin: 0% 0em;
    position: relative;
    overflow: hidden;
}

    #media-overview .media-box h2 {
        font-size: 32px;
    }

    #media-overview .media-box p {
        font-size: 14px;
        color: #FFF;
        opacity: 0;
        transition: 0.5s;
    }

        #media-overview .media-box p.pr-120 {
            padding-right: 120px;
        }

    #media-overview .media-box .cap-maxw-400 {
        max-width: 450px;
    }

    #media-overview .media-box .common-cta-blue {
        color: #FFF;
        border-bottom: solid 1px #FFF;
        /* position: absolute; bottom:50px;  */
    }

        #media-overview .media-box .common-cta-blue:hover:before {
            bottom: -2px;
            bottom: -2px;
            background-color: #FFFFFF;
        }

    #media-overview .media-box:hover p {
        opacity: 1;
    }

#media-overview .media-small-box {
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    height: 300px;
    padding: 50px;
    margin: 0% 0em;
    position: relative;
    overflow: hidden;
}

    #media-overview .media-small-box h2 {
        font-size: 32px;
    }

    #media-overview .media-small-box p {
        font-size: 14px;
        color: #FFF;
        opacity: 0;
        transition: 0.5s;
    }

        #media-overview .media-small-box p.pr-120 {
            padding-right: 120px;
        }

    #media-overview .media-small-box .media-kit-icn {
        position: absolute;
        right: -19px;
        bottom: 15px;
        opacity: 0.3;
        transition: 0.5s;
    }

        #media-overview .media-small-box .media-kit-icn img {
            height: 120px;
        }

    #media-overview .media-small-box .event-icn {
        position: absolute;
        right: 10px;
        bottom: -20px;
        opacity: 0.3;
        transition: 0.5s;
    }

        #media-overview .media-small-box .event-icn img {
            height: 130px;
        }

    #media-overview .media-small-box .common-cta-blue {
        color: #FFF;
        border-bottom: solid 1px #FFF;
        /*  position: absolute; bottom:50px;  */
    }

        #media-overview .media-small-box .common-cta-blue:hover:before {
            bottom: -2px;
            bottom: -2px;
            background-color: #FFFFFF;
        }

    #media-overview .media-small-box:hover p {
        opacity: 1;
    }

    #media-overview .media-small-box:hover .media-kit-icn {
        opacity: 0;
    }

    #media-overview .media-small-box:hover .event-icn {
        opacity: 0;
    }

#media-overview .media-overview-list {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    width: 600px;
    margin-top: 30px;
}

    #media-overview .media-overview-list li {
        margin-bottom: 8px;
    }

        #media-overview .media-overview-list li a {
            display: block;
            background-color: #005CAA;
            padding: 10px;
            position: relative;
            color: #FFFFFF;
            font-size: 16px;
            line-height: 24px;
            text-decoration: none !important;
        }

            #media-overview .media-overview-list li a .common-cta-blue {
                position: absolute;
                right: 15px;
                top: 5px;
                color: #FFF;
                border-bottom: solid 1px #FFF;
                padding-bottom: 4px;
            }

            #media-overview .media-overview-list li a:hover {
                background-color: #FFFFFF;
                color: #005CAA;
            }

                #media-overview .media-overview-list li a:hover .common-cta-blue {
                    color: #005CAA;
                    border-bottom: solid 1px #005CAA;
                }

.corporate-video {
    margin-top: 20px;
    position: relative;
    background-image: url(../png/corporate-video.png);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 400px;
}

.corp-expand-icn {
    position: absolute;
    bottom: 0;
    left: 0;
}

    .corp-expand-icn img {
        height: 35px;
    }

.corp-play-icn {
    text-align: center;
    transform: translate(0, 150px);
}

    .corp-play-icn a {
        text-decoration: none;
    }

    .corp-play-icn img {
        height: 80px;
    }

    .corp-play-icn p {
        color: #fff;
        font-size: 12px;
    }

.if-bg {
    background-image: url(../png/if-bg.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: cover;
}

.ig-bg {
    background-image: url(../png/ig-bg.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: cover;
}

.api-bg {
    background-image: url(../png/api-bg.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: cover;
}

.rd-bg {
    background-image: url(../png/rd-bg.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: cover;
}

.life-bg {
    background-image: url(../png/life-at-bg.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: cover;
}

.team-bg {
    background-image: url(../png/team-bg.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: cover;
}

.pharma-bg {
    background-image: url(../png/pharma-bg.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: cover;
}

.press-bg {
    background-image: url(../png/press-bg.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: cover;
}

.press-release-list {
    padding-left: 0;
    display: inline-block;
    width: 100%;
}

    .press-release-list li {
        list-style-type: none;
        border-bottom: 1px solid #e0e0e0;
        margin-bottom: 7px;
        padding: 14px 0 18px;
        position: relative;
    }

        .press-release-list li:before {
            content: '';
            position: absolute;
            right: 15px;
            top: 25px;
            background-image: url(../png/blue-arrow.png);
            background-repeat: no-repeat;
            height: 24px;
            width: 17px;
            cursor: pointer;
            background-size: 10px;
        }

        .press-release-list li a, .press-release-list li a:hover, .press-release-list li a:focus {
            text-decoration: none;
            display: block;
        }

        .press-release-list li h3 {
            color: #005CAA;
            font-weight: 700;
            font-size: 20px;
            line-height: 22px;
            margin-bottom: 4px;
        }

        .press-release-list li p {
            /*color: #747474;*/
            color: #212529;
            font-weight: 400;
            font-size: 1rem;
            line-height: 20px;
            margin-bottom: 0px;
        }

.years {
    font-size: 12px;
    color: #333;
}

.ad-list {
    padding-left: 0;
    display: inline-block;
    width: 100%;
}

    .ad-list li {
        list-style-type: none;
        margin-bottom: 7px;
        padding: 5px 0 10px;
        position: relative;
    }

        .ad-list li:before {
            content: '';
            position: absolute;
            right: 150px;
            top: 50px;
            background-image: url(../png/blue-arrow.png);
            background-repeat: no-repeat;
            height: 24px;
            width: 17px;
            cursor: pointer;
            background-size: 8px;
        }

        .ad-list li a, .ad-list li a:hover, .ad-list li a:focus {
            text-decoration: none;
            display: block;
        }

        .ad-list li h3 {
            color: #005CAA;
            font-weight: 700;
            font-size: 18px;
            line-height: 22px;
            margin-bottom: 5px;
        }

        .ad-list li p {
            color: #005CAA;
            font-weight: 400;
            font-size: 15px;
            line-height: 20px;
            margin-bottom: 0px;
            padding-top: 15px;
        }

.bor-none {
    border: 0 !important;
}

/* deepika css end */
/* KINJAL */
.sky-blu {
    color: #7fc4fd;
}

.sky-blu-bg {
    background-color: #7fc4fd;
}

.blue-2a99fb {
    background-color: #2a99fb;
}

.blue-0a7feb {
    background-color: #0a7feb;
}

.blue-e4f2fe {
    background-color: #e4f2fe;
}

.contact-offices {
    margin-top: 50px;
}

    .contact-offices .contact-details {
        /*  p { color:$dark-blue; } */
    }

    .contact-offices .contact-map {
        background-color: #7fc4fd;
        height: 100%;
        width: 100%;
    }

.environmental-icon {
    right: -2px !important;
    bottom: 0px !important;
}

#esg-world {
    background-color: #7fc4fd;
    margin-top: 40px;
}

    #esg-world .esg-more-tt {
        font-size: 24px;
        color: #005CAA;
        font-weight: 900;
        padding: 30px;
        padding-right: 0;
        padding-left: 43px;
    }

    #esg-world .common-cta-blue {
        font-size: 20px;
        font-weight: 700;
        margin-right: 4%;
        margin-top: 55px;
        padding-bottom: 2px;
    }

    #esg-world p {
        font-weight: 700;
        padding-top: 32px;
    }

    #esg-world .esg-logo {
        margin-top: 15px;
    }

.info-box {
    background-color: #F5F5F5;
    padding: 30px;
}

    .info-box h2 {
        font-size: 32px;
        color: #005CAA;
        font-weight: 900;
        margin-bottom: 0px;
    }

    .info-box p {
        font-size: 16px !important;
        color: #747474;
        font-weight: 700;
        margin: 0px !important;
    }

.blank-banner {
    background-color: #7fc4fd;
    height: 390px;
    margin: 60px 0;
}

.blank-banner2 {
    background-color: #7fc4fd;
    height: 280px;
    margin: 60px 0;
}

.Success-Stories-box .Success-Stories-inner {
    background-color: #7fc4fd;
    padding: 25px;
    height: 200px;
}

#healthcare .healt-left {
    padding-left: 44px;
    padding-right: 30px;
}

#community-development .community-development, #responsible-manufacturing .community-development {
    position: relative;
}

#community-development [class^="swiper-button-"], #responsible-manufacturing [class^="swiper-button-"] {
    top: 95%;
}

#community-development .community-pagination, #responsible-manufacturing .community-pagination {
    right: 41px;
    bottom: 10px;
}

#community-development .swiper-pagination-bullet, #responsible-manufacturing .swiper-pagination-bullet {
    margin-left: 4px;
    width: 10px;
    height: 10px;
    background: #7fc4fd;
    opacity: 1;
}

#community-development .swiper-pagination-bullet-active, #responsible-manufacturing .swiper-pagination-bullet-active {
    background: #1468b3;
}

#community-development .swiper-button-next:after, #community-development .swiper-container-rtl .swiper-button-prev:after, #responsible-manufacturing .swiper-button-next:after, #responsible-manufacturing .swiper-container-rtl .swiper-button-prev:after {
    content: 'next';
    color: #7fc4fd;
    padding: 10px 10px;
    font-size: 20px;
}

#community-development .swiper-button-prev:after, #community-development .swiper-container-rtl .swiper-button-next:after, #responsible-manufacturing .swiper-button-prev:after, #responsible-manufacturing .swiper-container-rtl .swiper-button-next:after {
    content: 'prev';
    color: #7fc4fd;
    padding: 10px 10px;
    font-size: 20px;
}

#community-development .swiper-button-prev, #responsible-manufacturing .swiper-button-prev {
    left: calc(100% - 95px);
}

#responsible-manufacturing #community-development {
    position: relative;
}

    #responsible-manufacturing #community-development .community-pagination {
        bottom: -10px;
    }

    #responsible-manufacturing #community-development [class^="swiper-button-"] {
        top: 100%;
    }

#responsible-manufacturing .blank-banner2 {
    height: 190px;
    margin: 40px 0;
}

.coporate-banner {
    background-image: url(../png/corporate-banner.png);
}

.bod-banner {
    background-image: url(../png/bod-banner.png);
}

.here-bt {
    display: inline-block;
    background-color: #F5F5F5;
    color: #289238;
    font-size: 20px;
    font-weight: 800;
    padding: 18px 24px;
    text-decoration: none !important;
}

    .here-bt:hover {
        background-color: #289238;
        color: #FFFFFF;
    }

.common-inner-mid-banner {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 390px;
    margin: 60px 0;
}

.coporate-banner-mid {
    background-image: url(../png/corporate-mid1-banner.png);
    margin-bottom: 0px;
}

.inner-mid-content-section {
    padding-top: 50px;
    padding-left: 44px;
    padding-right: 44px;
}

    .inner-mid-content-section p {
        font-size: 20px;
        color: #747474;
    }

.inner-mid-content-section2 {
    padding: 40px;
}

    .inner-mid-content-section2 p {
        font-size: 20px;
        color: #747474;
    }

.title-20 {
    font-size: 20px;
    font-weight: 700;
}

.left-small-pic {
    position: relative;
}

.tag-bottom {
    color: #FFFFFF;
    font-size: 14px;
    position: absolute;
    bottom: 0;
    left: 0px;
    background-image: url(../png/green-expand.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 28px;
    line-height: 27px;
    padding-left: 34px;
}

.video-bt {
    position: relative;
    display: block;
}

    .video-bt:before {
        content: '';
        position: absolute;
        width: 68px;
        height: 68px;
        background-image: url(../png/play-bt.png);
        background-position: left center;
        background-repeat: no-repeat;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        margin: auto;
        opacity: 1;
        transition: 0.5s;
    }

    .video-bt:hover:before {
        transform: scale(1.2);
    }

#bod hr {
    border-bottom: solid 1px #BCBCBC;
    margin-bottom: 30px;
    margin-top: 30px;
}

#bod .bod-box {
    border-bottom: solid 1px #BCBCBC;
    margin-bottom: 50px;
    padding-bottom: 50px;
}

    #bod .bod-box .bod-desc h3, #bod .bod-box .bod-desc .h3 {
        font-size: 20px;
        font-weight: 700;
        color: #212020;
        margin-bottom: 20px;
    }

    #bod .bod-box .bod-desc p {
        padding-right: 200px;
    }

.journy-banner {
    background-image: url(../png/journy-banner.png);
}

.accolades-banner {
    background-image: url(../png/accolades-banner.png);
}

#journey-slider {
    /* [class^="swiper-button-"] {top: 335px !important;} */
    /* .swiper-pagination-bullets {top: 330px !important; left:0px; right: 0; margin: auto;width: 180px;} 
.swiper-pagination-bullet { margin-right: 8px;}
.swiper-button-next {left: 205px;}
.swiper-button-prev {left: 15px;} */
}

    #journey-slider .journey-caption-bx p {
        font-size: 16px;
        line-height: 21px;
        padding-right: 10px;
    }

    #journey-slider .journey-rhs-wrp .swiper-container {
        padding-bottom: 40px;
    }

    #journey-slider .slider-navi {
        position: absolute;
        bottom: 0px;
        width: 180px;
        margin: auto;
        left: 0;
        right: 0;
    }

        #journey-slider .slider-navi .swiper-pagination-bullet {
            margin-right: 6px;
        }

        #journey-slider .slider-navi [class^="swiper-button-"] {
            top: -5px !important;
        }

        #journey-slider .slider-navi .swiper-button-next {
            left: 175px;
        }

        #journey-slider .slider-navi .swiper-button-prev {
            left: -27px;
        }

.Subsidiaries-Associates-banner {
    background-image: url(../png/subsidiaries-associates-banner.png);
}

.Subsidiaries-Associates .associates-box {
    height: 140px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #005CAA;
    margin: 12px;
    background-color: #F5F5F5;
    transition: 0.5s;
}

    .Subsidiaries-Associates .associates-box a {
        color: #005CAA;
        text-decoration: none !important;
    }

    .Subsidiaries-Associates .associates-box:hover {
        background-color: #005CAA;
    }

        .Subsidiaries-Associates .associates-box:hover a {
            color: #FFFFFF;
        }

.Subsidiaries-Associates .subsidiaries-list {
    margin-top: 20px;
}

    .Subsidiaries-Associates .subsidiaries-list a {
        display: block;
        color: #000;
        font-size: 20px;
        padding: 9px 0px;
        border-bottom: solid 1px #e4e4e4;
        text-decoration: none;
        background-image: url(../png/browser.png);
        background-position: left 15px;
        background-size: 20px;
        background-repeat: no-repeat;
        padding-left: 30px;
    }

        .Subsidiaries-Associates .subsidiaries-list a span {
            display: block;
            font-size: 12px;
        }

        .Subsidiaries-Associates .subsidiaries-list a:hover {
            color: #005CAA;
        }

.Subsidiaries-float h5 {
    display: inline-block;
    padding: 10px 20px;
    font-size: 24px;
    font-weight: 700;
    color: #FFFFFF;
    width: 350px;
    text-align: center;
    margin-bottom: 0px;
}

.border-right {
    border-right: solid 1px #BCBCBC;
}

.border-bottom {
    border-bottom: solid 1px #BCBCBC;
}

.accolades-banner {
    background-image: url(../png/accolades-banner.png);
}

.accolades-box h2 {
    font-size: 20px;
    font-weight: 700;
    color: #005CAA;
    margin-top: 10px;
}

.accolades-box p {
    color: #747474;
    font-size: 20px;
}

#accolades .selected {
    background-color: #F5F5F5;
}

    #accolades .selected:hover {
        background-color: #7fc4fd;
    }

    #accolades .selected a {
        border-bottom: none;
    }

#accolades .options ul {
    background-color: #F5F5F5;
    border: none;
}

#accolades .press-release-list li:before {
    background-image: url(../png/plus-icon2.png);
    height: 30px;
    width: 32px;
    background-size: contain;
}

#accolades .accolades-report .accolades-report-box {
    transition: 0.5s;
    margin-bottom: 30px;
    margin-right: 20px;
}

    #accolades .accolades-report .accolades-report-box .report-accolades a {
        display: inline-block;
        border: solid 1px #289238;
    }

    #accolades .accolades-report .accolades-report-box .accolades-report-left {
        padding: 20px 0px;
        padding-right: 60px;
        position: relative;
        /* a { color: $dark-blue; font-size: 20px; font-weight: 700; text-decoration: none; } */
    }

        #accolades .accolades-report .accolades-report-box .accolades-report-left h6 {
            color: #747474;
            font-size: 12px;
        }

.ecg-section {
    width: 100%;
    height: 1000px;
    border: 0px;
    margin-top: 100px;
}

#Explore-therapies {
    padding: 15px 0px;
    margin-top: 0px;
    /* Track */
    /* Handle */
}

    #Explore-therapies .selected {
        background-color: #F5F5F5;
    }

        #Explore-therapies .selected:hover {
            background-color: #7fc4fd;
        }

        #Explore-therapies .selected a {
            border-bottom: none;
        }

    #Explore-therapies .options ul {
        background-color: #F5F5F5;
        border: none;
        overflow: scroll;
        height: 250px;
        overflow-x: hidden;
    }

    #Explore-therapies ::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }

    #Explore-therapies ::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 4px rgba(120, 120, 120, 0.5);
    }

    #Explore-therapies ::-webkit-scrollbar-thumb {
        -webkit-border-radius: 6px;
        border-radius: 6px;
        background: #BCBCBC;
        -webkit-box-shadow: inset 0 0 4px rgba(120, 120, 120, 0.6);
    }

        #Explore-therapies ::-webkit-scrollbar-thumb:window-inactive {
            background: rgba(120, 120, 120, 0.4);
        }

.esg-logo2 {
    width: 100px;
    margin-left: 30px;
}

.home-esg {
    padding: 28px;
}

.margin-top-82 {
    margin-top: 60px;
}

#social-tabs {
    /*       .nav-mytabs a:hover {} */
}

    #social-tabs .nav-mytabs {
        margin-bottom: 2rem;
        border-bottom: solid 1px #cacaca;
        padding-bottom: 0px;
    }

        #social-tabs .nav-mytabs li {
            /*  border-right: solid 1px #cacaca; */
        }

            #social-tabs .nav-mytabs li:last-child {
                border-right: none;
            }

        #social-tabs .nav-mytabs a {
            position: relative;
            padding: 10px 25px;
            border-radius: 2px 2px 0 0;
            /* background: white; */
            color: black;
            opacity: 0.7;
            transition: all 0.1s ease-in-out;
            font-size: 20px;
            font-weight: 900;
        }

            #social-tabs .nav-mytabs a.active {
                opacity: 1;
                top: 0;
                /*     background-color: #005CAA ; */
                color: #005CAA;
                position: relative;
            }

                #social-tabs .nav-mytabs a.active::after {
                    content: '';
                    position: absolute;
                    width: 100%;
                    background-color: #005CAA;
                    height: 2px;
                    bottom: 0px;
                    left: 0px;
                }

    #social-tabs .mytab-content {
        position: relative;
        z-index: 2;
        padding: 0px;
        background: white;
    }

.common-listing ul {
    margin: 0;
    padding: 0;
    padding-left: 15px;
    list-style-type: none;
    margin-top: 15px;
}

    .common-listing ul li {
        color: #747474;
        font-size: 20px;
        margin-bottom: 10px;
        background-image: url(../png/square-dots.png);
        background-repeat: no-repeat;
        background-position: left 10px;
        padding-left: 24px;
    }

    .common-listing ul ul li {
        background-image: url(../png/blue-arrow-2.png);
        background-position: left 0px;
    }

    .common-listing ul li a:hover, .common-listing ul li p a:hover {
        text-decoration: underline;
    }

.contact-form {
    background-color: #f1f1f1;
    padding: 20px;
}

#contact-form-box {
    padding-right: 60px;
}

    #contact-form-box .form-control {
        margin-bottom: 20px;
    }

    #contact-form-box .Submit-bt {
        background-color: #005CAA;
        border: none;
        color: #FFFFFF;
        font-size: 20px;
        font-weight: 700;
        width: 130px;
        margin-top: 10px;
        margin-top: 25px;
    }

#invester-banner-bottoom {
    margin-top: 40px;
}

    #invester-banner-bottoom .bse {
        margin-left: 5.2%;
    }

    #invester-banner-bottoom p {
        padding-top: 80px;
    }

.shareholder-info-box, .shareholder-info-box2 {
    padding: 20px;
    background-color: #F5F5F5;
    margin-bottom: 60px;
}

    .shareholder-info-box ul, .shareholder-info-box2 ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        margin-top: 25px;
    }

        .shareholder-info-box ul li, .shareholder-info-box2 ul li {
            position: relative;
            /*  &:hover { background-image: url(../../assets/img/white-arrow.png);
background-repeat: no-repeat;
background-size: 10px;
background-position: 98% center;} */
        }

            .shareholder-info-box ul li a, .shareholder-info-box2 ul li a {
                font-size: 20px;
                font-weight: 700;
                background-image: url(../png/pdf.png);
                background-repeat: no-repeat;
                background-position: 10px 13px;
                background-size: auto;
                display: block;
                padding: 10px 20px;
                padding-left: 40px;
                color: #005CAA;
                transition: 0.5s;
                text-decoration: none;
                padding-right: 120px;
                text-transform: capitalize;
            }

                .shareholder-info-box ul li a:hover, .shareholder-info-box2 ul li a:hover {
                    background-image: url(../png/pdf2.png);
                    background-color: #005CAA;
                    color: #FFFFFF;
                }

.tabs-box .nav-tabs .nav-item a:hover {
    background-image: unset;
    background-color: #005CAA;
    color: #FFFFFF;
}

.shareholder-info-box ul li a .download-bt, .shareholder-info-box2 ul li a .download-bt {
    position: absolute;
    right: 10px;
    top: 14px;
    font-size: 14px;
    display: inline-block;
}

    .shareholder-info-box ul li a .download-bt:after, .shareholder-info-box2 ul li a .download-bt:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 2px;
        background-color: #005CAA;
        left: 0;
        bottom: -2px;
        transition: 0.5s;
    }

#quarterly-result .nav-tabs .nav-link:hover, .shareholder-info-box2 ul li a:hover {
    /*        background-image: url(../../assets/img/pdf2.png);*/
    background-color: #005CAA;
    color: #FFFFFF !important;
}

    .shareholder-info-box ul li a:hover .download-bt::after, .shareholder-info-box2 ul li a:hover .download-bt::after {
        height: 3px;
    }

.shareholder-info-box .analyst-coverage, .shareholder-info-box2 .analyst-coverage {
    margin-right: 25px;
    margin-bottom: 23px;
    margin-top: 23px;
}

    .shareholder-info-box .analyst-coverage.border-right, .shareholder-info-box2 .analyst-coverage.border-right {
        border-right: solid 1px #BCBCBC;
    }

    .shareholder-info-box .analyst-coverage .common-cta-blue, .shareholder-info-box2 .analyst-coverage .common-cta-blue {
        font-size: 20px;
        padding-bottom: 4px;
        margin-top: 25px;
    }

    .shareholder-info-box .analyst-coverage h2, .shareholder-info-box2 .analyst-coverage h2 {
        margin-bottom: 5px;
    }

    .shareholder-info-box .analyst-coverage p, .shareholder-info-box2 .analyst-coverage p {
        font-weight: 900;
        margin: 0px !important;
        color: #212020;
    }

.shareholder-info-box2 {
    height: 670px;
}

    .shareholder-info-box2 a {
        background-position: 10px 15px;
    }

#invester-contact {
    overflow: hidden;
}

    #invester-contact .Subsidiaries-float {
        position: relative;
    }

        #invester-contact .Subsidiaries-float h5 {
            text-align: left;
            position: relative;
            height: 49px;
        }

            #invester-contact .Subsidiaries-float h5::before {
                content: '';
                position: absolute;
                left: -483px;
                top: 0;
                background-color: #289238;
                height: 49px;
                width: 500px;
            }

    #invester-contact .inster-contact-info {
        margin-right: 25px;
        margin-bottom: 23px;
        margin-top: 23px;
        padding-left: 20px;
    }

        #invester-contact .inster-contact-info h3 {
            font-size: 20px;
            margin-bottom: 25px;
        }

        #invester-contact .inster-contact-info.border-right {
            border-right: solid 1px #BCBCBC;
        }

        #invester-contact .inster-contact-info .common-cta-blue {
            font-size: 20px;
            padding-bottom: 4px;
            margin-top: 25px;
        }

        #invester-contact .inster-contact-info h2 {
            margin-bottom: 5px;
        }

        #invester-contact .inster-contact-info h6 {
            font-weight: 900;
            margin: 0px !important;
            color: #212020;
            font-size: 20px;
            margin-bottom: 20px !important;
        }

.shareholder-banner {
    background-image: url(../png/shareholder-banner.png);
}

.investor-banner {
    background-image: url(../png/investor-banner.png);
}

.investor-inner-banner {
    background-image: url(../png/investor-inner-banner.png);
}

#select-year .selected {
    background-color: #F5F5F5;
}

#LatestQuarterlyResults {
    padding: 50px;
    background-color: #E0E0E0;
    margin-top: 80px;
}

    #LatestQuarterlyResults .QuarterlyBox .invest-bod {
        background-image: url(../png/invester-bod1.png);
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 460px;
        padding-left: 160px;
        text-align: right;
        padding-right: 20px;
    }

        #LatestQuarterlyResults .QuarterlyBox .invest-bod h2 {
            color: #FFFFFF;
            font-size: 20px;
            font-weight: 700;
            padding-top: 20px;
        }

        #LatestQuarterlyResults .QuarterlyBox .invest-bod .invest-name-bod {
            color: #FFFFFF;
            font-weight: 700;
            padding-top: 18px;
            font-size: 16px;
        }

            #LatestQuarterlyResults .QuarterlyBox .invest-bod .invest-name-bod span {
                display: block;
                font-weight: 400;
            }

        #LatestQuarterlyResults .QuarterlyBox .invest-bod .common-cta-white {
            margin-top: 50px;
        }

    #LatestQuarterlyResults .QuarterlyBox .LatestQuarterlyTabs .card-body {
        background-color: #FFFFFF;
        min-height: 415px;
    }

        #LatestQuarterlyResults .QuarterlyBox .LatestQuarterlyTabs .card-body ul {
            margin: 0;
            padding: 0;
            list-style-type: none;
            margin-top: 25px;
        }

            #LatestQuarterlyResults .QuarterlyBox .LatestQuarterlyTabs .card-body ul li {
                position: relative;
                margin-bottom: 15px;
            }

                #LatestQuarterlyResults .QuarterlyBox .LatestQuarterlyTabs .card-body ul li a {
                    font-size: 20px;
                    font-weight: 700;
                    background-image: url(../png/pdf.png);
                    background-repeat: no-repeat;
                    background-position: 10px 13px;
                    background-size: auto;
                    display: block;
                    padding: 10px 20px;
                    padding-left: 40px;
                    color: #005CAA;
                    transition: 0.5s;
                    text-decoration: none;
                    padding-right: 120px;
                }

                    #LatestQuarterlyResults .QuarterlyBox .LatestQuarterlyTabs .card-body ul li a .download-bt {
                        position: absolute;
                        right: 10px;
                        top: 14px;
                        font-size: 14px;
                        display: inline-block;
                    }

                        #LatestQuarterlyResults .QuarterlyBox .LatestQuarterlyTabs .card-body ul li a .download-bt:after {
                            content: '';
                            position: absolute;
                            width: 100%;
                            height: 2px;
                            background-color: #005CAA;
                            left: 0;
                            bottom: -2px;
                            transition: 0.5s;
                        }

                    #LatestQuarterlyResults .QuarterlyBox .LatestQuarterlyTabs .card-body ul li a:hover {
                        background-image: url(../png/pdf2.png);
                        background-repeat: no-repeat;
                        background-position: 10px 13px;
                        background-size: auto;
                        background-color: #005CAA;
                        color: #FFFFFF;
                    }

                        #LatestQuarterlyResults .QuarterlyBox .LatestQuarterlyTabs .card-body ul li a:hover .download-bt::after {
                            height: 3px;
                        }

    #LatestQuarterlyResults .nav-tabs {
        display: none;
    }

        #LatestQuarterlyResults .nav-tabs .nav-item {
            width: 25%;
            /*  &:nth-child(1) { background-color:#969696; }    
&:nth-child(2) { background-color:#A5A5A5; }    
&:nth-child(3) { background-color:#BCBCBC; }    
&:nth-child(4) { background-color:#CBCBCB; }   */
        }

            #LatestQuarterlyResults .nav-tabs .nav-item a {
                font-size: 20px;
                font-weight: 700;
                display: block;
                text-align: center;
                color: #747474;
                border-color: transparent;
                border: none;
                border-radius: 0px;
            }

        #LatestQuarterlyResults .nav-tabs .nav-link.active {
            position: relative;
            color: #005CAA;
            background-color: transparent;
        }

            #LatestQuarterlyResults .nav-tabs .nav-link.active::after {
                content: '';
                position: absolute;
                width: 100%;
                height: 2px;
                background-color: #005CAA;
                left: 0px;
                bottom: 0px;
            }

@media (min-width: 768px) {
    #LatestQuarterlyResults .nav-tabs {
        display: flex;
        background-color: #FFF;
    }

    #LatestQuarterlyResults .card {
        border: none;
    }

        #LatestQuarterlyResults .card .card-header {
            display: none;
        }

        #LatestQuarterlyResults .card .collapse {
            display: block;
        }
}

@media (max-width: 767px) {
    #LatestQuarterlyResults {
        padding: 15px;
    }

        #LatestQuarterlyResults .tab-content > .tab-pane {
            display: block !important;
            opacity: 1;
            background-color: #FFF;
            border: none;
        }

            #LatestQuarterlyResults .tab-content > .tab-pane h5 {
                font-weight: 700;
                font-size: 20px;
            }

                #LatestQuarterlyResults .tab-content > .tab-pane h5 a {
                    color: #0a7feb;
                    display: block;
                    background-image: url(../png/dropup.png);
                    background-repeat: no-repeat;
                    background-position: 95% center;
                    text-decoration: none;
                }

                    #LatestQuarterlyResults .tab-content > .tab-pane h5 a.collapsed {
                        background-image: url(../png/dropdown.png);
                        background-repeat: no-repeat;
                        background-position: 95% center;
                    }
}

#annual-report {
    padding-top: 60px;
    padding-bottom: 60px;
}

    #annual-report .annual-report-box {
        border: solid 1px #289238;
        margin-right: 10px;
        transition: 0.5s;
    }

        #annual-report .annual-report-box .annual-report-left {
            padding: 20px;
            position: relative;
            display: flex;
            height: 100%;
        }

            #annual-report .annual-report-box .annual-report-left h2 {
                font-size: 24px;
                color: #005CAA;
                font-weight: 900;
            }

                #annual-report .annual-report-box .annual-report-left h2 span {
                    display: block;
                    font-weight: 700;
                    font-size: 20px;
                }

            #annual-report .annual-report-box .annual-report-left .common-cta-blue {
                position: absolute;
                left: 20px;
                bottom: 30px;
            }

        #annual-report .annual-report-box:hover {
            border: solid 1px #FFFFFF;
        }

#latest-press .latest-press-box ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-top: 25px;
}

    #latest-press .latest-press-box ul li {
        position: relative;
        margin-bottom: 15px;
    }

        #latest-press .latest-press-box ul li p {
            font-size: 14px;
        }

        #latest-press .latest-press-box ul li a {
            font-size: 18px;
            font-weight: 700;
            display: block;
            padding: 10px 10px;
            color: #005CAA;
            transition: 0.5s;
            text-decoration: none;
            padding-right: 200px;
            padding-bottom: 3px;
        }

            #latest-press .latest-press-box ul li a .download-bt {
                position: absolute;
                right: 20px;
                top: 33px;
                font-size: 14px;
                display: inline-block;
            }

                #latest-press .latest-press-box ul li a .download-bt:after {
                    content: '';
                    position: absolute;
                    width: 100%;
                    height: 2px;
                    background-color: #005CAA;
                    left: 0;
                    bottom: -2px;
                    transition: 0.5s;
                }

            #latest-press .latest-press-box ul li a:hover {
                background-color: #005CAA;
                color: #FFFFFF;
            }

                #latest-press .latest-press-box ul li a:hover p {
                    color: #FFFFFF;
                }

                #latest-press .latest-press-box ul li a:hover .download-bt::after {
                    height: 3px;
                }

#latest-press .latest-press-box.press-releases-headline li a:hover {
    background-color: #289238;
    color: #FFFFFF;
}

    #latest-press .latest-press-box.press-releases-headline li a:hover p {
        color: #FFFFFF;
    }

    #latest-press .latest-press-box.press-releases-headline li a:hover .download-bt::after {
        height: 3px;
    }

#latest-agm {
    padding-top: 60px;
    padding-bottom: 60px;
    /*  [class^="col-md-"] {  
&:nth-child(1) { background-color:#F5F5F5; }
&:nth-child(2) { background-color:#E0E0E0; }
&:nth-child(3) { background-color:#CBCBCB; }
&:nth-child(4) { background-color:#CBCBCB; }
} */
}

    #latest-agm .agm-box {
        padding: 20px;
        transition: 0.5s;
        background-color: #F5F5F5;
        margin-right: 10px;
        border: solid 1px #e4e4e4;
    }

        #latest-agm .agm-box h2 {
            font-size: 24px;
            font-weight: 900;
            color: #005CAA;
        }

        #latest-agm .agm-box:hover {
            background-color: #289238;
        }

            #latest-agm .agm-box:hover h2, #latest-agm .agm-box:hover a {
                color: #FFFFFF;
            }

                #latest-agm .agm-box:hover h2:before, #latest-agm .agm-box:hover a:before {
                    background-color: #FFFFFF;
                    opacity: 1;
                }

#invester-esg .invester-esg-left {
    padding: 50px;
    position: relative;
    height: 334px;
}

    #invester-esg .invester-esg-left .esg-logo {
        position: absolute;
        right: 30px;
        bottom: 50px;
    }

#invester-esg .invester-center {
    /* background-color:#E0E0E0; */
    padding: 40px 50px;
}

    #invester-esg .invester-center .CalTabs {
        margin-top: 25px;
    }

#invester-esg .card-body, #invester-esg .card {
    padding: 0px;
    background-color: transparent;
}

    #invester-esg .card-body p, #invester-esg .card p {
        font-size: 16px;
        color: #005CAA;
        font-weight: 700;
    }

#invester-esg .nav-tabs {
    display: none;
}

    #invester-esg .nav-tabs .nav-item {
        margin-right: 4px;
    }

        #invester-esg .nav-tabs .nav-item a {
            font-size: 14px;
            font-weight: 700;
            display: block;
            text-align: center;
            color: #747474;
            border-color: transparent;
            border: none;
            border-radius: 0px;
            background-color: #FFFFFF;
        }

    #invester-esg .nav-tabs .nav-link.active {
        position: relative;
        color: #005CAA;
    }

        #invester-esg .nav-tabs .nav-link.active::after {
            content: '';
            position: absolute;
            left: 0px;
            bottom: 0px;
            height: 2px;
            background-color: #005CAA;
            width: 100%;
        }

@media (min-width: 768px) {
    #invester-esg .nav-tabs {
        display: flex;
    }

    #invester-esg .card {
        border: none;
    }

        #invester-esg .card .card-header {
            display: none;
        }

        #invester-esg .card .collapse {
            display: block;
        }
}

@media (max-width: 767px) {
    #invester-esg .tab-content > .tab-pane {
        display: block !important;
        opacity: 1;
        background-color: #FFF;
        border: none;
    }

        #invester-esg .tab-content > .tab-pane h5 {
            font-weight: 700;
            font-size: 20px;
        }

            #invester-esg .tab-content > .tab-pane h5 a {
                color: #0a7feb;
                display: block;
                background-image: url(../png/dropup.png);
                background-repeat: no-repeat;
                background-position: 95% center;
                text-decoration: none;
            }

                #invester-esg .tab-content > .tab-pane h5 a.collapsed {
                    background-image: url(../png/dropdown.png);
                    background-repeat: no-repeat;
                    background-position: 95% center;
                }
}

/* Reset Select */
.go-bt {
    display: inline-block;
    background-color: #F5F5F5;
    color: #005CAA;
    font-weight: 700;
    font-size: 16px;
    border: none;
    padding: 10px;
    outline: none !important;
    cursor: pointer;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    border: 0 !important;
    background: #F5F5F5;
    background-image: none;
}

.form-control {
    background-color: #F5F5F5 !important;
    border-radius: 0 !important;
}
/* Remove IE arrow */
select::-ms-expand {
    display: none;
}

/* Custom Select */
.select {
    position: relative;
    display: flex;
    width: 20em;
    height: 3em;
    line-height: 3;
    /* background: #2c3e50; */
    overflow: hidden;
    border-radius: 0;
    text-transform: uppercase;
}

    .select h6 {
        padding-top: 16px;
        font-size: 16px;
        color: #005CAA;
        font-weight: 700;
        background-color: transparent;
        margin-right: 15px;
    }

select {
    flex: 1;
    padding: 0 .5em;
    color: #005CAA;
    cursor: pointer;
    text-transform: uppercase;
}

    select:hover {
        background-color: #BCBCBC;
        color: #005CAA;
    }

    select option {
        margin: 40px;
        background: #f5f5f5;
        color: #005CAA;
        display: block;
        text-shadow: none;
    }

/* Arrow */
.select::after {
    content: '';
    /* \25BC */
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 1em;
    background: #f5f5f5;
    cursor: pointer;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
    background-image: url(../png/down-chevron.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 10px;
    height: 100%;
    background-size: 15px;
}

/* Transition */
/*   .select:hover::after {
color: #f39c12;
} */
#quarterly-result {
    margin-top: 50px;
}

    #quarterly-result .quarterly-resultTabs .card-body {
        background-color: #F5F5F5;
    }

        #quarterly-result .quarterly-resultTabs .card-body ul {
            margin: 0;
            padding: 0;
            list-style-type: none;
            margin-top: 25px;
        }

            #quarterly-result .quarterly-resultTabs .card-body ul li {
                position: relative;
                margin-bottom: 15px;
            }

                #quarterly-result .quarterly-resultTabs .card-body ul li a {
                    font-size: 20px;
                    font-weight: 700;
                    background-image: url(../png/pdf.png);
                    background-repeat: no-repeat;
                    background-position: 10px 13px;
                    background-size: auto;
                    display: block;
                    padding: 10px 20px;
                    display: block;
                    padding: 10px 20px;
                    padding-left: 40px;
                    color: #005CAA;
                    transition: 0.5s;
                    text-decoration: none;
                    padding-right: 120px;
                    text-transform: capitalize;
                }

                    #quarterly-result .quarterly-resultTabs .card-body ul li a .download-bt {
                        position: absolute;
                        right: 10px;
                        top: 14px;
                        font-size: 14px;
                        display: inline-block;
                    }

                        #quarterly-result .quarterly-resultTabs .card-body ul li a .download-bt:after {
                            content: '';
                            position: absolute;
                            width: 100%;
                            height: 2px;
                            background-color: #005CAA;
                            left: 0;
                            bottom: -2px;
                            transition: 0.5s;
                        }

                    #quarterly-result .quarterly-resultTabs .card-body ul li a:hover {
                        background-image: url(../png/pdf2.png);
                        background-color: #005CAA;
                        color: #FFFFFF;
                    }

                        #quarterly-result .quarterly-resultTabs .card-body ul li a:hover .download-bt::after {
                            height: 3px;
                        }

    #quarterly-result .nav-tabs {
        display: none;
    }

        #quarterly-result .nav-tabs .nav-item {
            width: 20%;
            /*     &:nth-child(1) { background-color:#969696; }    
&:nth-child(2) { background-color:#A5A5A5; }    
&:nth-child(3) { background-color:#BCBCBC; }    
&:nth-child(4) { background-color:#CBCBCB; }    */
        }

            #quarterly-result .nav-tabs .nav-item a {
                font-size: 16px;
                font-weight: 900;
                display: block;
                text-align: center;
                color: #747474;
                border-color: transparent;
                border: none;
                border-radius: 0px;
                padding: 1rem ​0px;
            }

        #quarterly-result .nav-tabs .nav-link.active {
            position: relative;
            color: #005CAA;
        }

            #quarterly-result .nav-tabs .nav-link.active::before {
                content: '';
                position: absolute;
                width: 100%;
                height: 2px;
                background-color: #005CAA;
                left: 0px;
                bottom: 0px;
            }

@media (min-width: 768px) {
    #quarterly-result .nav-tabs {
        display: flex;
        justify-content: center;
    }

    #quarterly-result .card {
        border: none;
    }

        #quarterly-result .card .card-header {
            display: none;
        }

        #quarterly-result .card .collapse {
            display: block;
        }
}

@media (max-width: 767px) {
    #quarterly-result .tab-content > .tab-pane {
        display: block !important;
        opacity: 1;
        background-color: #FFF;
        border: none;
    }

        #quarterly-result .tab-content > .tab-pane h5 {
            font-weight: 700;
            font-size: 20px;
        }

            #quarterly-result .tab-content > .tab-pane h5 a {
                color: #0a7feb;
                display: block;
                background-image: url(../png/dropup.png);
                background-repeat: no-repeat;
                background-position: 95% center;
                text-decoration: none;
            }

                #quarterly-result .tab-content > .tab-pane h5 a.collapsed {
                    background-image: url(../png/dropdown.png);
                    background-repeat: no-repeat;
                    background-position: 95% center;
                }
}

#quarterly-result .tabs-filter {
    background-color: #FFFFFF;
    padding: 20px;
}

#quarterly-result #annual-report .annual-report-box {
    background-color: #E0E0E0;
}

#InvestorCalendar .month-box {
    background-color: #F5F5F5;
    padding: 20px;
}

#InvestorCalendar .months-list ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: table;
    box-sizing: border-box;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

    #InvestorCalendar .months-list ul li {
        display: table-cell;
        background-color: red;
    }

        #InvestorCalendar .months-list ul li:nth-child(2n) {
            background-color: #0F0;
        }

        #InvestorCalendar .months-list ul li a {
            font-size: 14px;
            font-weight: 700;
            color: #747474;
            display: block;
            background-color: #FFFFFF;
            padding: 8px 5px;
            text-align: center;
        }

            #InvestorCalendar .months-list ul li a:hover, #InvestorCalendar .months-list ul li a.active-months {
                background-color: #005CAA;
                color: #FFFFFF;
            }

#InvestorCalendar .years-title {
    color: #289238;
    font-weight: 20px;
    font-weight: 700;
    margin-bottom: 15px;
}

#InvestorCalendar .month-events {
    margin-top: 15px;
}

.big-ttle {
    font-size: 32px;
    font-weight: 900;
}

#annual-report2 {
    padding-top: 10px;
    padding-bottom: 60px;
}

    #annual-report2 .annual-report-box {
        /*  border:solid 1px $dark-green; */
        margin-right: 10px;
        transition: 0.5s;
        /* &:hover { border: solid 1px $white-clr; } */
    }

        #annual-report2 .annual-report-box .report-annual a {
            text-align: center;
            display: inline-block;
            border: solid 1px #e4e4e4;
            width: 75%;
        }

        #annual-report2 .annual-report-box .annual-report-left {
            padding: 5px 0 20px 10px;
            position: relative;
        }

            #annual-report2 .annual-report-box .annual-report-left h2 {
                font-size: 24px;
                color: #005CAA;
                font-weight: 900;
            }

                #annual-report2 .annual-report-box .annual-report-left h2 span {
                    display: block;
                    font-weight: 700;
                    font-size: 20px;
                }

.Manufacturing-presence-slider-box {
    border: solid 1px #289238;
    position: relative;
}

    .Manufacturing-presence-slider-box .Manufacturing-presence-slider .Manufacturing-presence-content {
        padding: 20px;
    }

        .Manufacturing-presence-slider-box .Manufacturing-presence-slider .Manufacturing-presence-content p {
            margin-top: 0px !important;
        }

    .Manufacturing-presence-slider-box .Manufacturing-presence-navi {
        width: 75px;
        position: absolute;
        top: 241px;
    }

    .Manufacturing-presence-slider-box .swiper-button-prev:after, .Manufacturing-presence-slider-box .swiper-button-next:after {
        font-size: 20px;
        color: #A5A5A5;
    }

#domestic-therapies .domestic-therapies-icon .associates-box {
    background-repeat: no-repeat;
    background-position: 10px center;
    height: 80px;
    position: relative;
    display: block;
    padding-top: 24px;
    text-align: left;
    padding-left: 100px;
}

    #domestic-therapies .domestic-therapies-icon .associates-box:before {
        content: '';
        position: absolute;
        left: 80px;
        top: 0px;
        height: 100%;
        width: 1px;
        background-color: #E0E0E0;
    }

    #domestic-therapies .domestic-therapies-icon .associates-box.icon-1 {
        background-image: url(../png/therapies-icon1.png);
    }

    #domestic-therapies .domestic-therapies-icon .associates-box.icon-2 {
        background-image: url(../png/therapies-icon2.png);
    }

    #domestic-therapies .domestic-therapies-icon .associates-box.icon-3 {
        background-image: url(../png/therapies-icon3.png);
    }

    #domestic-therapies .domestic-therapies-icon .associates-box.icon-4 {
        background-image: url(../png/therapies-icon4.png);
    }

    #domestic-therapies .domestic-therapies-icon .associates-box.icon-5 {
        background-image: url(../png/therapies-icon5.png);
    }

    #domestic-therapies .domestic-therapies-icon .associates-box.icon-6 {
        background-image: url(../png/therapies-icon6.png);
    }

    #domestic-therapies .domestic-therapies-icon .associates-box.icon-7 {
        background-image: url(../png/therapies-icon7.png);
    }

    #domestic-therapies .domestic-therapies-icon .associates-box.icon-8 {
        background-image: url(../png/therapies-icon8.png);
    }

    #domestic-therapies .domestic-therapies-icon .associates-box.icon-9 {
        background-image: url(../png/therapies-icon9.png);
    }

    #domestic-therapies .domestic-therapies-icon .associates-box.icon-10 {
        background-image: url(../png/therapies-icon10.png);
    }

    #domestic-therapies .domestic-therapies-icon .associates-box.icon-11 {
        background-image: url(../png/therapies-icon11.png);
    }

.two-colum .alembic-number-box.icon-4 {
    background-position: 96% 28px !important;
}

.manufacturing-facilities-info .alembic-number-box.icon-1 {
    background-position: 96% 14px;
}

.manufacturing-facilities-info .alembic-number-box.icon-2 {
    background-position: 96% 14px;
}

#manufacturing-form {
    margin-top: 50px;
}

    #manufacturing-form .manufacturing-form-table th, #manufacturing-form .manufacturing-form-table td {
        padding: 15px 10px;
        border-bottom: solid 1px #bcbcbc;
        border-right: solid 1px #bcbcbc;
        width: 33.33%;
        font-size: 20px;
    }

        #manufacturing-form .manufacturing-form-table th:nth-child(3), #manufacturing-form .manufacturing-form-table th.colspan-border-r-none, #manufacturing-form .manufacturing-form-table td:nth-child(3), #manufacturing-form .manufacturing-form-table td.colspan-border-r-none {
            border-right: none;
        }

    #manufacturing-form .manufacturing-form-table th {
        background-color: #F5F5F5;
        font-weight: 700;
    }

    #manufacturing-form .manufacturing-form-table td {
        color: #747474;
    }

        #manufacturing-form .manufacturing-form-table td p, #manufacturing-form .manufacturing-form-table td span {
            font-weight: 700;
        }

.bottom-table .bottom-table-box {
    padding: 15px;
    background-color: #F5F5F5;
    margin-right: 15px;
}

    .bottom-table .bottom-table-box h2 {
        font-weight: 900;
        color: #289238;
        font-size: 22px;
    }

    .bottom-table .bottom-table-box p {
        font-size: 16px;
    }

.responlities-banner {
    background-image: url(../png/responlities-banner.png);
}

.social-comm-banner {
    background-image: url(../png/social-comm-banner.png);
}

.covid-Response-banner {
    background-image: url(../png/covid-banner.png);
}

.opp-banner {
    background-image: url(../png/opp-banner.png);
}

.press-banner {
    background-image: url(../png/press-banner.png);
}

.csr-banner {
    background-image: url(../png/csr-inner-banner.png);
}

.responsiblity-grid .bussiness-box {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

    .responsiblity-grid .bussiness-box.responsiblity-pic1 {
        background-image: url(../png/social-commitments-pic.png);
    }

    .responsiblity-grid .bussiness-box.eduction-pic {
        background-image: url(../png/eduction-pic-2.png);
    }

    .responsiblity-grid .bussiness-box.Health-pic {
        background-image: url(../png/health-pic-2.png);
    }

    .responsiblity-grid .bussiness-box.Community-pic {
        background-image: url(../png/community-pic-2.png);
    }
    /*---*/
    .responsiblity-grid .bussiness-box.livelihood-pic {
        background-image: url(../png/livelihood-pic.png);
    }
    /*----*/ /*---*/
    .responsiblity-grid .bussiness-box.artcul-pic {
        background-image: url(../png/art-culture.png);
    }
    /*----*/ /*---*/
    .responsiblity-grid .bussiness-box.environment-pic {
        background-image: url(../png/environment-pic.png);
    }
    /*----*/ /*---*/
    .responsiblity-grid .bussiness-box.media-coverage-pic {
        background-image: url(../png/media-coverage-pic.png);
    }
    /*----*/
    .responsiblity-grid .bussiness-box.covid-Response {
        height: 710px !important;
    }

.Beneficiary-experience {
    background-color: #F5F5F5;
    padding: 40px 20px;
    margin-top: 50px;
    margin-bottom: 50px;
}

    .Beneficiary-experience .swiper-button-prev:after, .Beneficiary-experience .swiper-button-next:after {
        color: #A5A5A5;
        padding: 10px 10px;
        font-size: 20px;
    }

    .Beneficiary-experience .swiper-slide-active {
        opacity: 1;
        transform: none;
    }

    .Beneficiary-experience .swiper-slide {
        transform: none;
    }

    .Beneficiary-experience .swiper-pagination {
        top: 0px;
    }
    /*.Beneficiary-experience .swiper-pagination {
left: 32px; }*/
    .Beneficiary-experience .swiper-pagination-bullet {
        background-color: #A5A5A5;
        opacity: 1;
    }

    .Beneficiary-experience .swiper-pagination-bullet-active {
        background-color: #289238;
    }

    .Beneficiary-experience .swiper-container-horizontal > .swiper-pagination-bullets {
        text-align: left;
        left: 21px;
        bottom: 22px;
    }

    .Beneficiary-experience .slider-navi {
        position: absolute;
        bottom: 40px;
        width: 89px;
        left: 0;
    }

        .Beneficiary-experience .slider-navi .swiper-pagination-bullet {
            margin-right: 6px;
        }

        .Beneficiary-experience .slider-navi [class^="swiper-button-"] {
            top: 14px !important;
        }

.job-desc p {
    color: #333 !important;
}

.job-inner-section {
    margin-top: 110px;
    margin-bottom: 110px;
}

    .job-inner-section .job-secrion1 h2, .job-inner-section .job-secrion2 h2 {
        font-size: 32px;
        color: #005CAA;
        font-weight: 900;
        margin-bottom: 15px;
    }

    .job-inner-section .job-secrion1 p, .job-inner-section .job-secrion2 p {
        margin-top: 0px !important;
        font-size: 18px !important;
        line-height: 15px !important;
    }

        .job-inner-section .job-secrion1 p span, .job-inner-section .job-secrion2 p span {
            color: #333;
            font-weight: 900;
        }

    .job-inner-section .listing-style {
        margin: 0px;
        list-style-type: none;
        padding: 0px;
    }

        .job-inner-section .listing-style li {
            font-size: 20px;
            line-height: 28px;
            margin-top: 10px;
            color: #747474;
            background-image: url(../png/square-dots.png);
            background-repeat: no-repeat;
            background-position: left 8px;
            padding-left: 24px;
        }

    .job-inner-section .job-secrion2 {
        margin-top: 30px;
    }

        .job-inner-section .job-secrion2 h2 {
            font-size: 24px;
        }

.invester-box {
    background: #fff;
    margin-bottom: 30px;
    width: 100%;
    display: flex;
}

    .invester-box .card-calendar-date {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 86px;
        height: 100%;
        flex-shrink: 0;
        border-radius: 10px 0;
        margin-right: 20px;
        padding: 20px 10px;
        background: #005CAA;
        color: #FFFFFF;
        text-align: center;
        font-size: 18px;
    }

        .invester-box .card-calendar-date span {
            font-size: 14px;
        }

    .invester-box .card-content {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-grow: 1;
    }

        .invester-box .card-content a {
            display: block;
            text-decoration: none;
        }

            .invester-box .card-content a h6 {
                font-size: 18px;
                font-weight: 900;
                color: #005CAA;
            }

            .invester-box .card-content a p {
                font-size: 14px !important;
                color: #333 !important;
            }

#latest-press {
    background-color: #F5F5F5;
    padding-top: 50px;
}

    #latest-press.media-overview-Press ul li {
        background-color: #FFF;
    }

/* END */
/* vishwajeet */
.therapy-drop .drop-down ul {
    height: 300px;
    overflow-y: scroll;
}

/* vishwajeet */
#AnnualReturn {
    /* WEBKIT SCROLLBAR */
    /* **************** */
    /* Track */
    /* Handle */
}

    #AnnualReturn .tabs-box {
        overflow: scroll;
        height: 300px;
        overflow-x: hidden;
    }

        #AnnualReturn .tabs-box::-webkit-scrollbar {
            width: 8px;
            height: 8px;
        }

        #AnnualReturn .tabs-box::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 4px rgba(120, 120, 120, 0.5);
        }

        #AnnualReturn .tabs-box::-webkit-scrollbar-thumb {
            -webkit-border-radius: 6px;
            border-radius: 6px;
            background: #1D5079;
            -webkit-box-shadow: inset 0 0 4px rgba(120, 120, 120, 0.6);
        }

            #AnnualReturn .tabs-box::-webkit-scrollbar-thumb:window-inactive {
                background: rgba(120, 120, 120, 0.4);
            }

    #AnnualReturn .nav-link {
        background-image: none !important;
        padding-left: 15px;
    }

    #AnnualReturn .nav-tabs .nav-link.active {
        background-color: transparent;
        border: none;
        background-color: #005CAA;
        color: #FFFFFF;
    }

#quarterly-result #SubsidiaryFinancials {
    /* WEBKIT SCROLLBAR */
    /* **************** */
    /* Track */
    /* Handle */
}

    #quarterly-result #SubsidiaryFinancials .tabs-box {
        overflow: scroll;
        height: 300px;
        overflow-x: hidden;
    }

        #quarterly-result #SubsidiaryFinancials .tabs-box::-webkit-scrollbar {
            width: 8px;
            height: 8px;
        }

        #quarterly-result #SubsidiaryFinancials .tabs-box::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 4px rgba(120, 120, 120, 0.5);
        }

        #quarterly-result #SubsidiaryFinancials .tabs-box::-webkit-scrollbar-thumb {
            -webkit-border-radius: 6px;
            border-radius: 6px;
            background: #1D5079;
            -webkit-box-shadow: inset 0 0 4px rgba(120, 120, 120, 0.6);
        }

            #quarterly-result #SubsidiaryFinancials .tabs-box::-webkit-scrollbar-thumb:window-inactive {
                background: rgba(120, 120, 120, 0.4);
            }

    #quarterly-result #SubsidiaryFinancials .nav-tabs .nav-item {
        width: 100%;
    }

    #quarterly-result #SubsidiaryFinancials .nav-link {
        background-image: none !important;
        padding-left: 15px;
        padding-right: 0px;
        text-align: left;
    }

    #quarterly-result #SubsidiaryFinancials .nav-tabs .nav-link.active {
        background-color: transparent;
        border: none;
        background-color: #005CAA;
        color: #FFFFFF;
    }

#mediaGallery .swiper-button-next:after, #mediaGallery .swiper-button-prev:after {
    font-size: 27px;
    background-color: #fff;
    border: solid 1px #0a7feb;
    padding: 7px 12px;
}

#mediaGallery .swiper-button-next {
    right: 18%;
}

#mediaGallery .swiper-button-prev {
    left: 18%;
}

.API-table, #table1Pop {
    /* th { background-color:; } */
}

    .API-table table, #table1Pop table {
        width: 100%;
    }

        .API-table table th, .API-table table td, #table1Pop table th, #table1Pop table td {
            padding: 10px;
            border-bottom: solid 1px #e4e4e4;
        }

        .API-table table th, #table1Pop table th {
            background-color: #e4e4e4;
            font-weight: 700;
        }

#table1Pop {
    width: 100% !important;
}

    #table1Pop svg path {
        fill: #FFF;
    }

    #table1Pop .fancybox-close-small {
        position: fixed !important;
        top: 6px !important;
    }

#banner-bottom .bottom-banner-left {
    padding-top: 80px;
    padding-right: 120px;
}

#banner-bottom .bottom-banner-right {
    padding-top: 80px;
}

    #banner-bottom .bottom-banner-right .financial-infomation-list {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        border-left: solid 3px #005CAA;
        padding-left: 15px;
        margin-top: 20px;
    }

        #banner-bottom .bottom-banner-right .financial-infomation-list li {
            border-bottom: 1px solid #289238;
        }

            #banner-bottom .bottom-banner-right .financial-infomation-list li a {
                color: #333;
                font-size: 14px;
                display: block;
                padding: 5px 0px;
            }

                #banner-bottom .bottom-banner-right .financial-infomation-list li a:hover {
                    color: #005CAA;
                }

            #banner-bottom .bottom-banner-right .financial-infomation-list li:last-child {
                border-bottom: none;
            }

#KeyFigures {
    padding-top: 70px;
}

    #KeyFigures .key-fig .fig-no {
        background: linear-gradient(to right, #005CAA 0%, #289238 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-weight: 700;
        font-size: 48px;
        line-height: 46px;
    }

.green-right-bro {
    border-right: 1px solid #289238;
}

.green-bottom-bro {
    border-bottom: 1px solid #289238;
}

.annual-left-box {
    margin-top: 30px;
    padding-right: 30px;
}

/*  */
.chart {
    display: table;
    table-layout: fixed;
    width: 95%;
    max-width: 700px;
    height: 240px;
    margin: 0 auto;
    margin-top: 20px;
    padding-left: 0;
    padding-bottom: 1px;
    border-bottom: solid 0.5px #FFF;
    padding-right: 40px;
}

.graph-cagr {
    position: absolute;
    left: 15px;
    top: 0px;
    background-image: url(../png/green-up-arrow.png);
    background-repeat: no-repeat;
    background-position: 73% 100%;
    padding-right: 50px;
    padding-top: 20px;
}

.graph-bar {
    margin-bottom: 70px;
}

    .graph-bar .sub-title3 {
        border-bottom: 1px solid #000000;
        background: linear-gradient(to right, #005CAA 0%, #289238 40%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-weight: 700;
        font-size: 22px;
        margin-bottom: 4px;
    }

.chart li {
    position: relative;
    display: table-cell;
    vertical-align: bottom;
    height: 240px;
    padding-left: 0px;
}

.chart span {
    width: 20px;
    display: block;
    background: #C7C8CA;
    font-size: 12px;
    border-radius: 30px;
}

.chart li:nth-child(6) span {
    background: #59AE66;
}

.green-yr {
    background: #59AE66 !important;
}

.chart span:before {
    position: absolute;
    left: -7px;
    right: 0;
    top: 100%;
    padding: 5px 0em 0;
    display: block;
    text-align: center;
    content: attr(title);
    word-wrap: break-word;
    font-weight: 300;
    width: 37px;
}

.chart span:after {
    content: attr(rel);
    position: absolute;
    left: 0;
    color: #646466;
    font-size: 14px;
    transform: translateY(-38px) translateX(-14px) rotate(-90deg);
    width: 46px;
    font-weight: 300;
    letter-spacing: 1px;
}

.chart li:nth-child(6) span:after, .chart li:nth-child(6) span:before {
    font-weight: 700;
    color: #59AE66;
}

.chart li:last-child span:after, .chart li:last-child span:before {
    font-weight: 700;
    color: #59AE66;
}

/*  */
#invester-banner-bottoom {
    background-color: #005CAA;
    margin-top: 50px;
}

    #invester-banner-bottoom .Presentations-Left {
        padding-top: 50px;
        padding-bottom: 40px;
    }

    #invester-banner-bottoom .PresentationsBox {
        background-color: #FFFFFF;
        padding: 20px;
        height: 190px;
    }

        #invester-banner-bottoom .PresentationsBox h6 {
            font-size: 24px;
            line-height: 32px;
        }

        #invester-banner-bottoom .PresentationsBox a {
            color: #005CAA;
            font-size: 14px;
            position: absolute;
            left: 35px;
            bottom: 15px;
        }

    #invester-banner-bottoom .Presentations-right {
        background-color: #289238;
        padding: 60px;
    }

    #invester-banner-bottoom h2.info-numb {
        color: #FFFFFF;
        font-size: 32px;
        line-height: 36px;
        font-weight: 900;
        margin: 5px 0px 5px;
    }

    #invester-banner-bottoom span.lwr-unit {
        color: #FFFFFF;
        font-size: 20px;
        font-weight: 400;
        position: relative;
        padding-right: 25px;
    }

#InvesterChairman {
    background: #E0E0E0;
    padding-top: 80px;
    padding-bottom: 80px;
}
    /*#InvesterChairman .quote {
background: url(../../assets/img/q11.svg) no-repeat left top;
padding-left: 30px;
color: #333; }*/
    #InvesterChairman .chairmanName {
        margin-left: 30px;
    }

    #InvesterChairman .bottom-banner-right .financial-infomation-list {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        border-left: solid 3px #005CAA;
        padding-left: 15px;
        margin-top: 20px;
    }

        #InvesterChairman .bottom-banner-right .financial-infomation-list li {
            border-bottom: 1px solid #289238;
        }

            #InvesterChairman .bottom-banner-right .financial-infomation-list li a {
                color: #333;
                font-size: 14px;
                display: block;
                padding: 5px 0px;
            }

                #InvesterChairman .bottom-banner-right .financial-infomation-list li a:hover {
                    color: #005CAA;
                }

            #InvesterChairman .bottom-banner-right .financial-infomation-list li:last-child {
                border-bottom: none;
            }

#PolicesCodes {
    padding-top: 50px;
    padding-bottom: 50px;
}

    #PolicesCodes .policeBox {
        background-color: #FFFFFF;
        height: 115px !important;
        padding-right: 32px;
    }

        #PolicesCodes .policeBox p {
            color: #333;
            line-height: 27px;
        }

        #PolicesCodes .policeBox h6 {
            font-size: 24px;
            line-height: 32px;
        }

        #PolicesCodes .policeBox a {
            color: #005CAA;
            font-size: 14px;
            position: absolute;
            left: 15px;
            bottom: 15px;
        }

    #PolicesCodes .investerESGBox {
        background: #005CAA;
        padding: 30px 60px;
    }

        #PolicesCodes .investerESGBox h2 {
            color: #FFFFFF;
            font-weight: 700;
            margin-top: 20px;
        }

#InvestorContact {
    background: #E0E0E0;
    padding: 50px 0px;
    padding-bottom: 100px;
}

    #InvestorContact .investorBox h6 {
        font-size: 20px;
        color: #333;
        position: relative;
        padding-bottom: 10px;
    }

        #InvestorContact .investorBox h6:after {
            content: '';
            position: absolute;
            width: 30px;
            height: 2px;
            background-color: #289238;
            left: 0px;
            bottom: 0px;
        }

    #InvestorContact .investorBox p {
        font-size: 16px;
        margin-bottom: 10px;
        padding-bottom: 10px;
        color: #333;
    }

        #InvestorContact .investorBox p a {
            color: #005CAA;
        }

.grey-bottom-br {
    border-bottom: 1px solid #C7C7C7;
}

#KMP {
    background-color: #005CAA;
    padding-top: 30px;
    padding-bottom: 30px;
    width: 95%;
    margin: auto;
    transform: translate(0px, -50px);
}

    #KMP .manufacturing-form-table {
        /* tr {
&:hover {
background-color: $white-clr;
    
td,p { color: $dark-blue; }
th { background-color: $dark-blue; }
    
}
    
} */
    }

        #KMP .manufacturing-form-table th, #KMP .manufacturing-form-table td {
            color: #FFFFFF;
            padding: 8px 5px;
            font-size: 18px;
            border-right: solid 1px #FFFFFF;
            border-bottom: solid 10px #005CAA;
        }

            #KMP .manufacturing-form-table th p, #KMP .manufacturing-form-table td p {
                margin-bottom: 0px;
                color: #FFFFFF;
                font-size: 18px;
            }

            #KMP .manufacturing-form-table th:nth-child(2), #KMP .manufacturing-form-table td:nth-child(2) {
                padding-left: 50px;
            }

            #KMP .manufacturing-form-table th:nth-child(3), #KMP .manufacturing-form-table td:nth-child(3) {
                padding-left: 50px;
                border-right: none;
            }

        #KMP .manufacturing-form-table th {
            background-color: #FFF;
            color: #005CAA !important;
        }

#Api-manufacturing .api-facilities-button-next, #Api-manufacturing .api-facilities-button-prev {
    display: none;
}

.MobileNav {
    display: none;
}

.DexTop {
    display: block;
}

.API-table {
    /*     #faq .card .card-header .btn-header-link:after {
content: "\f107";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
float: right;
}
*/
    /*   #faq .card .card-header .btn-header-link.collapsed:after {
content: "\f106";
} */
}

    .API-table #faq .card {
        margin-bottom: 8px;
        border: 0;
    }

        .API-table #faq .card .card-header {
            border: 0;
            border-radius: 0px;
            padding: 0;
        }

            .API-table #faq .card .card-header .btn-header-link {
                color: #fff;
                display: block;
                text-align: left;
                background: #005CAA url(../png/down-chevron3.png) no-repeat 99% center;
                background-size: 20px;
                padding: 8px;
                color: #FFF;
                font-weight: 700;
                font-size: 18px;
            }

                .API-table #faq .card .card-header .btn-header-link.collapsed {
                    background: #FFF;
                    color: #333;
                    font-weight: 700;
                    font-size: 18px;
                    border-bottom: solid 1px #e4e4e4;
                    background: url(../png/down-chevron.png) no-repeat 99% center;
                    background-size: 20px;
                }

        .API-table #faq .card .collapsing {
            background: #FFF;
            line-height: 30px;
        }

        .API-table #faq .card .collapse {
            border: 0;
        }

            .API-table #faq .card .collapse.show {
                background: #fff;
                line-height: 30px;
                color: #222;
            }

    .API-table ul li {
        font-size: 20px;
        line-height: 28px;
        color: #747474;
    }

.common-cta-grey {
    background-color: #e6e6e6;
    padding: 10px 10px;
    color: #005CAA;
    display: inline-block;
    text-decoration: none !important;
}

    .common-cta-grey:hover {
        background-color: #005CAA;
        color: #FFFFFF;
    }

#alphabetical-scroll {
    background: rgba(0, 124, 193, 0.8);
    position: fixed;
    top: 80px;
    right: 0;
    width: 25px;
    text-align: center;
}

    #alphabetical-scroll .nav-tabs > li {
        float: none;
        margin-bottom: 0;
    }

        #alphabetical-scroll .nav-tabs > li > a {
            color: #fff;
            margin-right: 0;
            border: none;
            padding: 0;
            font-size: 12px;
            display: block;
            padding: 0px 10px;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -o-border-radius: 0;
            border-radius: 0;
        }

            #alphabetical-scroll .nav-tabs > li > a:hover {
                background-color: #289238;
            }

/*# sourceMappingURL=style.css.map */


/*update css*/

.Subsidiaries-Associates .associates-box.therapies-box {
    background-color: #F5F5F5;
    margin: 12px;
    display: flex !important;
    align-items: center;
    height: 80px !important;
    transition: 0.5s;
    flex-direction: row;
    background-image: none !important;
    padding-left: 0 !important;
    padding-top: 0 !important;
    justify-content: normal;
}

    .Subsidiaries-Associates .associates-box.therapies-box:hover {
        background-color: #005CAA;
    }

        .Subsidiaries-Associates .associates-box.therapies-box:hover a {
            color: #fff !important;
        }

        .Subsidiaries-Associates .associates-box.therapies-box:hover div {
            border-right-color: #E0E0E0;
        }

    .Subsidiaries-Associates .associates-box.therapies-box a {
        text-decoration: none;
        font-size: 20px;
        font-weight: 700;
        color: #005CAA !important;
        display: block;
        padding-left: 18px;
        transition: 0.5s;
    }

    .Subsidiaries-Associates .associates-box.therapies-box div {
        width: 80px;
        border-right: 1px solid #E0E0E0;
        text-align: center;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .Subsidiaries-Associates .associates-box.therapies-box:before {
        content: none !important;
    }

#inner-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.Subsidiaries-Associates .crsrdef {
    cursor: default;
    pointer-events: none;
}

.investor-listing p {
    color: #005CAA !important;
    font-weight: 700;
}

.inner-mid-content-section#bod p {
    padding-right: 466px;
}

#bod .bod-box:last-child {
    border-bottom: none;
}

.press-release-wrp ul li a {
    background-image: none;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    text-transform: capitalize;
}

    .press-release-wrp ul li a:hover {
        background-image: none;
        color: #005CAA;
        background-color: transparent;
    }

.api-table-pop.pop-display {
    display: block !important;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: #fff;
    z-index: 999;
    left: 0;
}

    .api-table-pop.pop-display > div {
        height: 100%;
        overflow-y: scroll;
    }

        .api-table-pop.pop-display > div::-webkit-scrollbar {
            /*display: none;*/
        }

.close-table-pop {
    position: absolute;
    top: 6px;
    right: 0;
    background-color: #005CAA;
    color: #fff;
    font-size: 16px;
    border: none;
    cursor: pointer;
    opacity: 0.8;
    width: 44px;
    height: 44px;
    outline: none;
}

    .close-table-pop:focus {
        outline: none;
    }

.api-table-border {
    width: 99%;
    margin: 7px auto 0;
    background-color: #005CAA;
    height: 1px;
    position: relative;
}

    .api-table-border:before {
        content: "";
        width: 10px;
        height: 10px;
        background-color: #005caa;
        position: absolute;
        border-radius: 50%;
        top: -4px;
    }

.scrollbar-none::-webkit-scrollbar {
    display: none;
}

.qip-wrap {
    position: relative;
}

#QIP1 .close-table-pop, #QIP2 .close-table-pop {
    top: 0;
    color: #000;
    right: 5px;
}

#quarterly-result .quarterly-resultTabs .card-body ul li a.audio-icon {
    background-image: url(../png/audio-icon1.png);
}

    #quarterly-result .quarterly-resultTabs .card-body ul li a.audio-icon:hover {
        background-image: url(../png/audio-icon2.png);
    }

#StepsTabs .StepsLists {
    margin-bottom: 30px;
    margin-top: 30px;
}

    #StepsTabs .StepsLists ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        position: relative;
    }

        #StepsTabs .StepsLists ul li a {
            font-size: 24px;
            color: #ACACAC;
            font-weight: 700;
            padding: 8px 90px;
            text-decoration: none;
            position: relative;
            display: block;
        }

            #StepsTabs .StepsLists ul li a::before {
                content: '';
                position: absolute;
                left: 168px;
                top: 27px;
                width: 155px;
                height: 1px;
                background-color: #ACACAC;
            }

            #StepsTabs .StepsLists ul li a.active {
                color: #005CAA;
            }

                #StepsTabs .StepsLists ul li a.active span {
                    display: inline-block;
                    position: relative;
                    border-bottom: solid 3px #289238;
                    padding-bottom: 5px;
                }

                #StepsTabs .StepsLists ul li a.active::before {
                    background-color: #005CAA;
                }

#StepsTabs .StepsForm {
    background-color: #F5F5F5;
    padding: 40px;
}

    #StepsTabs .StepsForm #StepsFormField .form-control {
        background-color: #FFFFFF;
        width: 100%;
        border: solid 1px #e4e4e4;
        margin-bottom: 20px;
        padding: 10px 10px;
        height: 50px;
    }

    #StepsTabs .StepsForm #StepsFormField .YesBox {
        margin-top: 20px;
        background-color: #FFFFFF;
        padding: 20px;
        border-radius: 10px;
        border: solid 1px #e4e4e4;
        margin-bottom: 50px;
    }

    #StepsTabs .StepsForm .custom02 input[type="radio"] {
        display: none;
    }

    #StepsTabs .StepsForm .custom02 label {
        position: relative;
        display: inline-block;
        padding: 3px 12px 3px 28px;
        cursor: pointer;
        font-size: 20px;
        color: #747474;
    }

        #StepsTabs .StepsForm .custom02 label::before,
        #StepsTabs .StepsForm .custom02 label::after {
            position: absolute;
            content: '';
            top: 50%;
            border-radius: 100%;
            -webkit-transition: all .2s;
            transition: all .2s;
        }

        #StepsTabs .StepsForm .custom02 label::before {
            left: 0;
            width: 20px;
            height: 20px;
            margin-top: -10px;
            background: #f3f3f3;
            border: 1px solid #a3a3a3;
        }

        #StepsTabs .StepsForm .custom02 label:hover::before {
            background: #fff;
        }

        #StepsTabs .StepsForm .custom02 label:hover {
            color: #333;
        }

        #StepsTabs .StepsForm .custom02 label::after {
            opacity: 0;
            left: 4px;
            width: 12px;
            height: 12px;
            margin-top: -6px;
            background: #3498db;
            -webkit-transform: scale(2);
            transform: scale(2);
        }

    #StepsTabs .StepsForm .custom02 input[type="radio"]:checked + label::before {
        background: #fff;
        border: 1px solid #3498db;
    }

    #StepsTabs .StepsForm .custom02 input[type="radio"]:checked + label::after {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

#StepsTabs #VerifyCode {
    margin-bottom: 50px;
}

    #StepsTabs #VerifyCode .form-control.EmailBox {
        width: 430px;
        display: inline-block;
        margin-right: 20px;
    }

    #StepsTabs #VerifyCode #otp_submit, #StepsTabs #VerifyCode #Verify {
        display: inline-block;
        background-color: #005CAA;
        border: none;
        color: #FFFFFF;
        font-size: 20px;
        font-weight: 700;
        width: 130px;
        padding: 8px;
        font-size: 14px;
        width: 100px;
    }

    #StepsTabs #VerifyCode #Verify {
        font-size: 20px;
        border-radius: 5px;
    }

    #StepsTabs #VerifyCode #otp_submit {
        background-color: #2a99fb;
    }

    #StepsTabs #VerifyCode label {
        display: block;
        font-size: 18px;
        color: #747474;
    }

#StepsTabs #ReportingForm .form-control {
    background-color: #FFFFFF;
    width: 100%;
    border: solid 1px #e4e4e4;
    margin-bottom: 20px;
    padding: 10px 10px;
    height: 50px;
}

#StepsTabs #ReportingForm .custom02 label {
    font-size: 18px;
    color: #747474;
}

#StepsTabs #ReportingForm .title-24 {
    margin-bottom: 20px;
}

#StepsTabs select {
    appearance: none;
    background: url(../png/down-chevron.png) no-repeat 95% center;
    background-size: 15px;
}

#StepsTabs #SubmitButton {
    display: inline-block;
    background-color: #005CAA;
    border: none;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 700;
    width: 130px;
    padding: 8px;
    font-size: 14px;
    width: 100px;
}

.subsidiaries-pdf-sec .tab-content {
    margin-top: 24px;
}

.subsidiaries-pdf-sec .tab-pane {
    padding: 20px;
    margin-bottom: 60px;
}

.contact-us-form {
    padding-right: 60px;
}

    .contact-us-form input {
        width: 100%;
    }

    .contact-us-form label {
        width: 100%;
        margin-bottom: 20px;
    }

    .contact-us-form input[type="submit"] {
        background-color: #005CAA;
        border: none;
        color: #FFFFFF;
        font-size: 20px;
        font-weight: 700;
        width: 130px;
        margin-top: 15px;
        padding: 7px;
        border-radius: 4px;
    }

    .contact-us-form label span {
        margin-top: 8px;
        display: block;
    }

.job-posting-sec {
    padding-top: 60px;
    padding-left: 35px;
    padding-right: 44px;
}

    .job-posting-sec .shareholder-info-box ul {
        margin-top: 25px;
    }
/*update css*/
.header-rhs-wrp .head-top-bar {
    padding-right: 20px;
}

#mediaGallery .fixed-container2 {
    width: 60% !important;
}

@media (min-width: 320px) and (max-width: 767px) {
    #mediaGallery .fixed-container2 {
        width: 100% !important;
    }
}

.level-three:hover {
    color: #005CAA !important;
    background-color: #FFF !important;
    text-decoration: none;
}

.level-three {
    padding-bottom: 8px;
}

.nav-tab-container ul li:hover .temp_box {
    height: 100% !important;
}

.nav-tab-container ul li .nav-box .hover_debt:hover, .nav-tab-container ul li .nav-box .hover_debt.active {
    color: #005CAA !important;
    background: #FFF !important;
    text-decoration: none !important;
}

.nav-tab-container ul li .nav-box .hover_debt {
    position: relative; /* Needed for :before absolute positioning */
    padding-bottom: 8px !important;
    margin-top: 6px;
}

.hover_debt::after {
    content: '';
    position: absolute;
    width: 2px;
    height: 25px;
    background: linear-gradient(180deg, #289238 0%, #005CAA 100%);
    right: 0;
    top: 5px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.hover_debt:hover::after,
.nav-tab-container ul li .nav-box .hover_debt.active:hover::after {
    opacity: 1;
}

.nav-tab-container ul li .temp_box {
    left: 280px !important;
}

.nav-tab-container ul {
    width: 280px;
}

@media only screen and (min-width: 992px) {
    .navbar .dropdown-menu {
        height: 480px;
    }
}

@media only screen and (min-width: 280px) and (max-width: 991px) {
    .nav-tab-container ul {
        width: 100%;
    }
}

@media (max-width: 992px) {
    .nav-tab-container ul li .temp_box {
        width: 100%;
        left: 0px !important;
    }
}


.csr-img {
    margin-top: 20px;
    position: relative;
    display: inline-block;
    overflow: hidden;
    cursor: pointer;
}

    .csr-img img {
        width: 290px;
        display: block;
        transition: transform 0.4s ease;
    }

    .csr-img .overlay {
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.4);
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0;
        transition: opacity 0.4s ease;
    }

        .csr-img .overlay i {
            font-size: 40px;
            color: #fff;
            transition: transform 0.3s ease;
        }

    .csr-img:hover img {
        transform: scale(1.05);
    }

    .csr-img:hover .overlay {
        opacity: 1;
    }

        .csr-img:hover .overlay i {
            transform: scale(1.1);
        }

/* Modal background */
.custom-modal {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.85);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

    /* Show modal */
    .custom-modal.active {
        display: flex;
    }

/* Modal content (video box) */
.custom-modal-content {
    position: relative;
    width: 80%;
    max-width: 900px;
    background: #000;
    border-radius: 8px;
    overflow: hidden;
    /* Start hidden (off-screen right) */
    transform: translateX(100%);
    opacity: 0;
    transition: transform 1s ease, opacity 1s ease; /* slow + smooth */
}

/* Animate in when modal is active */
.custom-modal.active .custom-modal-content {
    transform: translateX(0);
    opacity: 1;
}

.custom-modal video {
    width: 100%;
    height: auto;
    display: block;
}

.close-btn {
    position: absolute;
    top: 6px;
    right: 10px;
    font-size: 33px;
    color: #fff;
    cursor: pointer;
    z-index: 10000;
}

#inner-banner {
    position: relative;
}

.csr-label {
    position: absolute;
    top: 62%;
    right: 22px;
    transform: translateY(-50%) rotate(90deg);
    background: #005CAA;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 20px;
    letter-spacing: 1px;
    transform-origin: right center;
    white-space: nowrap;
    cursor: pointer;
}

.font-style {
    font-size: 20px;
    font-weight: 700;
    color: #005CAA;
    margin-top: 10px;
}

#openModal3:hover {
    color: #005CAA !important;
    font-size: 12px !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    border-bottom: solid 1px #005CAA;
}