@keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    to {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-30px)
    }

    60% {
        transform: translateY(-15px)
    }
}

@keyframes smoothScroll {
    0% {
        transform: translateY(-40px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes shake-circle-01 {
    0% {
        transform: translate(-8px, -14px)
    }

    33% {
        transform: translate(-10px, -14px)
    }

    66% {
        transform: translate(-10px, -16px)
    }

    to {
        transform: translate(-8px, -16px)
    }
}

@font-face {
    font-family: Lato;
    src: url(../fonts/Lato-Regular.woff2) format("woff2"), url(../fonts/Lato-Regular.woff) format("woff"), url(../fonts/Lato-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Lato;
    src: url(../fonts/Lato-Black.woff2) format("woff2"), url(../fonts/Lato-Black.woff) format("woff"), url(../fonts/Lato-Black.ttf) format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Lato;
    src: url(../fonts/Lato-Semibold.woff2) format("woff2"), url(../fonts/Lato-Semibold.woff) format("woff"), url(../fonts/Lato-Semibold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Lato;
    src: url(../fonts/Lato-Bold.woff2) format("woff2"), url(../fonts/Lato-Bold.woff) format("woff"), url(../fonts/Lato-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

body {
    overflow-x: hidden;
    font-family: Lato;
    font-size: 16px;
    color: #000
}

/* Manali 24-06-2026 New logo css */

.certification-logos-container {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 20px 0;
    margin-bottom: 30px;
    background: #fff;
}

.certification-logos-track {
    display: flex;
    align-items: center;
    width: max-content;
    animation: logo-scroll 40s linear infinite;
}

.certification-logos-track img {
    width: 120px;
    height: 80px;
    object-fit: contain;
    margin: 0 25px;
    transition: transform 0.3s ease;
}

.certification-logos-track img:hover {
    transform: scale(1.1);
}

.certification-logos-container:hover .certification-logos-track {
    animation-play-state: paused;
}

@keyframes logo-scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

/* Mobile */
@media (max-width: 768px) {
    .certification-logos-track img {
        width: 90px;
        height: 60px;
        margin: 0 15px;
    }

    .certification-logos-track {
        animation-duration: 25s;
    }
}

/* End */


a {
    text-decoration: underline;
    text-decoration-color: #ffffff00
}

/* CSS scoped to #divident_page_css */
#divident_page_css .th_custom {
    font-size: 13px !important;
    padding: 10px !important;
}

#divident_page_css .tabs {
    display: flex;
    border-bottom: 1px solid #ddd;
}

#divident_page_css .tab {
    padding: 10px 20px;
    cursor: pointer;
    border: 1px solid #ddd;
    border-bottom: none;
}

#divident_page_css .tab-content {
    display: none;
}

#divident_page_css .tab-content.active {
    display: block;
}

#divident_page_css .tab:not(.active):hover {
    background-color: #f1f1f1;
}

#divident_page_css .tab.active {
    background-color: #007bff;
    color: white;
    border: 1px solid #007bff;
    border-bottom: 1px solid #fff;
}

#divident_page_css .card {
    margin-top: 20px;
}

#divident_page_css .hidden {
    display: none;
}

#divident_page_css .custom_td {
    font-size: 10px !important;
    padding: 10px !important;
}

.cop-overview-bgcolor:before {
    content: "";
    background: #d6d7d5;
    width: 100%;
    height: 191vh !important;
    position: absolute;
    margin-top: 11%;
}

.rd_cop-overview-bgcolor:before {
    content: "";
    background: #d6d7d5;
    width: 100%;
    height: 76% !important;
    position: absolute;
    margin-top: 11%;
}

/*latest chnage for corporate_overview  page*/

.preferred-partner-main {
    display: flex;
    align-content: center;
    /*     justify-content: center; */
    align-items: center;
    height: 150px;
}

.preferred-partner-main {
    position: relative;
}

.preferred-partner-main .preferred-partner-3::after {
    content: '';
    position: absolute;
    bottom: 120px;
    left: 0px;
    width: 100%;
    height: 30px;
    background: linear-gradient(to top right, transparent 50%, #00000063);
}

.preferred-partner-wrap {
    display: flex;
    /* Use flexbox for layout */
    align-items: center;
    /* Align items vertically */
    list-style: none;
    /* Remove bullet point */
    margin: 0;
    /* Remove default margin */
    padding: 10px;
    /* Remove default padding */
}

.preferred-partner-1 {
    font-size: 76px;
    margin-right: 5px;
    color: white;
    font-weight: 700;
}

.preferred-partner-2 {
    color: white;
    font-size: 36px;
    margin-left: 10px;
    line-height: 1;
}

.preferred-partner-3 {
    color: white;
    font-size: 16px;
    padding: 10px;

}

@media (max-width: 767px) {
  .preferred-partner-3 {
    font-size: 14px;
  }
}

#financial-statement-subsidiary-new .accordion h3 {
    color: #fff;
    font-size: 26px !important;
    margin-bottom: 30px
}

#cards_landscape_wrap-2 .card-textt {
    margin-top: 0px !important
}

#cards_landscape_wrap-2 .card-flyer .text-box .text-padding {
    padding: 20px !important
}

#specialty-chemical-table .product-api-learnmore-btn:hover {
    color: #a0bf48 !important
}

.request-ethly-acetateproduct-btn {
    margin-top: 12%;
    margin-bottom: 2%;
    margin-left: 4%;
    text-align: center;
    padding-top: 171px
}

.request-ethly-btn {
    background: #529E3E !important
}

.circle-maker {
    background: #000;
    border-radius: 50%;
    width: 20px;
    height: 20px
}

.sec-of-machanism-action-clopi {
    margin-top: 0px
}

.machanism-action-row {
    padding-top: 5%
}

.cphi-japan-uni-btn {
    color: #ffffff !important;
    text-align: center;
    margin-left: -13%;
    font-size: 21px !important;
    width: 20% !important;
    font-weight: 600;
    padding: 10px 10px 10px 10px !important
}

.carousel-caption .cphi-japan-uni-btn {
    margin-top: 485px !important
}

.main-nav .sub-menu-block .imgcontent {
    height: 35%
}

a:hover {
    cursor: pointer
}

.news-re-butn-slot a {
    cursor: pointer;
    font-size: 20px;
    text-decoration: underline !important
}

#cards_landscape_wrap-2 .card-flyerr:hover,
#cards_landscape_wrap-2 .card-flyerr,
#cards_landscape_wrap-2 .card-flyerr .image-box img {
    color: #ffffff !important;
    width: 100% !important
}

.imgmore a:hover,
#api-table .product-api-learnmore-btn:hover,
.product-loding-btn:hover {
    color: #a0bf48 !important
}

.dcat-uni-btn {
    color: #ffffff !important;
    text-align: center;
    margin-left: -13%;
    font-size: 21px !important;
    width: 30% !important;
    font-weight: 600;
    padding: 10px 10px 10px 10px !important
}

.carousel-caption .dcat-uni-btn {
    margin-top: 335px !important
}

.dcat-uni-btn:hover {
    color: #000000 !important
}

.api-pdf-ourproduct {
    margin-left: 31%
}

.api-pdf-block {
    position: absolute;
    bottom: 15px;
    margin-left: 60px
}

#product-listing-search a::before,
.regulatory-our-product a::before {
    content: "";
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    background: url(/images/product_download.png) no-repeat center center;
    margin-top: 5px;
    left: 38px
}

#product-listing-search a,
.regulatory-our-product a {
    cursor: pointer;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    background-color: #95c158;
    color: #fff !important;
    word-break: break-word;
    display: block;
    text-align: center;
    text-decoration: none;
    line-height: 17px;
    padding: 18px 10px;
    padding-top: 12px;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    left: -40px;
    top: -69px
}

#product-listing-search a:hover,
.regulatory-our-product a:hover {
    color: #fff !important
}

.arrow-ul-listing {
    list-style: none;
    padding: 0
}

.arrow-listing {
    background-image: url("data:image/svg xml,<svg style='color: rgb(255, 193, 7);' xmlns='http://www.w3.org/2000/svg' width='16' height='22' fill='currentColor' class='bi bi-arrow-right-circle' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8zm15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z' fill='#ffc107'></path></svg>");
    background-repeat: no-repeat;
    padding-left: 40px;
    margin-right: 10px
}

#cards_landscape_wrap-2 .overlay {
    background-color: rgba(0, 0, 0, 0.8) !important
}

#cards_landscape_wrap-2 a {
    text-decoration: none;
    outline: none
}

#cards_landscape_wrap-2 .card-flyer {
    border-radius: 1px
}

#cards_landscape_wrap-2 .card-flyer .image-box {
    background: #ffffff;
    overflow: hidden;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
    border-radius: 1px
}

#cards_landscape_wrap-2 .card-flyer .image-box img {
    -webkit-transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    -ms-transition: all 0.9s ease;
    height: 200px;
    opacity: 0.3;
    transform: scale(1.15);
    background-color: rgba(251, 251, 251, 0.2)
}

#cards_landscape_wrap-2 .card-flyer:hover .image-box img {
    opacity: 1;
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15)
}

#cards_landscape_wrap-2 .card-flyer .text-box .text-container {
    padding: 10px
}

#cards_landscape_wrap-2 .card-flyer {
    background: #e6e6e6;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4)
}

#cards_landscape_wrap-2 .card-flyer:hover {
    color: #a0bf48;
    cursor: pointer;
    background: #e6e6e6;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in
}

#cards_landscape_wrap-2 .card-flyer .text-box h5 {
    margin-top: 0px;
    margin-bottom: 4px;
    font-weight: 1000;
    color: #000000;
    font-size: 16px;
    font-weight: 900
}

#cards_landscape_wrap-2 .card-text {
    font-size: 22px;
    margin-top: 20px
}

#cards_landscape_wrap-2 a:hover {
    color: #000000
}

#product-listing-card .product-category {
    font-size: 16px !important;
    font-weight: 1000 !important;
    color: #ffffff
}

.manufacturing-accred1 {
    background: #e6e6e6
}

.manufacturing-accred1 table td {
    padding: 13px;
    text-align: left !important;
    vertical-align: top;
    border-left: 1px solid #fff
}

.carousel-item {
    transition: -webkit-transform 0.9s ease !important;
    transition: transform 0.9s ease !important;
    transition: transform 0.9s ease, -webkit-transform 0.9s ease !important
}

.serch-product-list-btn {
    background: transparent !important;
    border-width: 1px !important;
    border-style: outset !important;
    border-color: #eeb337 !important;
    margin-left: 8px;
    outline: 0px !important
}

.product-listing-page-btn {
    text-align: center
}

.product-listing-page-btn button::before {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background: url(/images/product-loding-btn.svg) no-repeat center right;
    background-size: 20px;
    position: absolute;
    right: 30px;
    top: 10px
}

.product-listing-page-btn button:hover::before {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background: url(/images/product-loding-btn-hover.svg) no-repeat center right;
    background-size: 20px;
    position: absolute;
    right: 30px;
    top: 10px
}

.product-loding-btn {
    font-family: "Lato";
    font-size: 18px !important;
    padding: 10px 10px 10px 10px;
    color: #ffffff !important;
    background: #000000;
    border: none !important;
    width: 170px;
    height: 50px;
    line-height: 32px;
    border-radius: 5px;
    font-weight: bold;
    text-align: left;
    display: block;
    margin: 0 auto;
    text-decoration: none;
    position: relative;
    padding-left: 29px
}

.product-loding-btn a {
    color: #ffffff !important
}

#api-table .product-api-learnmore-btn,
#specialty-chemical-table .product-api-learnmore-btn {
    text-decoration: none;
    text-align: center;
    color: #ffffff;
    background-color: #212529;
    font-size: 16px;
    display: block;
    padding: 5px 9px
}

#product-listing-search .charatersearch {
    margin-left: 6%
}

#api-table td,
#api-table th {
    padding: 8px !important;
    font-size: 17px !important
}

#product-listing-search .search input {
    width: 70%;
    text-align: center;
    margin-left: 15%;
    height: 0px;
    border-radius: 9px;
    text-align: left;
    border: none;
    outline: none;
    padding: 21px 25px;
    margin-bottom: 30px
}

#product-listing-search .search-button {
    font-family: "Lato";
    font-size: 16px !important;
    text-align: center;
    padding: 10px 10px 10px 10px;
    background: #000000;
    color: #ffffff !important;
    cursor: pointer;
    margin-top: 30px;
    margin-bottom: 30px;
    border-radius: 5px;
    width: 10%;
    box-shadow: 0px 6px 0px 0px #000, 0px 0px 10px 0px rgb(120 120 120 / 40%);
    border: none !important
}

#product-listing-search .search-button:active {
    box-shadow: 0px 5px 0px 0px #000000
}

.serch-product-list {
    background-color: #d6d7d53d;
    padding: 15px
}

button:focus {
    outline: 0px !important
}

#product-listing-card .card-body1 {
    margin-top: 58px
}

#product-listing-card .card h3 {
    margin-top: 25px;
    color: #ffffff;
    margin-bottom: 30px;
    font-size: 29px;
    font-weight: 500;
    height: 60px
}

#product-listing-card .card-image-bg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

#product-listing-card .card h6 {
    color: #ffffff;
    font-size: 1.3rem;
    line-height: 140%
}

#product-listing-card .card {
    background-color: rgba(255, 255, 255, 0.5);
    position: relative
}

#product-listing-card .card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: inherit;
    filter: blur(2px)
}

#product-listing-card .product-card {
    background: #eeb337 !important
}

#product-listing-card .product-listing-arrow-img {
    margin-top: 25px
}

#product-listing-card .card:hover {
    background-color: rgba(255, 255, 255, 0.5)
}

#product-listing-card .product-card:hover {
    background-color: rgba(255, 255, 255, 0.5)
}

#product-listing-card .vertical-center-newsbtn {
    display: flex;
    justify-content: left !important
}

#news-card1 .card-body {
    border-top: 0px solid #ddd !important;
    border-radius: 0;
    background: #eeb337;
    color: #fff;
    padding: 1.25rem;
    height: 215px
}

#news-card1 .card h3 {
    margin-top: 25px;
    color: #ffffff;
    margin-bottom: 2rem;
    font-size: 2rem;
    font-weight: 500
}

#news-card1 .card h6 {
    color: #ffffff;
    font-size: 1.3rem;
    line-height: 140%
}

#news-card1 .card-body1 {
    background: #529e3e !important
}

#news-card1 .card {
    background-color: #f7f3f3 !important;
    border: 0 !important;
    display: inline-block;
    width: 100%;
    height: 320px;
    padding: 0rem 0rem 0rem 0rem;
    position: relative
}

#news-card1 .card:after {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    background-color: rgb(255 255 244);
    top: 0px;
    right: 0px;
    position: absolute
}

#news-card1 .card:before {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    bottom: 0px;
    left: 0px;
    position: absolute;
    margin-right: 10%
}

#news-card1 .card:nth-of-type(1) {
    margin-right: 1%
}

/* #product-listing-img {
    background: url(../images/productlisting-bg-section-img.jpg) no-repeat;
    background-size: cover;
    height: 400px
} */

#individual-news-img {
    background: url(../uploads/individual-news-bg-img.jpg) no-repeat;
    background-size: cover;
    height: 400px
}

#individual-news-second-img {
    background: url(../uploads/individual-news1-bg-img1.jpg) no-repeat;
    background-size: cover;
    height: 400px
}

#news-img .main-head,
#individual-news-img .main-head,
#individual-news-second-img .main-head,
#product-listing-img .main-head {
    margin-top: -100px !important
}

#news-about {
    display: block;
    margin-top: -47px
}

#news-card .card-body {
    border-top: none;
    border-radius: 0;
    background: #eeb337;
    color: #fff;
    padding: 1.25rem;
    margin-top: -14px;
    height: 250px
}

#news-card .card-body:hover {
    background: transparent
}

#news-card .card {
    background-color: #f7f3f3;
    border: 0 !important
}

#news-card .card:hover {
    background: transparent
}

#news-card .card-body1 {
    background: #529e3e
}

.news-info-section {
    color: #000000;
    font-size: 20px;
    padding-right: 20px
}

.vertical-center-newsbtn {
    display: flex;
    justify-content: center
}

.news-subcard-section {
    text-align: center;
    font-size: 36px !important;
    font-weight: 900;
    margin-top: 25px
}

.news-text-ov {
    font-size: 19px;
    margin-top: 25px;
    font-weight: 700;
    color: #fff
}

.readmore-news-button {
    font-family: "Lato";
    font-size: 16px !important;
    text-align: center;
    padding: 10px 10px 10px 10px;
    background: #000000;
    color: #ffffff !important;
    margin-top: 30px;
    margin-bottom: 30px;
    border-radius: 5px;
    width: 65%;
    border: none !important
}

#news-top {
    margin-top: 5%;
    height: 40px;
    background: #b2b2b2
}

#ibu-top {
    margin-top: 5%;
    height: 40px;
    background: #b2b2b2
}

.ibu-us-row {
    padding-top: 5%
}

.indication-section {
    margin-left: 10%
}

#footer-imgbg {
    background: url(../images/Pantoprazole-Section-Image.jpg) no-repeat;
    background-size: cover;
    height: 400px
}

#ibu-sec .page-cm-head,
#ibuprofen-head .page-cm-head,
#ibu-indicationsection .page-cm-head {
    font-size: 40px !important;
    font-weight: 900;
    color: #000000
}

.indication-p {
    font-family: Lato;
    font-size: 16px;
    color: #000;
    font-weight: 400 !important
}

#ibuprofen-about1 {
    display: block
}

#ibuprofen-about {
    display: none
}

.ask-an-expert {
    display: none !important
}

#ibuprofenproduct,
#metforminproduct,
#pantoprazoleproduct,
#clopidogrelproduct,
#lamotrigine,
#paracetamolproduct,
#levetiracetamproduct,
#losartan-potassiumproduct,
#ethly-acetateproduct,
#gabapentin,
#acetic-anhydride,
#fenofibrate {
    color: #fff !important
}

#ibuprofenproduct .main-head,
#metforminproduct .main-head,
#pantoprazoleproduct .main-head,
#clopidogrelproduct .main-head,
#lamotrigine .main-head,
#paracetamolproduct .main-head,
#levetiracetamproduct .main-head,
#losartan-potassiumproduct .main-head,
#paracetamolproductbtn .main-head,
#ethly-acetateproduct .main-head,
#gabapentin .main-head,
#acetic-anhydride .main-head,
#fenofibrate .main-head {
    margin-top: -97px !important
}

#ibuprofenproduct .invest-head,
#metforminproduct .invest-head,
#pantoprazoleproduct .invest-head,
#clopidogrelproduct .invest-head,
#lamotrigine .invest-head,
#paracetamolproduct .invest-head,
#levetiracetamproduct .invest-head,
#losartan-potassiumproduct .invest-head,
#paracetamolproductbtn .invest-head,
#ethly-acetateproduct .invest-head,
#gabapentin .invest-head,
#acetic-anhydride .invest-head,
#fenofibrate .invest-head {
    font-size: 30px;
    font-weight: 900;
    margin-bottom: 15px;
    margin-top: 28%;
    color: #ffffff;
    margin-left: 12%
}

#ethly-acetateproduct {
    background: url(../images/ehaly-bg-min.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    height: 100%;
    background-size: cover
}

#fenofibrate {
    background: url(../images/fenofibrate-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    height: 100%;
    background-size: cover
}

#acetic-anhydride {
    background: url(../images/acetic-anhydride-bag.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    height: 100%;
    background-size: cover
}

#ibuprofenproduct {
    background: url(../images/ibu-page-banner-image.webp);
    background-repeat: no-repeat;
    background-position: top;
    height: 100%;
    background-size: cover
}

#metforminproduct {
    background: url(../images/metformin-hydrochloride-banner-image.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    height: 100%;
    background-size: cover
}

#pantoprazoleproduct {
    background: url(../images/pantoprazole-banner-image.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    height: 100%;
    background-size: cover
}

#clopidogrelproduct {
    background: url(../images/clopidogrel-bisulfate-bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    height: 100%;
    background-size: cover
}

#lamotrigine {
    background: url(../images/lamotrigine-bag.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    height: 100%;
    background-size: cover
}

#paracetamolproduct {
    background: url(../images/paracetamol-bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    height: 100%;
    background-size: cover
}

#levetiracetamproduct {
    background: url(../images/levetiracetamproduct-bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    height: 100%;
    background-size: cover
}

#losartan-potassiumproduct {
    background: url(../images/losartan-potassiumproduct-bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    height: 100%;
    background-size: cover
}

#gabapentin {
    background: url(../images/gabapentin-bag.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    height: 100%;
    background-size: cover
}

.request-ibuproduct-btn {
    margin-top: 25%;
    margin-bottom: 2%;
    margin-left: 4%
}

.request-ibu-button {
    font-family: "Lato";
    font-size: 16px !important;
    text-align: center;
    padding: 10px 28px 10px 28px;
    background: #dd8615;
    color: #ffffff !important;
    margin-top: 10px;
    display: inline;
    border-radius: 5px;
    margin-left: -5px;
    width: 59%;
    border: none !important
}

.request-ibu-button1 {
    font-family: "Lato";
    font-size: 16px !important;
    text-align: center;
    padding: 10px 44px 10px 44px;
    background: #000000;
    color: #ffffff !important;
    margin-top: 10px;
    display: inline;
    border-radius: 5px;
    margin-left: -5px;
    width: 59%;
    border: none !important
}

.requestsample {
    margin-bottom: 20px;
    margin-top: 23%;
    margin-left: 2%
}

.ibuprofenproductmobileview {
    background: #4f9e45;
    position: relative;
    z-index: 2;
    margin-top: -124px
}

#ibuprofenproductmobile {
    display: none
}

.requestsample1 {
    margin-top: 23%;
    margin-left: -16%
}

.ibu-card-body {
    padding-top: 3px !important;
    padding-bottom: 0px !important;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    background-color: #edb337 !important;
    border-radius: 0rem !important
}

.ibu-card-body1 {
    padding-top: 3px !important;
    padding-bottom: 0px !important;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    background-color: #519d3d !important;
    border-radius: 0rem !important
}

.mechanism-expertise-area {
    background: #ffffff;
    position: relative;
    z-index: 2
}

.machanism-expertise-section {
    font-size: 28px !important;
    font-weight: 900;
    color: #000000
}

.machanism-action-section {
    font-size: 40px !important;
    font-weight: 900;
    color: #000000
}

img {
    max-width: 100%;
    height: auto
}

.cphi-btn {
    background: #529e3e !important;
    width: 30%;
    margin-top: 33%;
    color: #fff;
    margin-left: -125px;
    font-weight: 600;
    display: block;
    padding: 6px 10px 7px 10px;
    font-size: 29px
}

.cphi-btn span {
    margin-left: 10px
}

.box-btnibu {
    background: #dd8615;
    color: #fff;
    display: block;
    font-size: 17px;
    position: relative;
    padding: 5px 67px 5px 36px
}

.brochure-download-btn1 {
    font-size: 18px;
    text-align: center;
    padding: 5px 28px 5px 28px;
    background: #dd8615;
    color: #ffffff !important;
    margin-top: 10px;
    display: inline-block;
    border-radius: 5px;
    margin-left: -5px;
    width: 57%;
    border: none !important
}

.brochure-download-btn {
    font-size: 18px;
    text-align: center;
    padding: 5px 43px 5px 43px;
    background: #000000;
    color: #ffffff !important;
    margin-top: 10px;
    display: inline-block;
    border-radius: 5px;
    margin-left: -5px;
    width: 57%;
    border: none !important
}

.brochure-download-btnn {
    font-size: 18px;
    text-align: center;
    padding: 5px 70px 5px 70px !important;
    background: #000000;
    color: #ffffff !important;
    margin-top: 10px;
    display: inline-block;
    border-radius: 5px;
    margin-top: 1%;
    text-align: center;
    border: none !important;
    width: 70% !important;
    margin-left: 40px
}

.cphi-btn:hover {
    text-decoration: none;
    color: #fff !important
}

.modal-content {
    background-color: #fff0 !important
}

.cphi-heading {
    font-family: Lato;
    color: #000;
    font-weight: 900;
    font-size: 32px
}

.cphisec2-heading {
    font-family: Lato;
    color: #0f5680;
    font-weight: 900;
    font-size: 60px
}

.cphi-landing-text {
    margin-bottom: 10px
}

.cphi-landing-text img {
    display: inline-block;
    vertical-align: top
}

.cphi-landing-text h6 {
    display: inline-block;
    color: #464646;
    font-family: "Lato";
    font-size: 18px;
    font-weight: 600;
    margin-left: 15px
}

.cphi-landing-text h5 {
    display: inline-block;
    color: #464646;
    font-family: "Lato";
    font-size: 18px;
    font-weight: 600
}

.cphipopup-btn {
    background: #529e3e !important;
    width: 50%;
    text-align: center;
    color: #fff;
    margin-top: 40%;
    margin-left: 100px;
    font-weight: 600;
    display: block;
    padding: 6px 0px 6px 0px;
    font-size: 16px
}

.cphipopup-btn:hover {
    text-decoration: none;
    color: #fff !important
}

.cphipopup-btn span {
    margin-left: 10px
}

.availableforreference {
    height: 10px;
    width: 10px !important;
    background-color: #cd8bbc;
    border-radius: 50%;
    display: inline-block
}

.granted {
    height: 10px;
    width: 10px !important;
    background-color: #f9a31f;
    border-radius: 50%;
    display: inline-block
}

.ready {
    height: 10px;
    width: 10px !important;
    background-color: #4c297b;
    border-radius: 50%;
    display: inline-block
}

.filed {
    height: 10px;
    width: 10px !important;
    background-color: #00aeef;
    border-radius: 50%;
    display: inline-block
}

.registered {
    height: 10px;
    width: 10px !important;
    background-color: #0059a8;
    border-radius: 50%;
    display: inline-block
}

.available {
    height: 10px;
    width: 10px !important;
    background-color: #0e813f;
    border-radius: 50%;
    display: inline-block
}

.in-page-bg-ibuprofen:before {
    content: "";
    background: #d6d7d5;
    width: 100%;
    height: 1.4%;
    position: absolute;
    margin-top: 3.5%;
    z-index: 0
}

.img-ibuprofen {
    margin-top: -7%
}

.mechanism-tabbed-area {
    background: #dee2e6;
    position: relative;
    z-index: 2
}

.mechanism-tabbed-area1 {
    background: #519d3d;
    position: relative;
    z-index: 2
}

.machanism-action-section1 {
    color: #000000
}

.abt-us-row {
    padding-top: 3%
}

.mechanism-of-action {
    margin-top: 3%
}

.arrow-block1 {
    margin-top: -35px;
    margin-left: 49%
}

.arrow-img1 {
    position: relative;
    width: 30px;
    height: 22px;
    top: 13px;
    left: 7px
}

.arrow-btnibu {
    background: #dd8615;
    color: #d3d3d3;
    font-weight: bold;
    margin-top: -24px;
    width: 43px;
    height: 43px;
    position: absolute;
    text-transform: uppercase;
    display: flex;
    border-radius: 50px 50px 50px 50px;
    transition: all 0.7s ease;
    z-index: 999
}

@media (prefers-reduced-motion: reduce) {
    .arrow-btnibu {
        transition-duration: 0s
    }
}

.animation-disabled .arrow-btnibu {
    transition-duration: 0s !important
}

.machanism-action-sectionabt {
    font-size: 40px !important;
    font-weight: 900;
    color: #ffffff
}

.sec-of-machanism-action {
    margin-top: 60px
}

.machanism-action-sectionabt1 {
    color: #ffffff
}

.machanism-action-sectionabtt {
    color: #ffffff
}

.mechanism-contact {
    background-color: #ececec;
    margin-top: 0px
}

#business_request form-control {
    font-size: 16px;
    border: 0 !important;
    border-radius: 6px !important;
    font-family: Lato
}

.contact-mechanism-form {
    padding-top: 5%;
    padding-left: 5%;
    padding-right: 5%
}

.page-cm-head {
    font-size: 30px !important;
    font-weight: 900;
    color: #4d4d4d
}

.ibu-card-title {
    color: #fff;
    margin-top: 0.75rem;
    margin-left: 10px
}

.center-head {
    text-align: center
}

.home-box-slider1 {
    background: #ffffff !important
}

.indication {
    max-width: 100%;
    height: 70% !important
}

.sitemap {
    margin-top: 30px
}

.sitemapbtn {
    padding: 10px 16px;
    border-radius: 10px;
    text-align: center
}

.link-box .link-title {
    padding: 10px 16px;
    margin-bottom: 0
}

.link-box .link-list,
.link-box .link-list1 {
    list-style-type: none;
    position: relative;
    padding-top: 12px
}

.link-box .link-list1::before,
.link-box .link-list::before {
    content: "";
    position: absolute;
    top: 0;
    left: 16px;
    width: 2px;
    height: 100%;
    background-color: #a0bf48
}

.link-box .link-list li a,
.link-box .link-list1 li a {
    display: block;
    padding: 7px 5px;
    cursor: pointer
}

.mb_130 {
    margin-bottom: 130px
}

.mb_50 {
    margin-bottom: 50px
}

.mb_90 {
    margin-bottom: 90px
}

.mt_10 {
    margin-top: 10px
}

.mt_20 {
    margin-top: 20px
}

.mt_30 {
    margin-top: 30px
}

.mt_40 {
    margin-top: 40px
}

.mt_50 {
    margin-top: 50px
}

.mb_30 {
    margin-bottom: 30px
}

.mb_72 {
    margin-bottom: 81px
}

.imgcontent {
    width: 100%;
    float: left;
    padding: 10px 35px;
    background-color: #5ca692;
    font-size: 16px;
    text-decoration: dashed
}

.imgcontentorng {
    background: #df8e24
}

.sub-sub-menu {
    width: 100%;
    padding: 8px;
    background-color: #5ca692;
    font-size: 16px;
    text-decoration: dashed
}

.inv-menu {
    height: 70vh !important
}

.abt-esg-menu {
    padding: 30px 10px 10px;
    font-size: 18px;
    background: #df8e24
}

.abt-esg-menu .imgttitle h4 {
    font-size: 18px;
    font-weight: 900
}

.abt-esg-menu .imgttitle h4 a {
    font-size: 18px;
    font-weight: 600
}

.imgcontent_greenc {
    width: 100%;
    float: left;
    padding: 8px;
    background-color: #55a794;
    font-size: 16px;
    text-decoration: dashed
}

.imgttitle h4 a {
    text-decoration: dashed;
    color: #fff
}

.imgmore {
    list-style-type: none;
    text-decoration: dashed;
    margin-bottom: 10px;
    margin-top: 13px
}

.imgmore a {
    background-color: #000;
    text-decoration: dashed;
    padding: 5px 14px
}

.author {
    bottom: 15px;
    right: 15px;
    font-family: Lato-Black, sans-serif;
    font-size: 16px;
    color: #999
}

.author a {
    color: #777;
    text-decoration: dashed
}

.author a:hover {
    color: #00f
}

#investors-email-regis small,
.footer-list li a,
.ic.close,
.sec4-head b,
header.dark blockquote {
    color: #fff
}

.footer-list li a:hover {
    color: #fff !important
}

header.light blockquote {
    color: #000
}

blockquote {
    max-width: 1000px;
    margin: 0 auto;
    border-left: 0;
    padding: 20px
}

blockquote h2 {
    padding-right: 40px;
    margin: 0
}

header.dark blockquote a {
    color: orange
}

header.dark blockquote a,
header.light blockquote a {
    text-decoration: dashed
}

header.dark {
    background-color: #444
}

nav,
ul.main-nav>li>a {
    position: relative
}

header.dark nav {
    background-color: rgba(255, 255, 255, 0.5)
}

ul.main-nav {
    list-style-type: none;
    font-size: 0;
    max-width: 1200px;
    top: 25px;
    float: right;
    padding: 0 110px 0 0
}

ul.main-nav>li {
    padding: 0;
    height: 70px
}

ul.main-nav>li>a {
    display: block;
    padding: 2px 23px;
    font-weight: 400;
    box-sizing: border-box
}

ul.main-nav>li:hover>a {
    color: #fff !important;
    font-weight: 400;
    background-color: #96c059
}

ul.main-nav>li ul.sub-menu-lists {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: block
}

ul.main-nav>li ul.sub-menu-lists>li {
    padding: 2px 0
}

ul.main-nav>li ul.sub-menu-lists>li>a {
    font-size: 16px;
    text-decoration: underline;
    text-decoration-color: #ffffff00;
    cursor: pointer;
    color: #000
}

ul.main-nav>li>a {
    font-size: 16px;
    text-decoration: none !important;
    cursor: pointer;
    color: #000
}

.fixed ul.main-nav a span:hover,
.sub-menu-lists li a :hover,
ul.main-nav .sub-sub-menu h4 a:hover {
    color: #000 !important
}

.fixed ul.main-nav .sub-menu-lists a:hover,
.fixed ul.main-nav .sub-sub-menu h4 a:hover,
ul.main-nav .sub-menu-lists a:hover {
    color: #a0bf48 !important
}

.author,
.ic,
footer {
    position: fixed
}

.ic,
ul.main-nav>li {
    display: inline-block
}

.ic {
    cursor: pointer;
    right: 25px;
    width: 32px;
    height: 24px;
    text-align: center;
    top: 0;
    outline: 0
}

.ic.close {
    opacity: 0;
    font-size: 0;
    font-weight: 300;
    top: 8px;
    height: 40px;
    display: block;
    outline: 0
}

.ic.menu {
    top: 25px;
    z-index: 20
}

.ic.menu .line {
    height: 4px;
    width: 100%;
    display: block;
    margin-bottom: 6px
}

.ic.menu .line-last-child {
    margin-bottom: 0
}

.sub-menu-head {
    margin: 10px 0
}

.banners-area {
    margin-top: 20px;
    padding-top: 15px
}

.imgttitle h4,
blockquote {
    font-size: 16px
}

.imgmore {
    padding: 0
}

@media only screen and (min-width: 1200px) {

    .Overview,
    .w-o-o-o {
        font-family: Lato;
        color: #4d4d4d
    }

    .Overview {
        font-size: 125px !important;
        font-weight: 900
    }

    .w-o-o-o {
        font-size: 16px !important;
        line-height: 2.3 !important
    }

    .Allied,
    .Committed {
        font-size: 120px !important;
        font-family: Lato;
        color: #000;
        font-weight: 900
    }

    .Committed {
        color: #95c158
    }
}

@media only screen and (max-width: 768px) {
    div.mb_72 {
        margin-bottom: 0 !important
    }
}

@media only screen and (max-width: 800px) and (min-width: 770px) {
    .sub-sub-menu .mb_72 {
        margin-bottom: 14px !important
    }
}

@media only screen and (max-width: 1024px) and (min-width: 600px) {
    .w-o-o-o {
        display: block
    }

    .purposebr br,
    .service-second-table .service-second-table-box-inner br {
        display: block !important
    }

    .small-img {
        margin-bottom: 10px !important
    }

    #about {
        background: 0 0 !important
    }

    .land-img {
        width: 100%
    }

    .Allied,
    .Committed,
    .Overview {
        font-family: Lato;
        color: #000;
        font-weight: 900
    }

    .Committed,
    .Overview {
        color: #95c158
    }

    .Overview {
        color: #444749
    }

    .Overview_img {
        width: inherit
    }

    .sub-menu-head {
        color: orange;
        font-size: 16px
    }

    header.dark .ic.menu .line {
        background-color: #fff
    }

    header.light .ic.menu .line {
        background-color: #000
    }

    .ic.menu .line {
        -webkit-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center
    }

    @media (prefers-reduced-motion: reduce) {
        .ic.menu .line {
            transition-duration: 0s;
            transform: none
        }
    }

    .animation-disabled .ic.menu .line {
        transition-duration: 0s !important;
        transform: none !important
    }

    .ic.menu:focus .line {
        background-color: #fff !important
    }

    .ic.menu:focus .line:nth-child(1) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .ic.menu:focus .line:nth-child(2) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        margin-top: -10px
    }

    .ic.menu:focus .line:nth-child(3) {
        transform: translateY(15px);
        opacity: 0
    }

    .ic.menu:focus {
        outline: 0;
        opacity: 1
    }

    .ic.menu:focus~.ic.close {
        opacity: 1;
        z-index: 21;
        outline: 0
    }

    .ic.menu:hover {
        opacity: 1
    }

    nav {
        background-color: transparent
    }

    ul.main-nav {
        padding: 50px 0;
        position: fixed;
        right: 0;
        top: 0;
        width: 0;
        background-color: #000;
        height: 100%;
        -webkit-transition-property: background, width;
        -moz-transition-property: background, width;
        -o-transition-property: background, width;
        transition-property: background, width;
        -webkit-transition-duration: 0.6s;
        -moz-transition-duration: 0.6s;
        -o-transition-duration: 0.6s;
        transition-duration: 0.6s;
        z-index: 999;
        height: 100vh !important;
        overflow: scroll
    }

    .ic.menu:focus~.main-nav {
        width: 300px;
        background-color: #000
    }

    ul.main-nav>* {
        transition-property: opacity;
        transition-duration: 0.4s;
        opacity: 0
    }

    @media (prefers-reduced-motion: reduce) {
        ul.main-nav>* {
            transition-duration: 0s
        }
    }

    .animation-disabled ul.main-nav>* {
        transition-duration: 0s !important
    }

    .ic.menu:focus~.main-nav>* {
        opacity: 1
    }

    #policies-card .card br,
    ul.main-nav>li>a:after {
        display: none
    }

    ul.main-nav>li:first-child {
        border-radius: 0
    }

    ul.main-nav>li {
        display: block;
        border-bottom: 1px solid #444
    }

    ul.main-nav>li:hover>a,
    ul.main-nav>li>a {
        font-weight: 600;
        color: #fff
    }

    ul.main-nav>li ul.sub-menu-lists>li a {
        color: #eee;
        font-size: 16px
    }

    ul.main-nav>li:hover {
        background-color: transparent
    }

    ul.main-nav>li:hover>a {
        text-decoration: dashed
    }

    .ic.menu:focus~ul.main-nav>li>div.sub-menu-block {
        border-left: 0 solid #ccc;
        border-right: 0 solid #ccc;
        border-bottom: 0 solid #ccc;
        position: relative;
        visibility: visible;
        opacity: 1
    }

    .sub-menu-block {
        padding: 0 30px
    }

    .banners-area {
        padding-bottom: 0;
        border-top: 1px solid #444
    }

    .banners-area div {
        margin-bottom: 15px
    }

    #esg-overview h4.esg-landing-text {
        font-size: 22px !important
    }

    .menu .logo {
        width: 220px !important;
        margin-left: -20px !important
    }

    .ic.menu {
        display: block !important;
        right: 70px;
        top: 60px;
        z-index: 9999
    }

    .home-content .main-head {
        margin-bottom: 75px !important;
        margin-top: 50px !important
    }

    .Allied,
    .Committed {
        font-size: 70px !important
    }

    .home-left-img {
        width: 200px
    }

    .home-left-box h5 {
        font-size: 18px
    }

    .esg-in-boxes2 h4,
    .landing-text-home {
        font-size: 24px !important
    }

    .arrow-btn {
        margin: 0 auto !important
    }

    #home {
        height: 700px !important
    }

    #carousel1 .sec2-head {
        font-size: 26px
    }

    .carousel-caption p {
        font-size: 18px !important;
        width: 100%
    }

    .uni-btn {
        width: 27% !important
    }

    .dcat-uni-btn {
        width: 50% !important
    }

    .carousel-caption .dcat-uni-btn {
        margin-top: 280px !important
    }

    .card .box-btn {
        width: 90%
    }

    .com-box {
        margin-top: 70px !important;
        margin-bottom: 45px !important
    }

    #com-people .sec4-head {
        margin-top: -25px;
        font-size: 52px;
        margin-bottom: -10px
    }

    #com-people,
    #invest-sec,
    ul.main-nav>li {
        height: auto !important
    }

    #invest-contact .invest-contact-box p,
    .sec4-para {
        width: 100% !important
    }

    .fixed {
        z-index: 999
    }

    #com-people a.box-btn {
        width: 28% !important
    }

    .invest-box {
        margin-top: 80px !important;
        margin-bottom: 45px !important
    }

    ul.main-nav>li:first-child {
        margin-top: 50px
    }

    #carousel1 ol.carousel-indicators {
        bottom: 30px !important
    }

    #footer-img h3 {
        width: 100% !important;
        margin: 0 auto;
        margin-top: 100px !important;
        margin-bottom: 40px !important;
        font-size: 26px !important
    }

    .arrow-btn {
        width: 67px !important;
        height: 70px !important
    }

    .arrow-btn::after,
    .arrow-btn::before {
        height: 70px !important;
        width: 70px !important
    }

    .arrow-img {
        top: 18px !important
    }

    .fixed .ic.menu {
        top: 45px !important
    }

    .element,
    .element-home,
    .elementthree {
        display: none !important
    }

    .form-inline .form-group {
        display: block
    }

    .form-inline .form-control {
        display: block;
        width: 88%
    }

    footer .btn {
        margin-left: 0 !important;
        margin-top: 20px !important
    }

    .box-slider .slick-prev {
        left: -25px !important;
        z-index: 50;
        margin-top: -40px
    }

    .box-slider .slick-next {
        right: -25px !important;
        margin-top: -40px
    }

    .box-slider2 .slick-prev {
        left: -25px !important;
        z-index: 50
    }

    .box-slider2 .slick-next {
        right: -25px !important
    }

    .in-page-bg-api:before,
    .in-page-bg-awd:before,
    .in-page-bg-esg:before,
    .in-page-bg-gov:before {
        margin-top: 0 !important;
        height: 60% !important
    }

    .mob-landing-spc {
        padding-top: 25px
    }

    #promise .deal,
    .main-sub-head {
        margin-top: 0 !important
    }

    .main-head {
        margin-top: 10px !important
    }

    #footer-img {
        background-position: -238px 0 !important
    }

    .numbers {
        font-weight: 700;
        font-size: 70px !important
    }

    #mis-vis img {
        width: 320px !important;
        margin: 50px auto
    }

    .env-head,
    .numbers .counter-inner-span,
    .past-head h2 {
        font-size: 30px !important
    }

    .snip1273 {
        margin: 10px auto !important
    }

    .snip1273 p {
        font-size: 20px !important;
        margin-bottom: 20px !important
    }

    .esg-overview .env-boxes .env .snip1273 p,
    .esg-overview .env-boxes .water .snip1273 p,
    .snip1273 p {
        margin-left: 0 !important
    }

    .esg-overview .env-boxes .waste .snip1273 p {
        margin-left: -10px !important
    }

    .esg-overview .env-boxes .natural .snip1273 p,
    .esg-overview .env-boxes .plant .snip1273 p {
        margin-left: 0 !important
    }

    .esg-circle .box-btn,
    .esg-circle .gover-cir a.box-btn,
    .esg-circle .social-cir a.box-btn {
        width: 130px !important
    }

    .esg-boxes .box-btn {
        width: 70% !important;
        margin: 0 auto
    }

    .esg-boxes .esg-in-boxes {
        padding: 20px !important;
        text-align: center
    }

    #green-start h3.deal {
        font-size: 24px !important
    }

    #green-start .page-cm-head {
        font-size: 32px !important
    }

    .in-page-bg-lead:before {
        margin-top: 4% !important;
        height: 60% !important
    }

    .lead-second-box {
        margin-bottom: 20px
    }

    .lead-row {
        margin-top: 10px !important
    }

    .lead-white-box {
        height: 270px !important
    }

    .lead-white-box1 {
        height: 240px !important
    }

    .lead-white-box a.box-btn {
        width: 260px !important
    }

    .lead-white-box p {
        width: 100% !important;
        margin-bottom: 30px !important
    }

    #lead-second {
        padding-bottom: 20px
    }

    #green-start h3.deal,
    #our-history-home:before,
    .in-page-bg-manuc:before,
    .in-page-bg-poli:before,
    .in-page-bg-pur:before,
    .in-page-bg-spe_che:before {
        margin-top: 0 !important
    }

    .soc_landing_text {
        margin-left: 0 !important
    }

    #lead-second,
    #our-pur {
        height: auto !important
    }

    #our-pur .sec4-head2 {
        font-size: 88px !important;
        margin-bottom: 50px !important
    }

    #our-pur h2 {
        font-size: 40px !important
    }

    #policies-card .card {
        margin-bottom: 20px
    }

    #policies-card .card-body {
        height: 192px
    }

    #policies-card.card-text {
        position: absolute;
        bottom: 10px;
        right: 15px
    }

    #policies-card .card-text span {
        top: 0 !important
    }

    #investor h1.main-head {
        margin-top: -90px !important
    }

    #investor .main-sub-head {
        margin-left: 0 !important
    }

    .inv-top-spc {
        margin-top: 40px
    }

    #ibu-top {
        margin-top: 12%;
        height: 40px;
        background: #b2b2b2
    }

    .request-ibuproduct-btn {
        margin-top: 25%;
        margin-bottom: 2%;
        margin-left: -2%
    }

    #investor .invest-right-box {
        margin-top: 40px;
        margin-left: 0 !important
    }

    .finance-right-box {
        margin-left: 0 !important
    }

    .invest-slider .slick-next {
        right: -20px !important
    }

    #invest-boxes .invest-boxes-inner {
        width: 330px !important;
        margin-bottom: 30px !important;
        margin: 0 auto
    }

    #news .box-btn {
        margin-top: 20px !important;
        font-size: 16px !important
    }

    #news h3 {
        font-size: 22px !important
    }

    #invest-contact .invest-contact-box h2,
    h2.social-img-head {
        font-size: 26px !important
    }

    #invest-contact .invest-contact-box {
        margin-bottom: 30px
    }

    #invest-contact .invest-contact-box .box-btn.invest-btn1 {
        margin-top: 50px !important
    }

    .timeline,
    .timeline .timeline-items .timeline-item.inverted {
        margin-top: 10% !important
    }

    .timeline .left-t-item:before {
        left: calc(100% - 5px) !important;
        top: -15px !important
    }

    .timeline .left-t-item:after {
        left: calc(100% - 1.4%) !important;
    }

    .left-h3 {
        margin-top: 50px;
        margin-right: 10px
    }

    .left-t-item {
        margin-top: -20% !important
    }

    .in-page-bg-repo:before {
        margin-top: 0 !important;
        height: 50% !important
    }

    .iar-pdf-block {
        position: relative !important;
        bottom: 0 !important;
        top: 40px
    }

    .past-head h6 {
        font-size: 16px !important
    }

    .past-head img {
        width: 25px !important
    }

    .past-f-row {
        margin-top: 30px !important
    }

    .page-IAR-subhead {
        font-size: 24px !important
    }

    #iar .api_landing_text,
    #news p {
        font-size: 20px !important
    }

    .in-page-bg-analyst-speak::before,
    .in-page-bg-business-over:before,
    .in-page-bg-contact:before,
    .in-page-bg-cor-benefits:before,
    .in-page-bg-cor-poli:before,
    .in-page-bg-earn-concall::before,
    .in-page-bg-email::before,
    .in-page-bg-finance:before,
    .in-page-bg-inv-agm-egm:before,
    .in-page-bg-inv-events:before,
    .in-page-bg-inv-gove:before,
    .in-page-bg-job-open:before,
    .in-page-bg-our-people:before,
    .in-page-bg-rd:before,
    .in-page-corp-over:before,
    .inv-resource-row h3 {
        margin-top: 0 !important
    }

    .in-page-bg-finance .mb_90 {
        margin-bottom: 0 !important
    }

    #investors-financial-results .card-body .newsli .nspan {
        display: inline-block;
        width: 70%
    }

    #past-annual-report .past-annual-img {
        margin-left: 0 !important
    }

    #investors-service table .stock-col {
        padding-left: 50% !important;
        font-weight: 400
    }

    #corp-gover-table table tr td,
    #investors-service table .stock-col2 {
        padding-left: 50% !important
    }

    #investors-service table td.stock-col::before {
        text-align: center;
        top: 45px
    }

    #investors-service table td.stock-col2::before {
        text-align: center;
        top: 11px
    }

    .investors .sub-menu-block div.col-lg-3 {
        max-width: 50% !important
    }

    .research-second-mbox h4 {
        word-break: break-all
    }

    .rd-emp {
        position: relative !important;
        right: 0 !important
    }

    .business-boxes {
        width: 100% !important;
        margin-bottom: 50px
    }

    .b-card2 .card-text {
        margin-bottom: 101px !important
    }

    #investor-corporate-benefits tr:first-child {
        display: none
    }

    #place-boxes li,
    .inv-event-row p {
        font-size: 18px !important
    }

    .inv-event-row .box-btn {
        margin-top: 0 !important;
        font-size: 16px !important;
        padding: 5px !important
    }

    .agm-egm-pb .accordion {
        width: 100% !important
    }

    #place-boxes {
        padding-bottom: 50px
    }

    #place-boxes ul {
        padding: 30px !important
    }

    .place-box-white-sec {
        background: #fff;
        height: 80% !important
    }

    #job-openings h4.job-left-head {
        margin-top: 0 !important;
        font-size: 26px !important;
        width: 100% !important
    }

    .job-list li {
        padding-left: 30px !important
    }

    .job-list .job-main-head {
        padding-left: 0 !important
    }

    #work-force-head h3.left-head {
        position: relative
    }

    #csr-head .left-head,
    #ibuprofen-head .left-head,
    #work-force-head h3.left-head {
        top: 0 !important;
        width: 100% !important;
        font-size: 28px !important
    }

    .csr-storie-btm a.csr-btn {
        width: 40% !important
    }

    #ibu-sec {
        padding-top: 0 !important
    }

    #ibu-sec_2 {
        padding-top: 0 !important
    }

    .carousel-caption-inner {
        width: 100% !important;
        left: 4% !important
    }

    .card-body2 {
        height: 364px !important
    }

    .Our-Vision {
        height: 340px !important
    }

    .exc-name {
        position: relative !important;
        margin-top: 20px
    }

    .in-page-bg-exec:before {
        margin-top: 4% !important
    }

    .bod-btn {
        width: 46% !important;
        margin-left: 0 !important
    }

    .sustain-policy-btn {
        left: 10px !important;
        top: 40% !important;
        padding: 10px !important
    }

    .effort-btn {
        top: 20px !important;
        position: relative
    }

    .all-efforts-img {
        left: 30px !important;
        width: 90%
    }

    #collab-img img,
    .in-page-bg-all-efforts:before,
    .in-page-bg-pipe:before,
    .in-page-bg-stock-info:before {
        margin-top: 0 !important
    }

    #collab-img img {
        position: relative;
        z-index: 0
    }

    #green-start h4.landing-text {
        font-size: 23px !important
    }

    .imgcontent {
        padding: 19px
    }

    .manufac-box2 .imgcontent,
    .manufac-box3 .imgcontent {
        padding: 9px !important
    }

    h4.landing-text {
        font-size: 22px !important
    }

    h3.page-cm-head {
        font-size: 31px !important
    }

    .csr-btm-head {
        font-size: 26px !important
    }

    .dev-by {
        text-align: center !important
    }

    .job-open-img-blk,
    .social-icons {
        text-align: left !important
    }

    .job-open-img {
        margin-top: 0 !important;
        margin-bottom: 20px
    }

    .director-details,
    .director-details2,
    .director-details3,
    .director-details4,
    .director-details5,
    .director-details6 {
        display: block !important;
        position: relative !important;
        top: 0 !important;
        max-width: 633px !important;
        left: 13px
    }

    .exec-name-box {
        display: none
    }

    .exec-director-details,
    .exec-director-details2,
    .exec-director-details3 {
        display: block !important;
        position: relative !important;
        top: 0 !important;
        max-width: 633px !important;
        left: 13px
    }

    #product-listing-search a,
    .regulatory-our-product a {
        cursor: pointer;
        width: 100px;
        height: 100px;
        border-radius: 59px;
        background-color: #95c158;
        color: #fff !important;
        word-break: break-word;
        display: block;
        text-align: center;
        text-decoration: none;
        line-height: 17px;
        padding: 5px 13px;
        padding-top: 34px;
        font-size: 16px;
        font-weight: bold;
        position: absolute;
        left: 8px;
        top: -109px
    }
}

@media only screen and (max-width: 602px) {
    .home-content .main-head {
        margin-bottom: 30px !important
    }

    .gover-cir {
        margin: 20px 150px !important
    }

    .esg-boxes .esg-in-boxes {
        max-width: 100% !important;
        margin-top: 20px !important
    }

    .timeline .left-t-item:before {
        left: calc(100% - 7px) !important
    }

    #carousel1 .sec2-head {
        font-size: 24px !important
    }

    br {
        display: none
    }

    .page-IAR-subhead {
        margin-top: 20px
    }

    #investors-financial-results .card-body .newsli .nspan {
        width: 60% !important
    }

    .place-box-white-sec {
        background: #fff;
        height: auto !important
    }

    #place-boxes {
        padding-bottom: 20px
    }

    .place-boxes-sec {
        margin-bottom: 40px
    }

    .job-list li {
        padding-left: 0 !important;
        display: block !important
    }

    .csr-storie-btm a.csr-btn {
        width: 50% !important
    }

    .Our-Vision,
    .card-body2 {
        height: auto !important
    }

    .lead-white-box {
        height: 350px !important
    }

    .sustain-policy-btn {
        left: 0 !important;
        top: 40% !important;
        padding: 8px !important;
        font-size: 16px !important
    }

    .env-boxes-second-row {
        left: 0 !important
    }

    .effort-btn {
        top: 40px !important;
        position: relative
    }

    #news h2 {
        font-size: 30px !important
    }

    .mainnavStyle .esg-menu-box {
        margin-left: 15px !important;
        max-width: 96% !important;
        margin-right: 15px !important
    }

    .mainnavStyle .col-sm-12 {
        margin-left: 15px !important;
        margin-bottom: 20px
    }

    .director-details,
    .director-details2,
    .director-details3,
    .director-details4,
    .director-details5,
    .director-details6 {
        max-width: 510px !important
    }
}

@media only screen and (min-width: 1180px) {
    ul.main-nav>li>a {
        font-size: 15px;

    }

    .agm-egm-pb .accordion {
        width: 330px !important;
    }

    .ic.menu {
        display: none
    }

    ul.main-nav {
        display: block;
        position: relative
    }

    .sub-menu-block {
        padding: 30px 120px 30px 300px
    }

    #navbar_top {
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        z-index: 99999;
        height: 150px
    }

    @media (prefers-reduced-motion: reduce) {
        #navbar_top {
            transition-duration: 0s
        }
    }

    .animation-disabled #navbar_top {
        transition-duration: 0s !important
    }

    #navbar_top:hover {
        background: #fff
    }

    ul.main-nav>li:hover>div.sub-menu-block,
    ul.main-nav>li>div.sub-menu-block {
        background-color: #fff;
        -webkit-transform: rotateX(0);
        -moz-transform: rotateX(0);
        -ms-transform: rotateX(0);
        transform: rotateX(0)
    }

    ul.main-nav>li>div.sub-menu-block {
        visibility: hidden;
        position: fixed;
        margin-top: 10px;
        width: 100%;
        color: #333;
        left: 0;
        box-sizing: border-box;
        z-index: 3;
        font-size: 16px;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        opacity: 0;
        -webkit-transform-origin: top center;
        -ms-transform-origin: top center;
        transform-origin: top center
    }

    ul.main-nav>li:hover>div.sub-menu-block {
        visibility: visible;
        opacity: 1
    }

    ul.main-nav>li>div.sub-menu-block>* {
        transition-property: opacity;
        transition-duration: 0.4s;
        opacity: 0
    }

    @media (prefers-reduced-motion: reduce) {
        ul.main-nav>li>div.sub-menu-block>* {
            transition-duration: 0s
        }
    }

    .animation-disabled ul.main-nav>li>div.sub-menu-block>* {
        transition-duration: 0s !important
    }

    ul.main-nav>li:hover>div.sub-menu-block>* {
        opacity: 1
    }

    .sub-menu-head {
        font-size: 20px
    }

    header.dark ul.main-nav>li>a,
    header.light ul.main-nav>li>a {
        border-right: 0 solid #fff
    }

    ul.main-nav>li>a:after {
        width: 1px;
        height: 62px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2
    }

    header.dark ul.main-nav>li>a:after {
        background-color: #777
    }

    header.light ul.main-nav>li>a:after {
        background-color: #fff
    }

    ul.main-nav>li>a.mega-menu>span {
        display: block;
        vertical-align: middle
    }

    ul.main-nav>li>a.mega-menu>span:after {
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #fff;
        background-color: transparent;
        display: inline-block;
        margin-left: 10px;
        vertical-align: middle
    }

    ul.main-nav>li:hover>a.mega-menu span:after {
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 0 solid transparent;
        border-bottom: 5px solid #666
    }

    .banners-area {
        border-top: 1px solid #ccc
    }
}

.container {
    position: relative
}

.container .content {
    position: inherit;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    text-align: center
}

.arrow {
    text-align: center;
    margin: auto;
    width: 70px
}

.bounce {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite
}

.main-head {
    margin-top: -10px;
    position: relative;
    z-index: 1;
    margin-bottom: 19px;
    font-size: 35px;
    font-family: Lato;
    font-weight: 900;
    color: #3e3d3d
}

.main-sub-head {
    margin-top: -25px;
    font-size: 16px
}

#cop-head a,
.policies-link,
a {
    color: #444749;
    text-decoration: underline;
    text-decoration-color: #ffffff00
}

#cop-head a:hover {
    color: #444749;
    text-decoration: dashed
}

.zoom img {
    transition-duration: 1s;
    margin: 0 auto;
    display: block
}

@media (prefers-reduced-motion: reduce) {
    .zoom img {
        transition-duration: 0s
    }
}

.animation-disabled .zoom img {
    transition-duration: 0s !important
}

.small img,
.zoom img:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1)
}

.zoom img:hover {
    z-index: 0
}

.small img {
    transition-duration: 4s;
    margin: 0 auto;
    display: block
}

.small img:hover {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    z-index: 0
}

#home,
#invest-sec {
    background-size: cover
}

@media (max-width: 600px) {
    #home {
        height: 100% !important;
        overflow: hidden;
    }
}

#home {
    height: 740px;
    background-repeat: no-repeat;
    background-position-x: -31px;
    background-position-y: 1px;
    z-index: 99999999999
}

.black {
    color: #000
}

#investors-analyst-speak .analyst-box a,
.green {
    color: #95c158
}

.carousel-caption-inner {
    width: 91%;
    position: absolute;
    left: 68%;
    z-index: 99
}

.carousel-caption-inner .uni-btn {
    color: #fff !important
}

.carousel-caption .uni-btn {
    margin-top: 50px
}

.fixed ul.main-nav a,
.fixed ul.main-nav b,
.get-in {
    color: #fff !important
}

.get-in {
    background: #3e4142 !important;
    display: block;
    position: relative;
    border-radius: 25px;
    padding: 6px 12px !important
}

.ele-left-align {
    left: 3%;
    right: 0 !important
}

.box-btn:hover,
.uni-btn:hover {
    text-decoration: dashed;
    color: #000
}

.uni-btn,
.uni-btn::after {
    transition: all 0.3s
}

@media (prefers-reduced-motion: reduce) {

    .uni-btn,
    .uni-btn::after {
        transition-duration: 0s
    }
}

.animation-disabled .uni-btn,
.animation-disabled .uni-btn::after {
    transition-duration: 0s !important
}

#footer-img a,
.uni-btn {
    color: #fff;
    position: relative
}

#footer-img a:hover {
    color: #fff !important
}

.uni-btn {
    background: #a0bf48 !important;
    width: 14%;
    display: block;
    padding: 3px 25px 3px 10px;
    font-size: 16px
}

.uni-btn::after,
.uni-btn::before {
    background: #fff;
    content: "";
    position: absolute;
    z-index: 1
}

.box-btn:hover {
    background: #a0bf48;
    transition: all 0.4s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .box-btn:hover {
        transition-duration: 0s
    }
}

.animation-disabled .box-btn:hover {
    transition-duration: 0s !important
}

.carousel-indicators li {
    height: 8px;
    width: 50px
}

#footer-img h3,
.sec3-right-block h4 {
    color: #000;
    font-weight: 900;
    font-size: 28px
}

#invest-sec {
    background: url(../images/investor-home-bg.jpg) no-repeat;
    height: 100vh
}

.invest-box p {
    color: #fff;
    margin-bottom: 10px !important;
    font-size: 17px
}

.invest-box .fp {
    font-size: 26px !important
}

#invest-sec .fp a {
    color: #ffffff !important
}

.invest-box .lp {
    color: #a0bf48;
    margin-bottom: 60px !important
}

.white-box4 p {
    font-size: 21px
}

.investors .sub-menu-block .col-lg-3 {
    max-width: 25% !important
}

#box-carousel,
#wrap {
    background: #fff
}

#wrap {
    position: relative
}

footer {
    background: #262b2d;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
    height: auto
}

.footer-logo {
    margin-left: 15px
}

footer p {
    text-align: justify;
    line-height: 22px
}

.border-left {
    border-left: 1px solid #fff
}

#footer-img {
    background: url(../images/footer-image.jpg) no-repeat;
    background-size: cover;
    height: 400px
}

#footer-img_sub {
    background: url(../images/footer-image.jpg) no-repeat;
    background-size: cover;
    height: 400px
}

#footer-img h3 {
    font-size: 33px;
    color: #262b2d;
    width: 53%;
    margin: 120px auto 50px
}

#footer-img a {
    text-decoration: dashed;
    padding: 20px 70px;
    background: #000;
    border-radius: 8px;
    font-size: 18px;
    top: 185px
}

.footer-list {
    list-style: none;
    padding: 0 0 0 30px
}

.footer-list li,
footer p {
    color: #fff;
    font-size: 16px !important;
    margin-bottom: 7px
}

.hresponsive {
    margin-bottom: 7px;
    line-height: 2.2 !important
}

footer form input[type="text"] {
    background: #556161 !important;
    color: #fff !important;
    border: 0;
    border-radius: 11px
}

footer form input[type="text"]:focus {
    background: #556161 !important
}

footer .form-control {
    padding: 6px 80px 8px 10px;
    background: #556161 !important;
    color: #fff !important;
    border: 0;
    border-radius: 11px !important
}

.form-control::placeholder {
    color: #fff !important;
    opacity: 1;
    font-size: 17px
}

footer .btn {
    background: #95c158;
    color: #fff;
    padding: 8px 17px 7px 8px;
    margin-left: 20px;
    font-size: 16px;
    margin-top: -2px;
    border-radius: 11px
}

.social-icons {
    list-style: none;
    text-align: center
}

.social-icons li {
    display: inline-block;
    padding-right: 10px
}

.social-icons img {
    height: 33px;
    width: 33px
}

.dev-by {
    text-align: right
}

.dev-by span {
    font-size: 16px;
    position: relative;
    top: 2px
}

.counter-inner-span {
    font-size: 50px !important;
    font-weight: 400
}

.arrow-btn:hover::before {
    box-shadow: inset 0 0 0-1px #95c158
}

.home-content .main-head {
    margin-top: 70px;
    margin-bottom: 60px
}

.last-git-btn {
    position: relative;
    left: 65px
}

.last-git-btn .get-in {
    padding: 7px 19px !important;
    font-size: 16px !important
}

.img-wrapper {
    overflow: hidden
}

.inner-img {
    transition: all 0.3s
}

@media (prefers-reduced-motion: reduce) {
    .inner-img {
        transition-duration: 0s
    }
}

.animation-disabled .inner-img {
    transition-duration: 0s !important
}

.inner-img:hover {
    transform: scale(1.1)
}

#carousel1 .carousel-indicators {
    bottom: 90px !important
}

.fixed .logo {
    width: 225px
}

.fixed {
    position: fixed;
    width: 100%;
    animation: smoothScroll 1s forwards;
    background: #454849 !important;
    height: 100px !important
}

.fixed ul.main-nav>li>div.sub-menu-block {
    background-color: #454849 !important;
    border: 0 !important
}

/* .home-content-padding {
padding-top: 160px
} */

.navbar {
    z-index: 4;
    padding: 0.5rem 3rem;
    position: relative;
    top: 10px
}

.fixed .navbar {
    top: 0 !important
}

.page-cm-head {
    font-size: 42px !important;
    font-weight: 900;
    color: #4d4d4d
}

.landing-text {
    font-size: 26px !important;
    font-weight: 600
}

.landing-text-home {
    font-size: 32px
}

#cop-head {
    margin-top: 50px
}

.element {
    transform: translate(-9px, -15px)
}

.home-left-box h5 {
    font-family: Lato;
    font-weight: 900 !important
}

.sec2-para {
    width: 33%
}

.card-text {
    font-size: 23px
}

.numbers {
    font-weight: 700;
    font-size: 86px;
    border-bottom: 1px solid #686b6c;
    color: #444749;
    padding-bottom: 5px
}

.white-clr {
    color: #fff !important
}

.sec2-head {
    font-family: Lato;
    font-weight: 900;
    font-size: 32px
}

.deal {
    font-weight: 900;
    color: #000;
    font-size: 36px;
    margin-top: 172px
}

.carousel-caption p {
    font-size: 23px;
    color: #a0bf48
}

.carousel-caption_2 {
    top: 0;
    text-align: left !important;
    left: 8% !important
}

.carousel-caption {
    top: 16%;
    text-align: left !important;
    left: 8% !important
}

.element,
.element-home,
.elementthree,
.elementtwo {
    position: absolute;
    transform: translateZ(0);
    transform-style: preserve-3d;
    display: flex
}

.blur-box {
    width: 435px;
    padding: 30px;
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.1);
    /* semi-transparent */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    /* Safari support */
    color: white;
    text-align: center;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.element {
    height: 600px;
    width: 600px;
    top: 2%;
    right: 8%;
    backface-visibility: hidden;
/*     z-index: 11 */
}

.element-home,
.elementthree,
.elementtwo {
    height: 480px;
    width: 480px;
    left: 20%
}

.elementtwo {
    top: 20%;
    pointer-events: none;
    backface-visibility: hidden
}

.element-home,
.elementthree {
    top: -94px;
    z-index: 0
}

.element-home {
    height: 500px;
    width: 500px;
    top: 25px;
    left: 15%;
    pointer-events: none;
    backface-visibility: hidden
}

.sec3-ele {
    left: 30% !important
}

.sec3-ele3 {
    left: 40% !important
}

.btn-text {
    position: relative;
    z-index: 3
}

.box-btn {
    background: #000;
    width: 50%;
    color: #fff;
    display: block;
    font-size: 17px;
    position: relative;
    padding: 5px 25px 5px 10px
}

.card1 {
    border: 1px solid #5ca692
}

.card2 {
    border: 1px solid #df8e24
}

.card3 {
    border: 1px solid #a2bf49
}

.slick-next,
.slick-prev {
    background: #a0bf48 !important;
    height: 65px !important;
    width: 65px !important;
    border-radius: 65px !important
}

.slick-next::before,
.slick-prev::before {
    content: "" !important;
    opacity: 1 !important;
    width: 40px !important;
    height: 40px !important;
    display: flex;
    position: relative
}

.slick-prev::before {
    background: url(../images/left-arrow.png);
    left: 6px
}

.slick-next {
    right: -65px !important
}

.slick-prev {
    left: -75px !important
}

.slick-next::before {
    background: url(../images/right-arrow.png);
    left: 16px
}

.slick-slide {
    margin-right: 10px
}

.carousel-indicators .active {
    background-color: #a0bf48
}

.top-head-sec3 {
    font-size: 20px
}

.sec3-head {
    font-weight: 900;
    font-size: 110px;
    line-height: 120px
}

.sec3-right-block {
    background-color: #d7dddb;
    padding: 20px;
    width: 400px;
    margin-left: 50px
}

.sec3-row {
    margin-top: 80px
}

.sec3-white-block {
    background: #fff;
    border: 1px solid #000;
    padding: 20px
}

.sec3-white-block p,
.sec3-white-block2,
.sec3-white-block2 p {
    color: #000 !important
}

.sec3-head-1 span,
.sec4-head span {
    color: #a0bf48
}

.sec3-white-block2 {
    background: #fff;
    border: 1px solid #000;
    padding: 20px;
    width: 400px
}

.sec4-head {
    font-weight: 900;
    font-size: 120px;
    line-height: 120px;
    position: relative;
    z-index: 10 !important
}

#com-people {
    background: url(../images/section4-bg.webp) no-repeat;
    background-size: cover;
    height: 100vh
}

.sec4-top-head {
    font-size: 24px
}

.sec4-para {
    font-size: 20px;
    width: 78%
}

.com-box {
    margin-top: 200px
}

#com-people .box-btn {
    width: 13% !important;
    margin-top: 25px
}

.invest-box {
    background: rgba(0, 0, 0, 0.5);
    margin-top: 120px;
    padding: 20px
}

.Our-Vision {
    background: #808285;
    margin-top: 35px;
    padding: 20px;
    margin-bottom: 35px;
    color: #fff;
    height: 750px
}

.Our-Vision p {
    font-size: 20px;
    font-weight: 600
}

.ov {
    font-size: 40px;
    font-weight: 700;
    color: #fff
}

.white-box4 {
    padding: 14px;
    background: #fff;
    border: 1px solid #000
}

.white-box4 p {
    color: #000 !important
}

.arrow-btn {
    background: #95c158;
    color: #fff;
    font-weight: 700;
    width: 90px;
    height: 90px;
    position: relative;
    text-transform: uppercase;
    display: flex;
    border-radius: 60px;
    margin: 0 auto;
    transition: all 0.7s ease;
    z-index: 1
}

@media (prefers-reduced-motion: reduce) {
    .arrow-btn {
        transition-duration: 0s
    }

    .arrow-btn::after,
    .arrow-btn::before {
        transition-duration: 0s
    }
}

.animation-disabled .arrow-btn {
    transition-duration: 0s !important
}

.arrow-block-home {
    margin: -140px auto
}

.arrow-btn::after {
    box-shadow: inset 0 0 0 0#000
}

.arrow-btn::before {
    background: #000;
    box-shadow: inset 0 0 0 60px #95c158
}

.arrow-btn::after,
.arrow-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 90px;
    width: 90px;
    transition: all 0.4s ease;
    border-radius: 60px
}

.animation-disabled .arrow-btn::after,
.animation-disabled .arrow-btn::before {
    transition-duration: 0s !important
}

.arrow-img {
    position: relative;
    width: 90px;
    height: 45px;
    top: 28px
}

.counter {
    animation-duration: 1s;
    animation-delay: 0s
}

#mis-vis .container {
    max-width: 90% !important
}

.number-btm-row .landing-text {
    font-size: 24px !important;
    font-weight: 400 !important
}

@media (min-width: 320px) and (max-width: 600px) {
 
    #viewall-press .box-btn {
        width: 100% !important;
    }

    .box-btn {
        font-size: 11px;
    }

    .preferred-partner-1 {
        font-size: 40px;
        /* or whatever size looks balanced */
        margin-right: 3px;
    }

    .preferred-partner-2 {
        font-size: 20px;
        margin-left: 5px;
    }

    .spl-che td {
        padding: 50px !important;
    }

    .carousel-caption .uni-btn {
        margin-top: 20px !important;
    }

    #educat-unprivil:before {
        width: 200px !important;
        height: 200px !important;
        margin-top: -22% !important;
        left: 20% !important
    }

    #educat-unprivil:before,
    .all-efforts-sec2:before {
        width: 200px !important;
        height: 200px !important;
        margin-top: 70% !important;
        left: 30% !important
    }

    .w-o-o-o {
        line-height: 2.3 !important
    }

    .deal {
        font-weight: 700;
        color: #000;
        font-size: 30px;
        margin-top: 0
    }

    .r_arrow {
        width: 50%
    }

    .Allied {
        color: #000
    }

    .Committed {
        color: #95c158
    }

    .h5,
    h5 {
        font-size: 16px
    }

    .box-btn {
        background: #000;
        width: 100%;
        color: #fff;
        text-align: center;
        display: block;
        position: relative;
        padding: 5px 25px 5px 10px
    }

    .w-75 {
        width: 100% !important;
        text-align: justify
    }

    #who .landing-text {
        font-size: 22px !important;
        margin-bottom: 2rem
    }

    .w-100 {
        width: 210% !important;
        height: 300px;
    }

    .carousel-1 {
        margin-top: 30%
    }

    .sec3-white-block2 {
        background: #fff;
        border: 1px solid #000;
        padding: 20px;
        width: auto;
        color: #000 !important
    }

    #investors-service h4,
    .sec2-head {
        font-size: 16px !important
    }

    .carousel-caption p {
        font-size: 10px;
        width: 100% !important;
        color: #fff
    }

    .carousel-caption {
        top: 5%;
        text-align: left !important;
        left: 10% !important
    }

    .carousel-caption .dcat-uni-btn {
        margin-top: 105px !important
    }

    .dcat-uni-btn {
        color: #ffffff !important;
        text-align: center;
        margin-left: -11%;
        font-size: 16px !important;
        width: 87% !important;
        font-weight: 600;
        padding: 10px 10px 10px 10px !important
    }

    .uni-btn {
        background-color: #a0bf48 !important;
        color: #000;
        padding: 5px 15px 5px 15px;
        font-size: 16px;
        width: 50%
    }

    .slick-next,
    .slick-prev {
        z-index: 10
    }

    .main-head {
        color: #444749;
        font-weight: 900;
        font-size: 17px
    }

    .menu .logo {
        margin-left: 0 !important;
        width: 215px;
        height: auto
    }

    #corp-gover-table table tr th,
    #efforts-list-social:before,
    #efforts-list::before,
    #gov-before:before,
    .element,
    .element-home,
    .elementthree,
    .elementtwo {
        display: none
    }

    #carousel1 .carousel-indicators {
        bottom: -5px !important
    }

    .slick-next::before,
    .slick-prev::before {
        font-size: 42px !important
    }

    .slick-prev {
        left: -12px !important;
        margin-top: -70px
    }

    .slick-next {
        right: 0 !important;
        margin-top: -70px
    }

    .sec3-row {
        margin-top: 0 !important
    }

    .sec3-right-block h4,
    .top-head-sec3 {
        font-size: 16px !important
    }

    .sec3-head {
        font-size: 45px !important;
        line-height: 45px !important
    }

    .get-in,
    footer {
        position: relative
    }

    .get-in {
        background: #5d6162 !important;
        color: #fff !important;
        display: block;
        border-radius: 20px;
        padding: 5px 10px 5px 9px;
        margin-top: 65px;
        z-index: 1
    }

    .sec4-head {
        font-size: 45px !important;
        line-height: 45px !important
    }

    .Allied,
    .Committed {
        font-size: 55px !important;
        font-weight: 900
    }

    .numbers {
        font-size: 45px !important;
        line-height: 52px !important
    }

    .carousel-caption-inner {
        width: 100% !important;
        left: 4% !important
    }

    #com-people .box-btn {
        width: 50% !important
    }

    .sec3-right-block {
        width: auto;
        margin-left: 0 !important
    }

    .sec3-right-block,
    .sec3-white-block {
        padding: 5px !important
    }

    .count {
        padding: 6px !important;
        text-align: center !important
    }

    .home-content .main-head {
        margin-bottom: 10px !important
    }

    .arrow-btn {
        margin: 150px auto !important
    }

    .arrow-btn,
    .arrow-btn::after,
    .arrow-btn::before,
    .arrow-img {
        width: 50px !important;
        height: 50px !important
    }

    .arrow-img {
        height: 30px !important;
        top: 14px !important
    }

    #footer-img h3 {
        font-size: 22px
    }

    #footer-img a {
        padding: 8px 30px;
        font-size: 16px
    }

    #navbar_top {
        transition: all 0.5s ease;
        z-index: 99
    }

    @media (prefers-reduced-motion: reduce) {
        #navbar_top {
            transition-duration: 0s
        }
    }

    .animation-disabled #navbar_top {
        transition-duration: 0s !important
    }

    .navbar {
        padding: 10px 10px 40px !important
    }

    .ic.menu {
        top: 58px;
        z-index: 20
    }

    ul.main-nav {
        z-index: 999;
        height: auto;
        overflow: scroll
    }

    footer .btn {
        margin-top: 14px
    }

    .fixed .navbar .ic.menu {
        top: 38px;
        z-index: 20
    }

    #mission .Our-Vision,
    #vision .Our-Vision {
        height: auto !important
    }

    #green-start h4.landing-text,
    #news h3,
    #promise h4.landing-text,
    .Our-Vision p,
    .number-btm-row .landing-text {
        font-size: 22px !important
    }

    .landing-text-home {
        font-size: 23px !important
    }

    /* #home {
    height: 700px !important
} */

    .com-box {
        margin-top: 80px !important
    }

    #com-people,
    #invest-sec {
        height: auto !important;
        padding-bottom: 25px
    }

    #com-people .sec4-para {
        font-size: 18px !important;
        width: 100%
    }

    .invest-box {
        margin-top: 60px !important
    }

    #cop-head .main-head {
        font-size: 20px !important;
        margin-top: 0
    }

    #cop-head .main-sub-head {
        margin-top: -5px !important
    }

    .in-page-bg-esg .main-head .Overview,
    footer .btn {
        margin-left: 0 !important
    }

    .in-page-bg-esg .main-head {
        margin-bottom: 20px !important
    }

    .esg-overview h3 {
        margin-top: 10px
    }

    .snip1273 {
        margin: 0 auto 25px !important
    }

    #wrap {
        margin-bottom: 0 !important
    }

    footer {
        z-index: 0
    }

    #footer-img {
        background-position-x: -130px !important
    }

    .footer-list,
    .job-list li {
        padding-left: 0 !important
    }

    .border-left,
    .contact-table tr td.ct-td-rb {
        border: 0 !important
    }

    .social-icons {
        float: left;
        padding: 0
    }

    .esg-circle-head {
        margin-left: 10px !important
    }

    .esg-circle .env-cir {
        margin-left: 0 !important;
        text-align: center;
        margin-bottom: 20px
    }

    #invest-contact .invest-contact-box p,
    .esg-circle .env-cir p,
    .esg-circle .gover-cir p,
    .esg-circle .social-cir p,
    .in-page-bg-poli h4 {
        width: 100% !important
    }

    .esg-boxes .box-btn,
    .esg-circle .box-btn {
        width: 48% !important;
        margin: 0 auto
    }

    .esg-circle .social-cir .box-btn {
        margin: 0 auto
    }

    .esg-circle .social-cir {
        margin-bottom: 20px
    }

    .esg-circle .gover-cir,
    .esg-circle .social-cir {
        margin-left: 0 !important;
        text-align: center
    }

    .esg-boxes .esg-in-boxes {
        max-width: 100% !important;
        padding: 20px;
        text-align: center;
        margin-right: 0 !important
    }

    #green-start div .deal {
        font-size: 25px !important
    }

    #green-start .page-cm-head {
        font-size: 28px !important
    }

    #leadership-team .main-sub-head {
        margin-top: -10px !important;
        font-size: 16px;
        margin-left: 0 !important
    }

    #lead-who h4.landing-text,
    .esg-circle-head {
        font-size: 24px !important
    }

    #lead-second,
    .lead-white-box {
        height: auto !important
    }

    .lead-white-box a.box-btn,
    .lead-white-box2 a.box-btn {
        width: auto !important
    }

    #lead-who .page-cm-head {
        font-size: 30px !important
    }

    #invest-contact .invest-contact-box h2,
    #investor h2,
    .esg-overview h3 {
        font-size: 26px !important
    }

    #investor p,
    #news p {
        font-size: 20px !important
    }

    #investor .invest-right-box {
        background: rgba(0, 0, 0, 0.5);
        padding: 30px 20px 20px 30px;
        width: 100% !important;
        margin-left: 0 !important;
        margin-top: 30px
    }

    #financial-results .hh2 {
        margin-left: 0 !important
    }

    .earn-row {
        margin-right: 15px !important;
        margin-left: 15px !important
    }

    .finance-right-box {
        margin-left: 0 !important;
        text-align: center
    }

    #platform {
        margin-top: 80px;
        margin-bottom: 20px
    }

    #platform h2 {
        font-size: 24px !important;
        position: relative;
        top: 0 !important
    }

    #invest-boxes .invest-boxes-inner {
        margin: 0 auto 20px;
        width: 300px !important;
        height: 370px !important
    }

    #invest-boxes .invest-boxes-inner .invest-boxes-inner-bottom {
        bottom: 50px !important
    }

    #invest-boxes .invest-boxes-inner .invest-boxes-inner-bottom p {
        width: 100% !important;
        margin-bottom: 10px !important
    }

    #news h2 {
        font-size: 26px !important
    }

    #green-start div .deal,
    .esg-boxes .esg-in-boxes,
    .news-row .col-md-7 {
        margin-top: 20px !important
    }

    #invest-contact .invest-contact-box {
        height: auto !important;
        margin-bottom: 20px
    }

    .manufacturing-accred table td:nth-child(1) {
        padding-left: 3% !important;
        text-align: left !important
    }

    td:nth-child(1) {
        padding-left: 45% !important;
        text-align: center !important
    }

    #manuc .main-head {
        font-size: 56px !important;
        margin-top: 0
    }

    #manuc .main-sub-head {
        margin-top: -5px !important
    }

    .manuc_landing_text {
        margin-bottom: 26px !important;
        font-size: 1rem !important
    }

    #cop-head,
    .in-page-bg-manuc:before,
    .top-spc {
        margin-top: 0 !important
    }

    .in-page-bg-api:before,
    .in-page-bg-awd:before,
    .in-page-bg-gov:before {
        margin-top: 0 !important;
        height: 50% !important
    }

    #product-listing-card .card h3 {
        margin-top: 0px
    }

    #product-listing-card .card-text {
        padding-bottom: 0px !important
    }

    #news-img {
        background-size: contain
    }

    #individual-news-img {
        background-size: contain;
        height: 225px
    }

    #individual-news-second-img {
        background-size: contain;
        height: 225px
    }

    #news-card .card-body {
        height: 300px !important
    }

    #news-card1 .card-body {
        height: 230px !important
    }

    #news-card1 .card {
        height: 350px
    }

    .news-arrow-img {
        margin-top: -72px !important
    }

    #news-about .newsslot-btn {
        margin-left: 20px
    }

    #product-listing-search .search-button {
        width: 22%
    }

    #product-listing-search a {
        padding: 18px 10px;
        padding-top: 47px;
        left: 44px;
        top: -85px
    }

    .regulatory-our-product a {
        padding: 18px 10px;
        padding-top: 47px;
        left: 93px;
        top: -85px
    }

    #product-listing-search .search input {
        margin-left: 0%;
        margin-bottom: 140px
    }

    #product-listing-search a::before,
    .regulatory-our-product a::before {
        margin-top: -27px
    }

    #product-listing-search .search-button {
        width: 22%
    }

    .news-info-section {
        color: #000000;
        font-size: 20px;
        padding-right: 20px;
        padding-left: 20px
    }

    .readmore-news-button {
        padding: 15px 20px 15px 20px
    }

    .news-text-date-info {
        font-size: 16px
    }

    .machanism-action-section1 {
        color: #000000;
        margin-left: 10px;
        margin-top: -25px
    }

    .machanism-action-sectionabt1 {
        color: #ffffff;
        margin-left: 30px;
        margin-top: -25px
    }

    .brochure-download-btnn {
        margin-left: 43px
    }

    .float-right {
        float: none !important
    }

    #news-top {
        margin-top: 20%;
        height: 44px;
        background: #b2b2b2
    }

    #news-img .breadcrumbb,
    #individual-news-img .breadcrumbb,
    #individual-news-second-img .breadcrumbb,
    #product-listing-img .breadcrumbb {
        color: #444749;
        margin-top: 34px !important
    }

    #ibu-top {
        margin-top: 27%;
        height: 85px;
        background: #b2b2b2
    }

    #ibu-sec h3 {
        text-align: center
    }

    .machanism-action-sectionabtt {
        text-align: center;
        margin-bottom: 26px
    }

    .mechanism-contact {
        background-color: #ececec;
        margin-top: 10px
    }

    .machanism-action-section {
        text-align: center
    }

    .machanism-expertise-section {
        margin-bottom: 20px;
        text-align: center
    }

    .machanism-action-section1 {
        color: #000000;
        margin-left: 30px;
        margin-top: -25px
    }

    .machanism-action-sectionabt {
        text-align: center;
        margin-top: 0px
    }

    .ibu-us-row {
        padding-left: 14%;
        padding-right: 8%;
        padding-top: 5%;
        margin-top: -74px
    }

    .mobile-bt-hide {
        display: none
    }

    #ibuprofen-about {
        display: block
    }

    #ibuprofen-about1 {
        display: none
    }

    #ibuprofenproductmobile {
        display: block
    }

    #ibuprofen-head .page-cm-head {
        margin-top: 32px
    }

    #ibu-indicationsection .page-cm-head {
        margin-top: 25px;
        font-size: 40px !important;
        font-weight: 900;
        color: #4d4d4d
    }

    #ethly-acetateproduct {
        background: url(../images/ehaly-bg-min.jpg), #F6BB43;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        height: 200px
    }

    .request-ethly-acetateproduct-btn {
        margin-top: 12%;
        margin-bottom: 2%;
        margin-left: 4%;
        text-align: center;
        padding-top: 23px
    }

    #acetic-anhydride {
        background: url(../images/acetic-anhydride-bg-mobile-view.jpg), #4f9e45;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top;
        height: 280px
    }

    #fenofibrate {
        background: url(../images/fenofibrate-banner-image-mobile-view-green.jpg), #4f9e45;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top;
        height: 280px
    }

    #ibuprofenproduct {
        background: url(../images/ibu-banner-image-mobile-view-green.jpg), #4f9e45;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top;
        height: 280px
    }

    #metforminproduct {
        background: url("../images/metformin-banner-image-mobile-view-green.jpg"), #4f9e45;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top;
        height: 280px
    }

    #pantoprazoleproduct {
        background: url(../images/pantoprazol-banner-image-mobile-view-green.jpg), #4f9e45;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top;
        height: 285px !important
    }

    #clopidogrelproduct {
        background: url("../images/clopidogrel-banner-image-mobile-view-green.jpg"), #4f9e45;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top;
        height: 280px
    }

    #lamotrigine {
        background: url("../images/lamotrigine-banner-image-mobile-view-green.jpg"), #4f9e45;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top;
        height: 280px
    }

    #paracetamolproduct {
        background: url("../images/paracetamol-mobile-bg-formula.jpg"), #4f9e45;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top;
        height: 280px
    }

    #levetiracetamproduct {
        background: url("../images/levetiracetamproduct-mobile-bg.jpg"), #4f9e45;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top;
        height: 280px
    }

    #losartan-potassiumproduct {
        background: url("../images/losartan-potassiumproduct-mobileview-bg.jpg"), #4f9e45;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top;
        height: 280px
    }

    #gabapentin {
        background: url("../images/gabapentin-banner-image-mobile-view-green.jpg"), #4f9e45;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top;
        height: 280px
    }

    #ibuprofenproduct .invest-head,
    #pantoprazoleproduct .invest-head,
    #metforminproduct .invest-head,
    #lamotrigine .invest-head,
    #clopidogrelproduct .invest-head,
    #paracetamolproduct .invest-head,
    #levetiracetamproduct .invest-head,
    #losartan-potassiumproduct .invest-head,
    #ethly-acetateproduct .invest-head,
    #gabapentin .invest-head,
    #acetic-anhydride .invest-head,
    #fenofibrate .invest-head {
        font-size: 19px;
        margin-left: 19%;
        margin-top: 0
    }

    #ibuprofenproduct .main-head,
    #pantoprazoleproduct .main-head,
    #metforminproduct .main-head,
    #lamotrigine .main-head,
    #clopidogrelproduct .main-head,
    #paracetamolproduct .main-head,
    #levetiracetamproduct .main-head,
    #losartan-potassiumproduct .main-head,
    #ethly-acetateproduct .main-head,
    #gabapentin .main-head,
    #acetic-anhydride .main-head,
    #fenofibrate .main-head {
        margin-top: -127px !important;
        text-align: center;
        font-size: 19px
    }

    #ibuprofenproduct .breadcrumbb,
    #pantoprazoleproduct .breadcrumbb,
    #metforminproduct .breadcrumbb,
    #lamotrigine .breadcrumbb,
    #clopidogrelproduct .breadcrumbb,
    #paracetamolproduct .breadcrumbb,
    #levetiracetamproduct .breadcrumbb,
    #losartan-potassiumproduct .breadcrumbb,
    #ethly-acetateproduct .breadcrumbb,
    #gabapentin .breadcrumbb,
    #acetic-anhydride .breadcrumbb,
    #fenofibrate .breadcrumbb {
        text-align: center
    }

    .request-ibu-button1 {
        font-size: 16px !important;
        padding: 10px 22px 10px 22px;
        margin-top: 10px;
        margin-left: -5px;
        width: 59%
    }

    .request-ibu-button {
        font-size: 16px !important;
        padding: 10px 13px 10px 13px;
        margin-left: -7px;
        width: 20%
    }

    .request-ibuproduct-btn {
        margin-top: 5%;
        margin-bottom: 9%;
        margin-left: 10%
    }

    .requestsample {
        margin-top: 10%;
        margin-left: 0%
    }

    .requestsample1 {
        margin-top: -33%;
        margin-left: 0%
    }

    .indication-section {
        margin-left: 5%;
        margin-right: 5%
    }

    .ww-100 {
        width: 90% !important;
        margin-left: 21px;
        margin-bottom: 38px;
        margin-top: 7px
    }

    .carousel-indicators li {
        height: 3px;
        width: 36px
    }

    .rc-anchor-normal {
        height: 74px;
        width: 335px !important
    }

    .slick-next::before {
        background: url(../images/right-arrow3.png);
        left: 10px
    }

    .slick-prev::before {
        background: url(../images/left-arrow3.png);
        left: 5px
    }

    .slick-next::before,
    .slick-prev::before {
        width: 20px !important;
        height: 20px !important
    }

    .rc-anchor-normal .rc-anchor-pt {
        margin: 2px 40px 0 0 !important
    }

    .slick-next,
    .slick-prev {
        background: #a0bf48 !important;
        height: 36px !important;
        width: 36px !important;
        border-radius: 65px !important
    }

    .slick-prev,
    .slick-next {
        top: 66% !important
    }

    .carousel-control-next-icon,
    .carousel-control-prev-icon {
        margin-top: -20px
    }

    .brochure-download-btn1 {
        text-align: center;
        padding: 5px 0px 5px 0px;
        margin-top: 10px;
        font-size: 16px;
        margin-bottom: 14%;
        width: 33%;
        margin-left: -11px
    }

    .brochure-download-btn {
        font-size: 16px;
        margin-left: 112px;
        width: 27%;
        margin-top: 17px;
        padding: 6px 0px 5px 0px
    }

    .arrow-btnibu {
        margin-left: -20px
    }

    #cop-head {
        padding-top: 40px
    }

    #about,
    #invest-top {
        background: 0 0 !important
    }

    .news-press .card {
        width: 270px !important
    }

    .card {
        margin-bottom: 20px
    }

    .mob-landing-spc {
        padding-top: 25px
    }

    .in-page-bg-esg:before {
        margin-top: 0 !important;
        height: 20% !important
    }

    #investor .main-sub-head,
    .main-head {
        margin-top: 10px !important
    }

    #efforts-list ul {
        padding: 0
    }

    #invest-top {
        height: 0 !important
    }

    #investor {
        margin-top: 30px
    }

    #investor .row .main-head {
        margin-top: 30px !important
    }

    #investor .main-sub-head {
        margin-left: 0 !important
    }

    .invest-right-box .col-md-6 {
        text-align: left !important;
        margin-top: 20px
    }

    #lead-second {
        padding-bottom: 50px
    }

    .in-page-bg-manuc .main-sub-head {
        margin-top: 0 !important
    }

    .soc_landing_text {
        margin-left: 0 !important
    }

    .in-page-bg-pur:before {
        margin-top: 0 !important;
        height: 60% !important
    }

    #apingd h4.api_landing_text,
    #esg-overview h4.esg-landing-text,
    #our-pur h2,
    #social h4.landing-text,
    h4.manuc_para {
        font-size: 22px !important
    }

    #our-pur .sec4-head2 {
        margin-bottom: 10px !important
    }

    #our-pur {
        height: auto !important
    }

    #our-pur .sec4-head {
        font-size: 30px !important
    }

    .in-page-bg-poli:before {
        margin-top: 0 !important;
        height: 30% !important
    }

    .card-text {
        padding-bottom: 20px
    }

    #efforts-list-social h6 {
        margin-top: 10px
    }

    #home-content2 {
        margin-top: 40px
    }

    #invest-boxes .invest-boxes-inner .invest-boxes-inner-bottom {
        top: 10px !important
    }

    .gover-cir {
        margin: 0 !important
    }

    td:last-child {
        top: -10px;
/*         height: 100px */
        height: auto
    }

    #governance-structure .page-cm-head,
    h3.manuc_landing_text {
        font-size: 26px !important
    }

    #place-work h3,
    .counter-inner-span {
        font-size: 30px !important
    }

    .in-page-bg-lead:before {
        height: 30% !important
    }

    .mob-landing-spc br,
    .purposebr br,
    .service-second-table .service-second-table-box-inner br {
        display: block !important
    }

    .box-carousel-social h3 {
        font-size: 28px !important
    }

    .che_landing_text,
    .page-IAR-subhead,
    .past-head h2,
    .rd-emp-para h4 {
        font-size: 22px !important
    }

    .in-page-bg-spe_che:before {
        margin-top: 0 !important
    }

    .in-page-bg-repo:before {
        margin-top: 0 !important;
        height: 50% !important
    }

    #iar .api_landing_text {
        font-size: 18px !important
    }

    .iar-pdf-block {
        position: relative !important
    }

    #investors-financial-results .card-body ul li,
    #past-annual-report .past-f-row,
    #past-annual-report .row {
        text-align: center
    }

    .h2-tab-sub {
        font-size: 16px !important
    }

    #investors-financial-results .card-body .iar-pdf-fin-res {
        float: none !important;
        display: block;
        margin-top: 10px;
        text-align: center
    }

    .in-page-bg-analyst-speak::before,
    .in-page-bg-earn-concall::before,
    .in-page-bg-email::before,
    .in-page-bg-finance::before {
        margin-top: 0 !important
    }

    #past-annual-report .past-annual-img,
    .h2-tab-sub {
        margin-left: 0 !important
    }

    #investors-analyst-speak .analyst-box {
        padding-left: 15px !important
    }

    .service-second-table .service-second-table-box,
    .service-second-table .service-second-table-box2 {
        padding: 15px !important;
        margin-left: 0 !important;
        max-width: 100% !important;
        background: 0 0 !important
    }

    #investors-service table .stock-col {
        font-weight: 400;
        font-size: 16px !important
    }

    #investors-service table .stock-col,
    #investors-service table .stock-col2 {
        padding: 20px 20px 20px 45% !important;
        text-align: center !important
    }

    .second-table-box h3 {
        font-size: 24px !important
    }

    .inv-event-row p,
    .service-second-table h3 {
        font-size: 18px !important
    }

    .in-page-bg-rd:before {
        height: 70% !important
    }

    .rd-emp {
        position: relative !important;
        right: 0 !important
    }

    .business-boxes {
        width: 100% !important;
        margin-bottom: 50px
    }

    .box-carousel-business .card-text {
        font-size: 20px !important
    }

    .b-card2 .card-text {
        margin-bottom: 30px !important
    }

    .b-card1 .card-text {
        margin-bottom: 60px !important
    }

    .in-page-bg-business-over::before,
    .in-page-bg-contact:before,
    .in-page-bg-cor-benefits:before,
    .in-page-bg-cor-poli:before,
    .in-page-bg-inv-events:before,
    .in-page-bg-inv-gove:before,
    .in-page-bg-job-open:before,
    .in-page-bg-our-people:before,
    .in-page-bg-rd:before,
    .in-page-corp-over:before,
    .inv-resource-row h3 {
        margin-top: 0 !important
    }

    .inv-gov-head {
        color: #fff;
        font-size: 24px !important;
        font-weight: bolder
    }

    #investor-corporate-policies p {
        font-size: 20px !important;
        margin-bottom: 40px
    }

    #investor-corporate-benefits tr:first-child {
        display: none
    }

    .inv-resource-row {
        margin: 0
    }

    #contact .addr3 li span,
    .agm-egm-pb .accordion {
        width: 100% !important
    }

    #place-work h4,
    .place-work-deal {
        font-size: 22px !important
    }

    #job-openings h4.job-left-head {
        margin-top: 0 !important;
        font-size: 26px !important;
        width: 100% !important
    }

    .job-list .job-main-head {
        padding-left: 0 !important
    }

    .landing-text {
        font-size: 20px !important
    }

    #contact .addr-block,
    #contact .addr-block11 {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    #contact .addr3 li span a {
        word-break: break-all !important
    }

    .contact-table {
        padding-left: 15px;
        padding-right: 15px
    }

    #contact td:nth-child(1) {
        padding-left: 0 !important;
        text-align: center
    }

    #contact td:nth-child(2) {
        padding-left: 0 !important;
        text-align: center !important
    }

    #contact h5,
    .prod-sales-en h4 {
        padding-left: 15px
    }

    .addr-cl,
    .addr4-li {
        padding-left: 15px !important
    }

    #corp-gover-table table th,
    .contact-table2 {
        width: 100% !important
    }

    .contact-table tr,
    .contact-table tr.ct-tr {
        border: 1px solid #000
    }

    .contact-table tr td {
        top: 0 !important
    }

    .contact-table tr {
        top: 0 !important
    }

    #work-force-head h3.left-head {
        position: relative
    }

    #work-force-head h3 {
        font-size: 26px !important;
        margin-top: 40px
    }

    #csr-head .left-head,
    #work-force-head h3.left-head {
        top: 0 !important;
        width: 100% !important;
        font-size: 22px !important
    }

    #csr-head .page-cm-head {
        font-size: 24px !important
    }

    .csr-storie-btm a.csr-btn {
        width: 70% !important
    }

    #ibuprofen-head .left-head {
        top: 0 !important;
        width: 100% !important;
        font-size: 28px !important
    }

    #ibu-sec {
        padding-top: 0 !important
    }

    #ibu-sec_2 {
        padding-top: 0 !important
    }


    .Our-Vision,
    .contact-table tr {
        height: auto !important
    }

    .main-sub-head {
        margin-top: 0 !important;
        margin-left: 1px !important
    }

    .exc-name {
        position: relative !important;
        margin-top: 20px;
        margin-left: 20px
    }

    .bod-btn {
        width: 83% !important;
        margin-left: 20px !important
    }

    .executive-team-right-sec img {
        padding: 15px
    }

    .esg-in-boxes2 {
        padding: 40px !important
    }

    .effort-btn {
        top: 0 !important;
        position: relative
    }

    .all-efforts,
    .in-page-bg-all-efforts:before,
    .in-page-bg-pipe:before,
    .in-page-bg-stock-info:before {
        margin-top: 0 !important
    }

    .all-efforts-img {
        padding: 30px !important;
        left: 0 !important
    }

    .all-efforts-list {
        padding: 40px !important;
        margin-top: 10px !important
    }

    .efforts-head {
        font-size: 30px !important;
        margin-bottom: 0 !important
    }

    .collab-white-box {
        padding: 20px !important
    }

    #corp-gover-table table tr td {
        padding: 30px 30px 30px 45% !important;
        text-align: center !important
    }

    #ibuprofen-head .page-cm-head,
    #job-application h3,
    h2.social-img-head {
        font-size: 24px !important
    }

    #job-application p {
        font-size: 18px !important
    }

    #contact .addr2,
    #contact .addr3 {
        line-height: 2 !important
    }

    #contact .addr2 li span {
        left: 39px !important
    }

    #job-application h3,
    #job-application p,
    .control-label,
    .job-form-btn {
        margin-left: 0 !important
    }

    #site-footer p.footer-pp-tc,
    .dev-by,
    .job-open-img-blk {
        text-align: left !important
    }

    .job-open-img {
        margin-top: 0 !important;
        margin-bottom: 20px
    }

    .footer-list li,
    footer p {
        font-size: 16px !important
    }

    .director-details,
    .director-details2,
    .director-details3,
    .director-details4,
    .director-details5,
    .director-details6 {
        display: block !important;
        position: relative !important;
        top: 0 !important;
        max-width: 300px !important;
        margin: 0 auto;
        padding: 20px !important;
        right: 0 !important
    }

    .exec-name-box {
        display: none
    }

    .director-details2:before,
    .director-details3:before,
    .director-details4:before,
    .director-details5:before,
    .director-details:before {
        display: none !important
    }

    #executive-team-row2 .exec-name-box {
        display: block !important
    }

    .exec-director-details,
    .exec-director-details2,
    .exec-director-details3 {
        display: block !important;
        position: relative !important;
        top: 0 !important;
        max-width: 300px !important;
        margin: 0 auto;
        padding: 20px !important;
        right: 0 !important
    }

    .footer-pp-tc a {
        color: #fff
    }

    .footer-pp-tc a:hover {
        color: #95c158
    }

    #footer-sign-up-form {
        padding: 0 !important
    }
}

.che_landing_text {
    font-size: 29px !important
}

.spl-che td {
    padding: 36px
}

.spl-che td:nth-child(1) {
    vertical-align: top;
    padding: 36px
}

.api_landing_text {
    font-size: 26px !important
}

.manuc_landing_text {
    font-size: 46px !important
}

.manuc_para,
.polilanding-text {
    font-size: 26px !important
}

.polilanding-text {
    margin-bottom: 26px !important;
    font-weight: 600;
    width: 77%
}

.fixed ul.main-nav a.invest-link-menu {
    color: #fce283 !important
}

.menu .logo {
    margin-left: 50px;
    position: relative
}

@media (min-width: 1200px) {
    .container {
        max-width: 85% !important
    }

    #home-content2 {
        margin-top: 0
    }
}

@media (min-width: 1370px) and (max-width: 1500px) {
    ul.main-nav {
        max-width: 85% !important
    }

    ul.main-nav>li>a {
        padding: 2px 22px !important
    }
}

@media (min-width: 1510px) {
    .container {
        max-width: 85% !important
    }

    ul.main-nav>li>a {
        padding: 2px 28px !important;
        font-size: 17px !important
    }

    .arrow-btn {
        margin: -90px auto !important
    }

    .arrow-block2 .arrow-btn {
        margin: 75px auto !important
    }

    .esg-menu-box {
        max-width: 32% !important;
        margin-right: 15px !important
    }

    .home-content .main-head,
    .lead-second-box .lead-white-box2 p,
    .lead-white-box p {
        margin-bottom: 80px !important
    }

    .sub-menu-block {
        padding-left: 320px !important
    }

    #home-content2 {
        margin-top: -20px
    }

    .mb_72 {
        margin-bottom: 152px !important
    }

    .sub-sub-menu h4 {
        margin-bottom: 10px
    }

    .in-page-bg-esg::before {
        margin-top: 8% !important
    }

    .in-page-bg-gov::before {
        margin-top: 8.5% !important
    }

    .in-page-bg-awd::before {
        margin-top: 9% !important
    }

    .in-page-bg-lead::before {
        margin-top: 8% !important
    }

    .in-page-bg-pur::before {
        margin-top: 4.8% !important
    }

    #our-history-home::before {
        margin-top: 5% !important
    }

    .in-page-bg-poli::before {
        margin-top: 8.5% !important
    }

    .timeline {
        margin-top: -14% !important
    }

    #policies-card .card-body {
        height: 160px
    }

    #policies-card .card-body b {
        font-size: 19px;
        line-height: 23px
    }

    #policies-card .card-text {
        position: absolute;
        bottom: 10px;
        right: 15px
    }

    #home {
        height: 780px
    }

    .timeline .left-t-item::before {
        top: -16px !important;
        left: calc(100% - -7px) !important
    }

    .sec4-para {
        font-size: 20px;
        width: 70%
    }

    ul.main-nav {
        padding-right: 96px !important
    }

    .imgttitle h4 {
        font-size: 19px !important
    }

    .Inv-esg-org-box ul li a,
    .inv-zone h4,
    ul.main-nav>li ul.sub-menu-lists>li>a {
        font-size: 18px !important
    }

    .landing-text-home {
        font-size: 36px !important
    }

    .footer-list li,
    footer p {
        font-size: 16px !important
    }

    .snip1273 {
        max-width: 400px !important
    }

    .snip1273 p {
        font-size: 28px !important
    }

    .esg-circle h3 {
        font-size: 33px !important
    }

    .esg-circle .env-cir {
        margin-left: 30px !important
    }

    .esg-circle .social-cir,
    .snip1273 p {
        margin-left: 70px !important
    }

    #invest-link-section ul li a {
        font-size: 17px
    }

    #invest-link-section ul li {
        line-height: 37px
    }

    .invest-link-box1 {
        max-width: 21% !important
    }

    .invest-link-box {
        max-width: 26% !important
    }

    .invest-link-box3 {
        max-width: 21% !important
    }

    #invest-link-section .row {
        margin-left: 120px
    }

    .finance-right-box span {
        font-size: 18px
    }

    #financial-results h4 span,
    .Our-Vision p {
        font-weight: 600;
        font-size: 22px;
    }

    .in-page-bg-api:before {
        margin-top: 5.2% !important
    }

    .in-page-bg-spe_che:before {
        margin-top: 4.6% !important
    }

    .investors .sub-menu-block .col-lg-3 {
        max-width: 24% !important
    }

    .home-content .home-left-img {
        width: 290px !important
    }

    .home-left-box h5 {
        font-size: 24px !important
    }

    .in-page-bg-manuc:before {
        margin-top: 4% !important
    }

    .in-page-bg-repo:before {
        margin-top: 5.3% !important
    }

    .in-page-bg-earn-concall:before,
    .in-page-bg-email:before {
        margin-top: 5.4% !important
    }

    .in-page-bg-analyst-speak:before {
        margin-top: 5.32% !important
    }

    .in-page-bg-rd:before,
    .in-page-bg-stock-info:before {
        margin-top: 5.4% !important
    }

    .in-page-bg-business-over:before {
        margin-top: 4.9% !important;
        z-index: 0
    }

    .in-page-bg-inv-gove:before {
        margin-top: 5.4% !important
    }

    .in-page-bg-cor-poli:before {
        margin-top: 5.3% !important
    }

    .in-page-bg-cor-benefits:before {
        margin-top: 5.5% !important
    }

    .in-page-bg-inv-agm-egm:before,
    .in-page-bg-inv-events:before,
    .in-page-bg-our-people:before {
        margin-top: 5.3% !important
    }

    .agm-egm-pb .accordion {
        width: 415px !important
    }

    .in-page-bg-job-open:before {
        margin-top: 5.4% !important
    }

    .in-page-bg-contact:before {
        margin-top: 5.3% !important
    }

    .in-page-corp-over:before {
        margin-top: 4.8% !important
    }

    .Our-Vision {
        height: 90%;
    }

    .Our-Vision p {
        font-size: 22px
    }

    .in-page-bg-exec:before {
        margin-top: 7.8% !important
    }

    .in-page-bg-whc:before {
        margin-top: 5.2% !important
    }

    .in-page-bg-all-efforts:before {
        margin-top: 8.2% !important
    }

    #apingd h4.api_landing_text {
        font-size: 28px !important
    }

    #invest-contact .invest-contact-box .box-btn.invest-btn2 {
        margin-top: 80px !important
    }

    .b-card3 .card-text {
        margin-bottom: 30px !important
    }

    .news-press .card {
        width: 550px !important
    }

    .director-details,
    .director-details2,
    .director-details3,
    .director-details4,
    .director-details5,
    .director-details6 {
        padding-top: 60px !important;
        padding-right: 60px !important
    }

    .director-details3 {
        top: -35px !important
    }

    .director-details4,
    div.director-details2 {
        top: -20px !important;
        padding-bottom: 52px !important
    }

    .director-details5,
    .director-details6 {
        top: -20px !important;
        padding-bottom: 26px !important
    }

    .in-home-page-link {
        padding: 30px !important
    }

    .exec-director-details {
        top: 30px !important
    }

    .exec-director-details2 {
        top: 10px !important
    }

    .exec-director-details3 {
        max-width: 613px;
        top: -30px
    }
}

@media screen and (min-width: 1650px) {
    ul.main-nav>li>a {
        padding: 2px 29px !important
    }

    ul.main-nav>li ul.sub-menu-lists>li>a {
        font-size: 19px !important
    }

    .abt-esg-menu .imgttitle h4 a {
        font-size: 20px
    }

    .esg-menu-box {
        max-width: 32% !important;
        margin-right: 15px !important
    }

    .imgmore {
        margin-top: 16px
    }

    .inv-menu {
        height: 60vh !important
    }

    .imgttitle h4,
    ul.main-nav>li>a {
        font-size: 20px !important
    }

    ul.main-nav {
        max-width: 1300px !important;
        padding-right: 150px !important
    }

    .mb_72 {
        margin-bottom: 179px !important
    }

    .landing-text-home {
        font-size: 40px !important
    }

    .Allied,
    .Committed {
        font-size: 135px !important
    }

    .home-content .home-left-img {
        width: 290px !important
    }

    .home-left-box h5 {
        font-size: 24px
    }

    .arrow-btn {
        margin: -100px auto !important
    }

    .in-page-bg-awd::before {
        margin-top: 8% !important
    }

    .in-page-bg-esg::before,
    .in-page-bg-gov::before,
    .in-page-bg-lead::before {
        margin-top: 7.5% !important
    }

    #efforts-list::before {
        margin-top: 82px !important
    }

    .esg-img-1 {
        width: 1650px
    }

    #invest-boxes .invest-boxes-inner {
        width: 340px !important
    }

    #invest-boxes .invest-boxes-inner img {
        margin: 20px 90px !important;
        width: 140px
    }

    #invest-boxes .invest-boxes-inner .invest-boxes-inner-bottom {
        top: 0 !important
    }

    .crpt-poli-btn {
        margin-top: 19%
    }

    #news .box-btn {
        margin-top: 90px !important
    }

    #invest-contact .invest-contact-box .box-btn.invest-btn1 {
        margin-top: 99px !important
    }

    #invest-contact .invest-contact-box .box-btn.invest-btn2 {
        margin-top: 80px !important
    }

    #investor .main-head {
        margin-top: -79px !important
    }

    .lead-white-box p {
        margin-bottom: 80px !important;
        font-size: 23px !important
    }

    .Inv-esg-org-box ul li a,
    .director-details span,
    .director-details2 span,
    .director-details3 span,
    .director-details4 span,
    .director-details5 span,
    .director-details6 span,
    .exec-director-details span,
    .exec-director-details2 span,
    .exec-director-details3 span,
    .lead-white-box .box-btn {
        font-size: 20px !important
    }

    .in-page-bg-pur::before {
        margin-top: 4.4% !important
    }

    .timeline .timeline-items .left-t-item::before {
        left: calc(100% - 5px) !important;
    }

    .timeline-items .left-t-item::after {
        left: calc(100% - 1.4%) !important;
    }

    #our-history-home::before {
        margin-top: 4.5% !important
    }

    .in-page-bg-api:before,
    .in-page-bg-poli::before {
        margin-top: 7.5% !important
    }

    .sec4-para {
        font-size: 20px;
        width: 62%
    }

    .snip1273 {
        max-width: 450px !important
    }

    .snip1273 img {
        width: 100% !important
    }

    .snip1273 p {
        margin-left: 65px !important;
        font-size: 30px !important;
        width: 190px !important
    }

    .env-boxes .waste .snip1273 p {
        width: 252px !important;
        left: 60px
    }

    .env-boxes .water .snip1273 p {
        width: 150px !important
    }

    .esg-circle h3 {
        font-size: 36px !important
    }

    .esg-circle .env-cir {
        margin-left: 40px !important
    }

    .esg-circle .social-cir {
        margin-left: 90px !important
    }

    footer p {
        font-size: 16px !important
    }

    .in-page-bg-spe_che:before {
        margin-top: 4.3% !important
    }

    .investors .sub-menu-block .col-lg-3 {
        max-width: 21% !important
    }

    #green-start .deal {
        margin-top: 117px !important
    }

    #lead-second h3 {
        font-size: 32px !important
    }

    .in-page-bg-manuc:before {
        margin-top: 3.7% !important
    }

    .in-page-bg-repo:before {
        margin-top: 4.7% !important
    }

    .in-page-bg-rd:before,
    .in-page-bg-stock-info:before {
        margin-top: 4.8% !important
    }

    .in-page-bg-business-over:before {
        margin-top: 4.4% !important
    }

    .in-page-bg-cor-poli:before,
    .in-page-bg-inv-gove:before {
        margin-top: 4.8% !important
    }

    .in-page-bg-cor-benefits:before {
        margin-top: 5% !important
    }

    .in-page-bg-inv-events:before {
        margin-top: 4.9% !important
    }

    .in-page-bg-inv-agm-egm:before,
    .in-page-bg-job-open:before,
    .in-page-bg-our-people:before {
        margin-top: 4.8% !important
    }

    .agm-egm-pb .accordion {
        width: 430px !important
    }

    .in-page-bg-whc:before {
        margin-top: 4.7% !important
    }

    .card-text {
        font-size: 25px
    }

    .in-page-bg-all-efforts:before {
        margin-top: 7.4% !important
    }

    .all-efforts-list,
    .director-details p,
    .director-details2 p,
    .director-details3 p,
    .director-details4 p,
    .director-details5 p,
    .director-details6 p,
    .exec-director-details p,
    .exec-director-details2 p,
    .exec-director-details3 p {
        font-size: 22px !important
    }

    .in-page-corp-over:before {
        margin-top: 3.9% !important
    }

    .b-card3 .card-text {
        margin-bottom: 65px !important
    }

    .news-press .card {
        width: 620px !important
    }

    .news-press .newsli {
        font-size: 18px !important
    }

    .director-details,
    .director-details2,
    .director-details3,
    .director-details4,
    .director-details5,
    .director-details6 {
        max-width: 580px !important
    }

    .director-details h4,
    .director-details2 h4,
    .director-details3 h4,
    .director-details4 h4,
    .director-details5 h4,
    .director-details6 h4,
    .exec-director-details h4 {
        font-weight: 600;
        font-size: 25px !important
    }

    .director-details {
        top: -73px !important
    }

    .director-details2 {
        top: -25px !important
    }

    .director-details3 {
        top: -75px !important
    }

    .director-details4 {
        top: -32px !important;
        padding-bottom: 40px !important
    }

    .director-details5,
    .director-details6 {
        top: -67px !important;
        padding-bottom: 40px !important
    }

    .executive-team-right-sec {
        padding: 70px 0 80px !important
    }

    .exec-director-details {
        padding: 70px 60px 80px !important;
        top: -50px !important
    }

    .exec-director-details,
    .exec-director-details2 {
        max-width: 600px !important
    }

    .exec-director-details3 {
        max-width: 680px !important
    }
}

.in-page-bg-esg:before,
.in-page-bg:before {
    content: "";
    width: 100%;
    height: 100vh;
    position: absolute
}

.in-page-bg:before {
    background: #d6d7d5;
    z-index: -1;
    top: 40%
}

.in-page-bg-esg:before {
    background: #e6e6e6;
    margin-top: 9%
}

#our-history-home:before,
.in-page-bg-lead:before {
    content: "";
    background: #d6d7d5;
    width: 100%;
    height: 100vh;
    position: absolute
}

.in-page-bg-lead:before {
    margin-top: 9%;
    z-index: 0
}

#lead-who h4 {
    font-weight: 600 !important;
    font-size: 30px !important
}

#lead-second {
    background: url(../images/leaderbg.jpg) no-repeat;
    background-size: cover;
    height: 100vh;
    position: relative;
    z-index: 2
}

.lead-second-box {
    background: rgba(0, 0, 0, 0.5);
    padding: 25px
}

#lead-second h3 {
    font-size: 29px;
    color: #fff;
    margin-bottom: 20px
}

.lead-row .lead-col {
    padding: 0
}

.lead-white-box {
    background: #fff;
    padding: 20px;
    height: 380px
}

.lead-white-box1 p {
    width: 90%
}

.lead-white-box p {
    margin-bottom: 70px;
    font-size: 22px
}

.lead-white-box .box-btn {
    width: 70% !important
}

.lead-white-box2 .box-btn {
    width: 50% !important
}

.lead-white-box2 p {
    margin-bottom: 40px !important
}

.lead-row {
    margin-top: 90px
}

.esg-overview {
    background: #e6e6e6
}

#esg-footrint a {
    text-decoration: dashed;
    color: #444749
}

#esg-overview .landing-text {
    font-weight: 600;
    font-size: 26px !important
}

.esg-second-para {
    font-size: 21px
}

.esg-circle .box-btn {
    font-size: 16px;
    padding: 2px;
    width: 40%;
    text-align: center
}

.esg-boxes .box-btn {
    font-size: 16px;
    padding: 2px 2px 2px 10px;
    width: 20%;
    text-align: left
}

.esg-in-boxes1 {
    padding: 80px 20px 80px 60px;
    background: #d9d9d9
}

.esg-in-boxes2 {
    padding: 80px 20px 80px 60px;
    background: #ccc
}

.esg-in-boxes2 h4 {
    color: #000;
    font-size: 40px
}

.esg-circle .env-cir {
    margin-left: 10px
}

.esg-circle .env-cir p {
    width: 210px
}

.esg-circle .social-cir {
    margin-left: 60px
}

.esg-circle .gover-cir p,
.esg-circle .social-cir p {
    width: 200px
}

.esg-circle .gover-cir {
    margin-left: 30px
}

.esg-circle h3 {
    font-size: 36px;
    font-weight: 600
}

.esg-circle .social-cir .box-btn {
    width: 48% !important
}

.snip1273 {
    position: relative;
    max-width: 360px;
    width: 100%;
    color: #fff;
    text-align: left;
    background-color: #000;
    font-size: 16px;
    margin: 10px 10px 20px
}

.snip1273 * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    transition: all 0.4s ease-in
}

.animation-disabled .snip1273 * {
    transition-duration: 0s !important
}

.snip1273 img {
    position: relative;
    max-width: 100%;
    vertical-align: top
}

.snip1273 figcaption {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    padding: 20px 30px
}

.snip1273 figcaption:after,
.snip1273 figcaption:before {
    width: 1px;
    height: 0
}

.snip1273 figcaption:before {
    right: 0;
    top: 0
}

.snip1273 figcaption:after {
    left: 0;
    bottom: 0
}

.snip1273 h3,
.snip1273 p {
    line-height: 1.5em
}

.snip1273 h3 {
    margin: 0 0 5px;
    font-weight: 700;
    text-transform: uppercase
}

.snip1273 a,
.snip1273 p {
    position: absolute;
    bottom: 0
}

.snip1273 p {
    font-size: 26px;
    font-weight: 500;
    margin-left: 65px;
    width: 160px;
    margin-bottom: 50px;
    text-shadow: 2px 2px #000
}

.snip1273 a {
    top: 0;
    right: 0;
    left: 0;
    z-index: 1
}

.snip1273 figcaption:after,
.snip1273 figcaption:before,
.snip1273:after,
.snip1273:before {
    position: absolute;
    content: "";
    background-color: #96c059;
    z-index: 1;
    transition: all 0.4s ease-in;
    opacity: 0.8
}

@media (prefers-reduced-motion: reduce) {

    .snip1273 figcaption:after,
    .snip1273 figcaption:before,
    .snip1273:after,
    .snip1273:before {
        transition-duration: 0s
    }

    .accordion .card h2.collapsed {
        transition-duration: 0s
    }

    .snip1273 * {
        transition-duration: 0s
    }
}

.animation-disabled .snip1273 figcaption:after,
.animation-disabled .snip1273 figcaption:before,
.animation-disabled .snip1273:after,
.animation-disabled .snip1273:before {
    transition-duration: 0s !important
}

.snip1273:after,
.snip1273:before {
    height: 2px;
    width: 0%
}

.snip1273:before {
    top: 0;
    left: 0
}

.snip1273:after {
    bottom: 0;
    right: 0
}

.snip1273.hover img,
.snip1273:hover img {
    opacity: 0.4
}

.snip1273.hover figcaption:after,
.snip1273.hover figcaption:before,
.snip1273:hover figcaption:after,
.snip1273:hover figcaption:before {
    height: 100%
}

.snip1273.hover:after,
.snip1273.hover:before,
.snip1273:hover:after,
.snip1273:hover:before,
table {
    width: 100%
}

.snip1273.hover figcaption:after,
.snip1273.hover figcaption:before,
.snip1273.hover:after,
.snip1273.hover:before,
.snip1273:hover figcaption:after,
.snip1273:hover figcaption:before,
.snip1273:hover:after,
.snip1273:hover:before {
    opacity: 0.1
}

#efforts-list ul {
    list-style: none
}

#efforts-list ul li {
    font-size: 20px;
    padding: 10px 0 20px;
    border-top: 2px solid #a0bf48
}

#efforts-list ul li.effort-last-li {
    border-bottom: 2px solid #a0bf48
}

.env-boxes .env .snip1273 p,
.env-boxes .water .snip1273 p {
    margin-left: 80px !important
}

.env-boxes .waste .snip1273 p {
    margin-left: 40px !important;
    width: 190px
}

.env-boxes .natural .snip1273 p {
    margin-left: 80px !important
}

.env-boxes .plant .snip1273 p {
    margin-left: 70px !important;
    width: 165px
}

.env-boxes-second-row {
    position: relative;
    left: 17%
}

#green-start h4,
#social .landing-text {
    font-size: 28px !important;
    font-weight: 600
}

#counters_1 h3 {
    font-size: 18px;
    color: #4d4d4d;
    font-weight: 700
}

.box-carousel-social {
    background: #d9d9d9;
    position: relative;
    z-index: 33
}

.box-carousel-social .card-text {
    height: 340px
}

#efforts-list-social {
    background: #d6d6d6
}

#efforts-list-social h6 {
    font-size: 22px;
    font-weight: 900;
    color: #252925
}

#efforts-list-social p {
    font-size: 20px;
    color: #252925
}

#green-start .deal {
    font-size: 35px !important;
    font-weight: 900;
    color: #1a1a1a;
    margin-top: 150px
}

#green-solvent-box h3 {
    font-size: 36px;
    font-weight: 900;
    color: #4d4d4d;
    margin-top: 30px
}

#green-solvent-box h2 {
    color: #000;
    font-weight: 400 !important;
    font-size: 30px
}

#green-apps .landing-text,
#green-solvent-box .landing-text {
    font-size: 21px !important;
    font-weight: 400
}

#green-solvent-box ul {
    padding-left: 20px
}

#green-solvent-box ul li {
    font-size: 21px;
    margin-top: 5px
}

.our-history .deal2 {
    font-weight: 900;
    color: #000;
    font-size: 32px;
    margin-top: 0 !important
}

#our-history-home:before {
    margin-top: 6%
}

#promise .landing-text {
    font-size: 28px !important;
    font-weight: 600
}

.in-page-bg-awd:before,
.in-page-bg-gov:before,
.in-page-bg-poli:before,
.in-page-bg-pur:before {
    content: "";
    background: white;
    width: 100%;
    height: 100vh;
    position: absolute;
    margin-top: 11%
}

.in-page-bg-gov:before,
.in-page-bg-poli:before,
.in-page-bg-pur:before {
    margin-top: 10%
}

#our-pur {
    background: url(../images/our_purpose.jpg) no-repeat;
    background-size: cover;
    height: 100vh;
    position: relative
}

#our-pur .sec4-head2 {
    margin-bottom: 120px;
    font-size: 140px
}

#our-pur h2 {
    font-size: 48px
}

.in-page-bg-gov:before,
.in-page-bg-pur:before {
    margin-top: 5.5%
}

.in-page-bg-gov:before {
    margin-top: 10%
}

#governance-structure {
    background: #d6d7d5
}

#gov-before:before {
    content: "";
    background-image: url("data:image/svg xml,<svg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1240.5 1663.08'><defs><style>.cls-1,.cls-6{fill:none}.cls-2{opacity:0.05}.cls-3{clip-path:url(#clip-path)}.cls-4{clip-path:url(#clip-path-2)}.cls-5{fill:#0c0d0c}.cls-6{stroke:#0c0d0c;stroke-miterlimit:10;stroke-width:9.07px}</style><clipPath id='clip-path'><rect class='cls-1' x='-9' y='-7' width='1258.5' height='1671.08'/></clipPath><clipPath id='clip-path-2'><rect class='cls-1' y='214.27' width='1240.5' height='1234.54'/></clipPath></defs><g class='cls-2'><g class='cls-3'><g class='cls-4'><path class='cls-5' d='M1156.19,719s-35.86-4-59.77-6-37.85-21.91-37.85-21.91l-29.89-65.75c-6-17.93,6-41.84,6-41.84s29.88-31.88,43.83-45.94,0-37.74,0-37.74S976.89,388.25,957,372.3s-40.49,6.53-40.49,6.53-51.16,39.3-59.13,45.28-29.89-2-29.89-2-45.82-21.92-59.77-25.9-20.09-17.38-20.09-17.38-7.8-58.33-11.79-84.23-32-23.9-32-23.9-149.34-2-169.26,0-25.9,23.9-25.9,23.9-4,51.8-4,71.72-17.93,23.91-17.93,23.91L417,424.11c-15.93,6-35.86,0-35.86,0s-36.86-26.9-55.79-45.83-39.85,0-39.85,0L168.71,487.86c-29.17,41.84,37.14,87.67,37.14,87.67,17.93,19.92,10,41.83,10,41.83l-17.93,51.8C189.91,697.06,170,707,170,707s-23.91,8-67.74,10S60.4,752.84,60.4,752.84s-6,133.49-4,155.4,37.86,43.83,67.74,39.85,53.79,10,53.79,10,13.95,29.89,33.88,69.74-17.93,77.7-41.84,95.63-6,35.86-6,35.86,93.64,109.59,115.56,125,43.83,2.51,43.83,2.51,41.84-27.9,53.79-39.85,36.71-9,36.71-9,52.95,28.89,64.91,30.89,19.92,21.91,19.92,21.91,6,43.83,8,67.74S535,1394.38,535,1394.38h13.56s147.44,0,163.38-6,23.9-23.92,23.9-23.92,4-37.85,6-63.75,15.93-29.88,15.93-29.88L825.93,1238c12.42-7,35.61,0,35.61,0s15.72,22.91,53.58,42.83,55.78-4,55.78-4,61.77-69.73,93.65-93.64,12-49.81,12-49.81-35.86-49.81-45.82-61.76-4-21.92-4-21.92S1050.6,984,1056.58,966s15.93-15.94,15.93-15.94,47.82,2,79.71-6,33.86-34.21,33.86-34.21v-165c-6-21.92-29.89-25.9-29.89-25.9M621.05,1174.78c-189.27,0-342.69-153.42-342.69-342.69S431.78,489.41,621.05,489.41,963.72,642.83,963.72,832.09,810.3,1174.78,621.05,1174.78'/><path class='cls-6' d='M168.71,487.86,285.53,378.28s20.93-18.93,39.85,0,55.79,45.83,55.79,45.83,19.92,6,35.86,0l69.73-33.87s17.94-4,17.94-23.91,4-71.72,4-71.72,6-21.92,25.91-23.91,169.26,0,169.26,0,28-2,32,23.91,11.78,84.23,11.78,84.23,6.15,13.39,20.09,17.37,59.77,25.91,59.77,25.91,21.93,8,29.89,2,59.14-45.27,59.14-45.27S937,356.36,957,372.31,1078.5,499.82,1078.5,499.82s13.94,23.65,0,37.72-43.83,46-43.83,46-12,23.92-6,41.84l29.89,65.75S1072.52,711,1096.42,713s59.77,6,59.77,6,23.91,4,29.89,25.89v165s-2,26.24-33.86,34.22-79.7,6-79.7,6-10-2-15.94,15.95-29.89,83.67-29.89,83.67-6,10,4,21.92,45.82,61.76,45.82,61.76,19.92,25.91-12,49.81-93.64,93.64-93.64,93.64-17.94,23.91-55.79,4S861.54,1238,861.54,1238s-23.19-7-35.61,0l-68.21,32.88s-14,4-15.93,29.88-6,63.76-6,63.76-8,17.93-23.91,23.91-163.37,6-163.37,6H535s-26.29-12-28.27-35.86-8-67.73-8-67.73-8-19.93-19.92-21.92S413.89,1238,413.89,1238s-24.75-3-36.71,9-53.79,39.83-53.79,39.83-21.91,12.93-43.83-2.49-115.56-125-115.56-125-17.93-17.94,6-35.87,61.76-55.79,41.84-95.63S178,958.06,178,958.06s-23.91-13.94-53.8-10-65.74-17.93-67.73-39.84,4-155.41,4-155.41S58.41,719,102.24,717,170,707,170,707s19.93-10,27.89-37.85l17.93-51.8s8-21.92-10-41.84C205.84,575.53,139.55,529.7,168.71,487.86Z'/><path class='cls-5' d='M510,952.81c61.76-39.85,109.58-91.65,109.58-91.65a129.33,129.33,0,0,0,29.88-47.81l-73.71,45.82c-43.84,27.9-6-53.79-6-53.79,23.91-61.76,121.53-99.61,121.53-99.61,25.9-10,73.72-35.87,73.72-35.87,0,223.14-111.57,267-111.57,267-33.87,17.93-94.64,9-94.64,9L520,976.72s-33,29.59-41.84,12c-8-15.95,31.88-35.87,31.88-35.87'/></g></g></g><rect class='cls-1' width='1240.5' height='1663.08'/><rect class='cls-1' width='1240.5' height='1663.08'/></svg>");
    background-repeat: no-repeat;
    position: absolute;
    width: 1240px;
    height: 948px;
    margin-top: 20%;
    left: -270px
}

#investor .main-head {
    margin-top: -82px !important
}

#investor,
#investor .main-head .Overview,
#investor .main-sub-head {
    color: #fff !important
}

#investor {
    background: url(../images/investor-img.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

#invest-top {
    height: 150px;
    background: #b2b2b2
}

#investor h2 {
    font-size: 33px;
    font-weight: 900;
    margin-bottom: 15px
}

#investor .invest-head {
    font-size: 21px
}

#investor p {
    font-size: 26px;
    margin-bottom: 70px;
    line-height: 36px
}

#investor .invest-btn {
    padding: 8px 15px 8px 8px;
    border: 1px solid #fff;
    color: #fff
}

#investor .invest-btn:hover,
#social-btm-sec a:hover,
.service-second-table a:hover {
    text-decoration: dashed
}

#investor .invest-btn:hover {
    color: #fff !important
}

#investor .invest-right-box {
    background: rgba(0, 0, 0, 0.5);
    padding: 30px 20px 20px 30px;
    width: 430px;
    margin-left: 75px
}

.invest-right-box h3 {
    font-weight: 900;
    font-size: 24px
}

.invest-right-box h6 {
    font-size: 16px
}

#invest-link-section {
    background: #111619;
    padding: 20px
}

#invest-link-section ul {
    list-style: none;
    padding: 0
}

#invest-link-section ul ul {
    border: 1px solid #fff;
    padding-left: 30px;
    width: 85%
}

#invest-link-section ul li a {
    color: #fff;
    line-height: 35px
}

#invest-link-section ul li a:hover {
    color: #a0bf48 !important;
    text-decoration: dashed
}

#financial-results {
    background: #e6e6e6;
    color: #333
}

#financial-results h3 {
    font-weight: 900 !important;
    font-size: 32px
}

#financial-results h6 {
    font-size: 16px
}

#financial-results h4 {
    font-size: 18px
}

#financial-results h4 span,
.earn-row,
.finance-right-box h4 {
    border-bottom: 1px solid #333
}

.earn-row-box {
    padding: 0
}

.finance-right-box {
    margin-left: 50px
}

.finance-right-box h4 {
    font-size: 42px !important;
    font-weight: 900
}

.finance-right-box .mb-5 {
    margin-bottom: 35px !important
}

.box-slider2 .slick-next,
.box-slider2 .slick-prev {
    background: #999 !important;
    height: 45px !important;
    width: 45px !important;
    border-radius: 45px !important
}

#platform h2 {
    font-weight: 600;
    font-size: 36px
}

#invest-boxes,
#invest-contact,
#platform {
    background: #e6e6e6
}

#invest-boxes .invest-boxes-inner {
    background: #fff;
    padding: 20px;
    width: 300px;
/*     height: 360px; */
    border: 1px solid #005123;
	display: flex;
    flex-direction: column;
    height: 100%;
}

#invest-boxes .invest-boxes-inner img {
    margin: 20px 50px
}

#invest-boxes .invest-boxes-inner .invest-boxes-inner-bottom {
    position: relative;
    top: 20px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 15px;
}

#invest-boxes .invest-boxes-inner .invest-boxes-inner-bottom h4 {
    font-size: 23px;
    font-weight: 900;
    margin-bottom: 15px
}

#invest-boxes .invest-boxes-inner .invest-boxes-inner-bottom p {
   margin-bottom: 15px;
        font-size: 16px;
        width: 95%;
        display: -webkit-box;
        -webkit-line-clamp: 2;   /* Number of lines on mobile */
        -webkit-box-orient: vertical;
        overflow: hidden;
}
@media (max-width: 767px) {
    #invest-boxes .invest-boxes-inner .invest-boxes-inner-bottom p {
        margin-bottom: 35px;
        font-size: 16px;
        width: 95%;
        display: -webkit-box;
        -webkit-line-clamp: 2;   /* Number of lines on mobile */
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}
#invest-boxes .invest-boxes-inner .invest-boxes-inner-bottom .box-btn {
    font-size: 16px;
    padding: 0 0 0 6px !important;
    width: 100px;
	margin-top: auto;

}

#news h2,
#news h3 {
    color: #4d4d4d;
    font-size: 42px;
    font-weight: 900
}

#news h3 {
    font-size: 26px;
    color: #333
}

#news p {
    font-size: 22px;
    color: #333
}

#news .box-btn {
    margin-top: 25px;
    width: 110px;
    padding: 3px 3px 3px 6px
}

.news-row {
    border-top: 1px solid #000;
    padding-bottom: 15px;
    padding-top: 15px
}

#invest-contact .invest-contact-box {
    background: #fff;
    height: 350px;
    padding: 30px;
    border: 2px solid #005123
}

#invest-contact .invest-contact-box h2 {
    color: #333;
    font-size: 42px;
    font-weight: 900;
    margin-top: 20px
}

#invest-contact .invest-contact-box p {
    font-size: 21px;
    margin-top: 30px;
    width: 80%
}

#invest-contact .invest-contact-box .box-btn.invest-btn1 {
    width: 110px;
    margin-top: 100px;
    font-size: 16px
}

#invest-contact .invest-contact-box .box-btn.invest-btn2 {
    width: 145px;
    margin-top: 50px;
    font-size: 16px
}

#financial-results .hh2 {
    margin-left: -15px;
    font-weight: 600
}

.box-slider2 .slick-next::before,
.box-slider2 .slick-prev::before {
    content: "" !important;
    opacity: 1 !important;
    display: flex;
    position: relative
}

.box-slider2 .slick-prev::before {
    background: url(../images/left-arrow.png);
    width: 25px !important;
    height: 32px !important;
    left: 5px;
    top: -4px
}

.box-slider2 .slick-next::before {
    background: url(../images/right-arrow.png) no-repeat;
    width: 26px !important;
    height: 33px !important;
    left: 12px;
    background-size: contain;
    top: 3px
}

table {
    border-collapse: collapse;
    margin: 20px auto;
    border: 1px solid #000
}

tr:nth-of-type(even),
tr:nth-of-type(odd) {
    background: #dddede
}

td,
th {
    padding: 20px;
    text-align: center
}

th {
    background: #000001;
    color: #fff;
    font-weight: 400;
    border-right: 1px solid #fff;
    font-size: 18px
}

td {
    border: 1px solid #000;
    font-size: 17px
}

td:nth-child(1) {
    background-color: #c2c3c3;
    font-weight: 600
}

.tbl_lrn_mr,
.tbl_spe_che {
    color: #fff;
    text-align: center;
    width: 100%;
    padding: 1px 11px;
    font-size: 16px;
    display: inline-block
}

.tbl_spe_che {
    width: 41%;
    padding: 7px 8px
}

@media only screen and (max-width: 802px) {
    table {
        width: 100%
    }

    table,
    tbody,
    td,
    th,
    thead,
    tr {
        display: block
    }

    td:before,
    thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    tr {
        border: 1px solid #ccc
    }

    td {
        border: 0;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50% !important;
    }

    .manufacturing-accred-table td{
       padding-left: 10px !important;
     }

    #api-table td {
        padding: 20px 20px 20px 50% !important
    }

    td:before {
        top: 11px;
        left: 6px;
        width: 48%;
        padding-right: 0;
        white-space: inherit;
        content: attr(data-column);
        color: #000;
        font-weight: 700;
        font-size: 14px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    table {
        width: 100%
    }

    table,
    tbody,
    td,
    th,
    thead,
    tr {
        display: block
    }

    td:before,
    thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    tr {
        border: 1px solid #ccc
    }

    td {
        border: 0;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%
    }

    #api-table td {
        padding: 20px 20px 20px 50% !important
    }

    td:before {
        top: 20px;
        left: 6px;
        width: 45%;
        padding-right: 0;
        white-space: inherit;
        content: attr(data-column);
        color: #000;
        font-weight: 700
    }
}

.top-spc {
    margin-top: 40px !important
}

.env-box-carousel {
    background: #e6e6e6 !important
}

.env-box-carousel .card-text {
    height: 330px
}

.env-effors-list {
    background: #d6d7d5 !important
}

.card-body {
    background: #fff;
    border-radius: 0.25rem
}

.card {
    background-color: #ffffff !important;
    border: 0 !important
}

.home-box-slider {
    background: #d6d7d5 !important
}

.home-box-slider .card1 {
    border: 1px solid #5ca692 !important
}

.home-box-slider .card2 {
    border: 1px solid #df8e24 !important
}

.home-box-slider .card3 {
    border: 1px solid #0ff !important
}

.in-page-bg-api:before,
.in-page-bg-manuc:before,
.in-page-bg-spe_che:before {
    content: "";
    background: #d6d7d5;
    width: 100%;
    height: 160vh;
    position: absolute;
    margin-top: 11%
}

.page-API-subhead {
    font-size: 32px;
    font-weight: 600
}

.in-page-bg-manuc:before,
.in-page-bg-spe_che:before {
    margin-top: 9.4%
}

.toggleClass {
    display: block !important;
    width: 80% !important
}

.menu .logo {
    z-index: 99
}

.icColor {
    color: #fff !important;
    background: #fff !important
}

@media only screen and (max-width: 1024px) and (min-width: 600px) {
    ul.main-nav>* {
        opacity: 1
    }

    .ul.main-nav {
        z-index: 9999 !important;
        left: 0 !important;
        overflow-x: hidden;
        padding: 60px 0 0 !important
    }

    .last-git-btn {
        left: 0;
        border: 0;
        margin-top: 21px;
        margin-left: 25px
    }

    ul.main-nav>li:last-child {
        border: 0
    }

    a.get-in {
        display: inline !important
    }

    ul.main-nav>li {
        color: #fff
    }

    ul.main-nav>li>a {
        padding: 10px 30px !important
    }

    .sub-menu-block {
        display: none
    }

    .activemenu {
        color: #fff !important;
        background-color: #96c059 !important
    }

    .sub-menu-block {
        padding: 10px 30px !important;
        background: #9d9d9d !important
    }

    .hideShow {
        display: block !important
    }

    ul.main-nav>li ul.sub-menu-lists>li a:hover {
        color: #000 !important
    }

    .inv-menu {
        height: auto !important
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .ic.menu {
        right: 50px
    }
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
    .menu .logo {
        margin-left: 0
    }

    .ul.main-nav {
        padding-right: 0
    }

    .last-git-btn {
        left: 0
    }

    ul.main-nav>li>a {
        padding: 2px 10px
    }
}

@media (max-width: 600px) and (min-width: 320px) {
    ul.main-nav>* {
        opacity: 1 !important;
        transition-property: opacity;
        transition-duration: 0.4s
    }



    @media (prefers-reduced-motion: reduce) {
        ul.main-nav>* {
            transition-duration: 0s
        }

        .ic.menu .line {
            transition-duration: 0s
        }
    }

    .animation-disabled ul.main-nav>* {
        transition-duration: 0s !important
    }

    .navbarnavTop {
        margin-top: 100px !important
    }

    ul.main-nav {
        z-index: 999 !important;
        height: 100vh !important;
        padding: 50px 0;
        position: fixed;
        right: 0;
        top: 0;
        width: 0;
        background-color: #000;
        height: 100%;
        overflow: auto;
        -webkit-transition-property: background, width;
        -moz-transition-property: background, width;
        -o-transition-property: background, width;
        transition-property: background, width;
        -webkit-transition-duration: 0.6s;
        -moz-transition-duration: 0.6s;
        -o-transition-duration: 0.6s;
        transition-duration: 0.6s
    }

    ul.main-nav>li {
        color: #fff;
        height: auto !important;
        display: block;
        border-bottom: 1px solid #444
    }

    ul.main-nav>li>a {
        padding: 10px 30px !important;
        font-weight: 600;
        color: #fff
    }

    ul.main-nav>li:first-child {
        margin-top: 30px;
        border-radius: 0
    }

    .investors .sub-menu-block .col-lg-3 {
        max-width: 100% !important;
        padding: 0 0 0 10px !important
    }

    header.dark .ic.menu .line {
        background-color: #fff
    }

    header.light .ic.menu .line {
        background-color: #000
    }

    .ic.menu .line {
        transition: all 0.4s ease 0s;
        transform: rotate(0);
        transform-origin: center center
    }

    .animation-disabled .ic.menu .line {
        transition-duration: 0s !important
    }

    .ic.menu:focus .line {
        background-color: #fff !important
    }

    .ic.menu:focus .line:nth-child(1) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .ic.menu:focus .line:nth-child(2) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        margin-top: -10px
    }

    .ic.menu:focus .line:nth-child(3) {
        transform: translateY(15px);
        opacity: 0
    }

    .ic.menu:focus {
        outline: 0;
        opacity: 1
    }

    .ic.menu:focus~.ic.close {
        opacity: 1;
        z-index: 21;
        outline: 0
    }

    .ic.menu:hover {
        opacity: 1
    }

    nav,
    ul.main-nav>li:hover {
        background-color: transparent
    }

    .ic.menu:focus~.main-nav {
        width: 300px;
        background-color: #000
    }

    .ic.menu:focus~.main-nav>* {
        opacity: 1
    }

    ul.main-nav>li>a:after {
        display: none
    }

    ul.main-nav>li ul.sub-menu-lists>li a {
        color: #eee;
        font-size: 16px
    }

    .sub-menu-head {
        font-size: 16px
    }

    ul.main-nav>li:hover>a {
        color: #fff;
        text-decoration: dashed;
        font-weight: 600
    }

    .ic.menu:focus~ul.main-nav>li>div.sub-menu-block {
        border-left: 0 solid #ccc;
        border-right: 0 solid #ccc;
        border-bottom: 0 solid #ccc;
        position: relative;
        visibility: visible;
        opacity: 1
    }

    .sub-menu-block {
        padding: 0 30px;
        background: #9d9d9d !important
    }

    .inv-menu {
        height: auto !important
    }

    .mainnavStyle .esg-menu-box {
        max-width: 90% !important;
        margin-left: 15px
    }

    .abt-esg-menu .imgttitle h4 a {
        font-size: 16px
    }

    .banners-area {
        padding-bottom: 0;
        border-top: 1px solid #444
    }

    .banners-area div {
        margin-bottom: 15px
    }

    .ic.menu {
        display: block !important;
        right: 40px;
        top: 60px;
        z-index: 9999
    }

    .last-git-btn {
        position: relative;
        left: 0 !important;
        width: 55%;
        margin-left: 25px;
        border: 0 !important
    }

    .sub-menu-block .col-md-4 {
        margin-top: 10px
    }

    .last-git-btn .get-in {
        width: 141px
    }
}

#manu_cap-list {
    background: #d6d6d6
}

#manu_cap-list h6 {
    font-size: 25px;
    font-weight: 900;
    color: #252925
}

#manu_cap-list p {
    font-size: 20px;
    color: #252925
}

#manu_cap-list span {
    border-bottom: 1px solid #252925;
    font-size: 19px
}

.sp,
.sp2 {
    display: block
}

.sp {
    border-bottom: none !important;
    padding-bottom: 7px !important
}

.sp2 {
    padding-bottom: 10px !important
}

.social-list-box {
    border-top: 2px solid #252925;
    padding-top: 20px;
    margin-bottom: 25px
}

.bul_pts {
    padding: 18px;
    line-height: 28px
}

.bul_pts li {
    font-size: 19px;
    margin-bottom: 6px
}

@media only screen and (max-width: 1024px) {
    .mb_72 {
        margin-bottom: 36px !important
    }
}

@media only screen and (max-width: 1280px) {
    ul.main-nav>li>a {
        padding: 2px 15px
    }

    .mb_72 {
        margin-bottom: 63px
    }

    br {
        display: none
    }
}

.in-page-bg-repo:before {
    height: 100vh;
    margin-top: 5.5%
}

.in-page-bg-finance:before,
.in-page-bg-repo2:before,
.in-page-bg-repo:before {
    content: "";
    background: #d6d7d5;
    width: 100%;
    position: absolute;
    z-index: 0
}

.in-page-bg-repo2:before {
    height: 34vh;
    margin-top: 5.5%
}

.page-IAR-subhead,
.past-head h2 {
    font-size: 44px;
    color: #444749;
    font-weight: 900
}

.iar-pdf-down {
    font-size: 16px;
    line-height: 48px;
    margin-right: 10px;
    position: relative;
    top: 15px
}

.iar-pdf-block {
    position: absolute;
    bottom: -10px
}

#past-annual-report {
    background: #191b1d;
    position: relative;
    z-index: 2
}

#past-annual-return {
    background: #d6d7d5;
    position: relative;
    z-index: 2
}

#past-annual-return h6,
.past-head h6 {
    color: #000;
    font-size: 17px
}

.ann-ret-border {
    border: 1px solid #000;
    padding: 10px 0 0 20px
}

.past-head h2 {
    color: #fff;
    font-size: 42px
}

.past-head h6 {
    color: #fff
}

.past-f-row {
    margin-top: 80px
}

.in-page-bg-finance:before {
    height: 40%;
    margin-top: 5.3%
}

.tabbed-area {
    background: #706f6f;
    position: relative;
    z-index: 2
}

.accordion {
    margin-top: 40px
}

.accordion .card {
    border: 0;
    margin-bottom: 10px
}

.accordion .card h2 {
    background: #000 url(../images/inv-arrow-down.png) no-repeat calc(100% - 23px)center;
    background-size: 20px;
    cursor: pointer;
    font-size: 20px;
    color: #fff;
    border: 1px solid #fff;
    padding: 15px;
	padding-right: 60px !important;
}

.accordion .card h2.collapsed {
    background: #706f6f url(../images/inv-arrow.png) no-repeat calc(100% - 23px) center;
    background-size: 20px;
    transition: all 0.2s
}

.animation-disabled .accordion .card h2.collapsed {
    transition-duration: 0s !important
}

.accordion .card-body {
    padding-left: 0;
    padding-right: 0
}

#investors-financial-results .card-body {
    border-radius: 0 !important
}

#investors-financial-results .card {
    background: 0 0 !important
}

#investors-financial-results .card-body ul {
    list-style-type: none;
    padding-left: 25px
}

.h2-tab-sub {
    margin-left: 15px
}

#investors-financial-results .card-body ul li {
    border-bottom: 1px solid #706f6f;
    margin-right: 20px;
    padding-bottom: 15px;
    margin-top: 10px;
    font-weight: 600
}

#investors-financial-results .card-body .iar-pdf-fin-res {
    float: right;
    font-size: 16px
}

#investors-financial-results .card-body .iar-pdf-fin-res a {
    color: #000;
    text-decoration: dashed
}

#investors-financial-results .card-body .iar-pdf-fin-res span {
    position: relative;
    top: 5px
}

#past-annual-report .past-annual-img {
    margin-left: 100px
}

.ann-repo-top-spc {
    margin-top: 130px
}

.ann-repo-top-spc .ann-repo-para {
    width: 77%
}

.ann-down-btn-row {
    margin-bottom: 5px
}

.ann-repo-main {
    padding: 0 30px
}

.rpages-content-padding {
    padding-top: 140px
}

.rpages-content-padding2 {
    padding-top: 250px
}

#investors-email-regis .form-group {
    margin-bottom: 5px !important
}

#investors-email-regis .form-control {
    background: 0 0 !important;
    border-radius: 0 !important;
    padding: 15px 15px 15px 25px !important;
    color: #fff;
    font-size: 19px;
    border: 1px solid #fff
}

#investors-email-regis .form-control::placeholder {
    color: #fff !important
}

#investors-email-regis.form-control:focus {
    border-color: #fff !important
}

#investors-email-regis button {
    background: #000 !important;
    border: 0 !important;
    display: block !important;
    border-radius: 0 !important;
    margin-top: 40px !important;
    padding: 5px 25px;
    font-size: 16px
}

.form-control:focus {
    border: 1px solid #fff
}

.in-page-bg-analyst-speak:before,
.in-page-bg-earn-concall:before,
.in-page-bg-email:before {
    content: "";
    background: #d6d7d5;
    width: 100%;
    height: 40%;
    position: absolute;
    margin-top: 5.9%;
    z-index: 0
}

.in-page-bg-analyst-speak:before,
.in-page-bg-earn-concall:before {
    height: 34%
}

.in-page-bg-analyst-speak:before {
    height: 40%
}

#investors-analyst-speak .analyst-box h3 {
    color: #fff;
    font-weight: 500;
    font-size: 25px
}

#investors-analyst-speak .analyst-box h4 {
    color: #fff;
    font-weight: 600;
    font-size: 24px;
    margin-top: 20px
}

#investors-analyst-speak .analyst-box a:hover {
    text-decoration: dashed;
    color: #000
}

.service-second-table-box {
    margin-left: 17px;
    max-width: 48.3% !important;
    border: 1px solid #fff !important;
    padding: 0
}

.service-second-table-box2 {
    margin-left: 0 !important;
    max-width: 48.3% !important;
    padding: 0;
    border-top: 1px solid #fff !important;
    border-right: 1px solid #fff !important;
    border-bottom: 1px solid #fff !important;
    background: #e6e6e6 !important
}

.service-second-table-box-inner {
    background: #e6e6e6 !important;
    padding: 17px
}

#investors-service .service-second-table h3 {
    font-weight: 900;
    font-size: 19px;
    background: #000;
    padding: 17px;
    margin-bottom: 0
}

.service-second-table-box-inner h6 {
    padding-left: 10px !important;
    font-size: 19px;
    margin-bottom: 15px
}

#investors-service table .ins-table-row th {
    background: #e6e6e6 !important;
    color: #000;
    font-weight: 900;
    font-size: 18px
}

.contact-table td a,
.service-second-table a {
    color: #000
}

#investors-service table .stock-col,
#investors-service table .stock-col2 {
    border-bottom: 1px solid #fff !important;
    border-left: 1px solid #fff !important
}

#investors-service table .stock-col {
    background: #fff;
    border-right: 1px solid #e6e6e6 !important;
    font-size: 19px
}

#investors-service table .stock-col2 {
    background: #e6e6e6;
    border-right: 1px solid #fff !important
}

#investors-service h3 {
    color: #fff;
    font-size: 36px
}

#investors-service h4 {
    color: #fff;
    font-size: 18px
}

#investors-service .service-second-table td,
#investors-service .service-second-table th {
    text-align: left
}

.service-second-table tr {
    border: 1px solid #fff
}

.service-second-table td {
    background: #e6e6e6;
    border-right: 1px solid #fff;
    border-bottom: transparent;
    border-left: none
}

#inter-research-block p,
.imgttitle h4 {
    color: #fff
}

input::-webkit-input-placeholder {
    font-size: 19px !important
}

.inv-zone {
    padding: 17px
}

.box-slider .card {
    outline: 0 !important
}

#stock-table1 {
    background: #d6d7d5;
    padding-bottom: 120px;
    padding-top: 20px
}

#stock-table2 {
    background: #fff;
    padding-top: 100px;
    padding-bottom: 110px
}

.in-page-bg-stock-info:before {
    content: "";
    background: #d6d7d5;
    width: 100%;
    height: 100vh;
    position: absolute;
    margin-top: 5.4%;
    z-index: 0
}

.in-page-bg-business-over:before,
.in-page-bg-rd:before,
.in-page-bg-whc:before {
    content: "";
    background: #e6e6e6;
    width: 100%;
    height: 100vh;
    position: absolute;
    margin-top: 6%;
    z-index: 0
}

.in-page-bg-business-over:before,
.in-page-bg-whc:before {
    margin-top: 5.7%
}

.rd-emp {
    position: absolute;
    bottom: 20px;
    width: 60%;
    right: 50px
}

.rd-emp span {
    color: #333;
    margin-left: 15px
}

.rd-emp-para h5 {
    font-size: 22px;
    font-weight: 600
}

#gapi-research {
    position: relative;
    background: #d9d9d9;
    z-index: 565;
    padding-top: 70px
}

.rd-emp-para2 {
    font-size: 22px !important
}

#inter-research-block {
    background: gray;
    padding-top: 30px;
    padding-bottom: 30px
}

#inter-research-block h4 {
    font-size: 35px;
    font-weight: 900;
    color: #fff
}

.in-page-bg-business-over:before {
    margin-top: 5.2%
}

#business-over-box {
    background: url(../images/business-overview.JPG) no-repeat center;
    background-size: cover;
    position: relative;
    z-index: 5;
    padding-top: 130px;
    padding-bottom: 130px
}

.business-boxes {
    background: rgba(0, 0, 0, 0.7);
    padding: 40px 20px 25px;
    width: 525px
}

.business-boxes h3 {
    color: #df8e24;
    font-size: 30px;
    padding-bottom: 100px
}

.business-boxes .bb-in-white {
    background: #fff;
    padding: 30px;
    font-size: 20px;
    border: 1px solid #000
}

.business-boxes .bb-in-white p {
    margin-bottom: 130px;
    font-size: 23px
}

.bb-btn {
    background: #df8e24;
    color: #000;
    padding: 5px 70px 5px 12px;
    font-size: 16px
}

.bb-btn:hover {
    color: #000;
    text-decoration: dashed
}

.business-boxes2 {
    background: rgba(0, 0, 0, 0.7);
    padding: 40px 20px 25px;
    width: 550px
}

.business-boxes2 h3 {
    color: #0ff
}

.business-boxes2 .bb-in-white {
    background: #fff;
    padding: 30px;
    font-size: 20px
}

.business-boxes2 .bb-in-white p {
    margin-bottom: 65px
}

.bb-btn2 {
    background: #0ff;
    color: #000;
    padding: 5px 70px 5px 12px;
    font-size: 16px
}

.bb-btn2:hover {
    color: #000;
    text-decoration: dashed
}

.box-carousel-business {
    background: #dfdfde
}

.box-carousel-business .b-card1 {
    border: 1px solid #5ca692 !important
}

.box-carousel-business .b-card2 {
    border: 1px solid #df8e24 !important
}

.box-carousel-business .b-card3 {
    border: 1px solid #0ff !important
}

.box-carousel-business .card-text {
    font-size: 24px
}

.b-card1 .card-text {
    margin-bottom: 100px
}

.b-card2 .card-text,
.b-card3 .card-text {
    margin-bottom: 65px
}

.manufacturing-accred {
    background: #e6e6e6
}

.manufacturing-accred td:nth-child(1) {
    background: 0 0
}

.manufacturing-accred tr:nth-child(even) {
    background: #fff
}

.manufacturing-accred tr td:nth-child(3),
.manufacturing-accred tr:nth-child(odd) {
    background: #f2f2f2
}

.manufacturing-accred table {
    border: 1px solid #000;
    border-collapse: collapse;
    margin: 0 auto;
    padding: 0;
    table-layout: fixed;
    min-width: 100%
}

.manufacturing-accred table th {
    padding: 8px;
    border: 1px solid #fff;
    background: #000;
    color: #fff;
    font-weight: 700;
    text-align: left
}

.manufacturing-accred table td {
    padding: 13px;
    text-align: left !important;
    vertical-align: top;
    border-left: 1px solid #fff
}

.manufacturing-accred table tr {
    background-color: #ddd;
    color: #000;
    text-align: left
}

.manufacturing-accred table .mobile-head,
.manufacturing-accred table .show-on-mobile {
    display: none
}

@media screen and (max-width: 768px) {
    .manufacturing-accred table {
        border: 1px solid #000;
        border-collapse: collapse;
        margin: 0 auto;
        padding: 0;
        table-layout: fixed;
        min-width: 100%
    }

    .manufacturing-accred table td {
        padding: 8px;
        display: block;
        text-align: right;
        border: 0 !important
    }

    .manufacturing-accred table tr {
        background-color: #ddd;
        color: #000;
        text-align: right;
        margin: 8px;
        display: block
    }

    .manufacturing-accred table tr:first-child {
        display: none
    }

    .manufacturing-accred table td:not(:first-child) {
        border-top: 0
    }

    .manufacturing-accred table .mobile-head {
        font-weight: 700;
        color: #000;
        float: left;
        text-align: left;
        display: block
    }

    .manufacturing-accred table .show-on-mobile {
        display: block
    }
}

#cg-report,
#investor-corporate-benefits,
#investor-corporate-policies {
    background: #6c6d70;
    position: relative;
    z-index: 2
}

.in-page-bg-contact:before,
.in-page-bg-cor-benefits:before,
.in-page-bg-cor-poli:before,
.in-page-bg-inv-agm-egm:before,
.in-page-bg-inv-events:before,
.in-page-bg-inv-gove:before,
.in-page-bg-job-open:before,
.in-page-bg-our-people:before {
    content: "";
    background: #e6e6e6;
    width: 100%;
    height: 50vh;
    position: absolute;
    margin-top: 6%;
    z-index: 0
}

.inv-gov-head {
    color: #fff;
    font-size: 44px;
    font-weight: bolder
}

#investor-corporate-policies p {
    color: #fff;
    font-size: 22px;
    margin-bottom: 40px
}

#investor-corporate-policies .icp-btn {
    background: #000;
    padding: 5px 25px 5px 10px;
    color: #fff;
    font-size: 18px
}

#investor-corporate-policies .icp-btn:hover {
    color: #fff !important;
    text-decoration: dashed
}

#investor-corporate-benefits td
{
    background: #fff;
    padding: 11px
}

.inv-epf-ud .accordion .card h2 {
    background: #000 !important
}

#investors-events {
    background: #6c6d70
}

.inv-event-row2 {
    border-top: 1px solid #fff;
    padding-top: 20px;
    padding-bottom: 20px
}

.inv-event-row span {
    font-size: 16px;
    color: #fff
}

.inv-event-row h3 {
    font-size: 24px;
    font-weight: bolder;
    margin-top: 5px
}

.inv-event-row p {
    color: #fff;
    font-size: 22px
}

.inv-event-row .box-btn {
    width: 130px !important;
    margin-top: 50px
}

.inv-resource-row {
    background: #fff;
    padding: 15px 10px 15px 0
}

#gr-opp h3,
.inv-resource-row h3 {
    font-size: 25px;
    font-weight: 700;
    margin-top: 20px
}

.inv-resource-row .box-btn {
    width: 120px !important
}

.agm-egm-pb .accordion {
    width: 375px
}

#investors-events,
#our-people {
    position: relative;
    z-index: 1
}

.hr-head,
.job-list2 b {
    font-weight: 600
}

.hr-para {
    font-size: 21px !important
}

#gr-opp h3 {
    font-weight: bolder;
    font-size: 20px
}

#place-work p,
.env-box-carousel .card-body p {
    font-size: 21px
}

.place-work-deal {
    font-weight: 900;
    width: 80%;
    font-size: 35px
}

.place-work-ul {
    padding-left: 25px
}

#place-boxes li,
.inv-resource-row p,
.place-work-ul li {
    font-size: 22px
}

#job-openings,
#our-people,
#place-boxes {
    background: #e6e6e6
}

#place-boxes ul {
    padding: 30px 30px 70px 50px
}

.place-box-white-sec {
    background: #fff;
    height: 55%
}

.place-box-white-sec li,
.place-work-ul li {
    padding-bottom: 10px
}

#place-boxes h3 {
    font-weight: bolder;
    color: #444759;
    font-size: 22px;
    margin-bottom: 30px
}

#job-openings h4.job-left-head {
    font-weight: 900;
    font-size: 32px;
    margin-top: 50px;
    width: 85%
}

#job-openings h5 {
    font-size: 18px;
    font-weight: 700
}

.job-list {
    padding: 0;
    margin-top: 20px
}

.job-list2 b {
    font-size: 17px
}

.job-list li {
    display: inline-block;
    padding-left: 70px;
    color: #02642f;
    font-size: 16px
}

.job-list li img {
    margin-right: 7px;
    margin-top: -3px
}

.job-list .job-main-head {
    font-size: 25px;
    color: #000;
    padding-left: 0
}

.job-list2 {
    padding: 0;
    font-size: 18px
}

.job-list2 li {
    display: inline-block;
    padding-right: 30px
}

.job-desc {
    font-size: 20px
}

.btn-job {
    width: 130px
}

.job1 ul li {
    padding-left: 0;
    padding-right: 30px
}

#contact {
    background: #d9d9d9;
    position: relative;
    z-index: 2
}

#contact h5 {
    font-size: 30px;
    font-weight: bolder;
    color: #4d4d4d
}

#contact .addr1 {
    list-style: none;
    font-size: 16px;
    padding: 0 0 60px;
    margin-bottom: 0
}

#contact .addr1 li span,
#contact .addr3 li span {
    display: inline-block;
    width: 192px;
    vertical-align: top;
    position: relative;
    left: 20px;
    color: #4e4e4e
}

#contact .addr1 li span a {
    color: #4e4e4e;
    margin-left: 16px
}

#contact .addr1 li span a:hover,
#contact .addr2 li span a:hover,
#contact .addr3 li span a:hover,
.addr4-li a:hover,
.contact-table td a:hover {
    color: #96c059;
    text-decoration: dashed !important
}

.addr-block {
    padding: 0;
    margin: 0
}

.addr-block11 {
    font-size: 16px
}

#contact .addr2,
#contact .addr3 {
    list-style: none;
    font-size: 16px;
    padding: 0
}

#contact .addr3 {
    margin-bottom: 0
}

.border-top {
    border-top: 1px solid #000 !important
}

#contact .addr3 li span {
    width: 240px;
    left: 82px
}

.addr3 .addr3-li {
    margin-left: 15px
}

#contact .addr3 li span a,
.addr4-li a {
    color: #000
}

.prod-sales-en {
    padding: 0 0 60px
}

#contact td:nth-child(1),
#contact td:nth-child(2) {
    background: #fff;
    text-align: left;
    padding: 13px;
    font-size: 20px
}

#contact td:nth-child(2) {
    font-weight: 600
}

#contact th {
    text-align: left;
    padding: 10px;
    font-weight: 700
}

.contact-table,
.contact-table td {
    border: 0 !important
}

.contact-table td.ct-td-rb {
    border-right: 1px solid #000 !important
}

.contact-table tr.ct-tr {
    border-bottom: 1px solid #000 !important
}

.addr4-head {
    font-weight: 700;
    color: #1a1a1a;
    font-size: 21px
}

.addr4-li {
    list-style: none;
    padding: 0;
    font-size: 20px
}

#business-form {
    background: gray
}

#business-form h5 {
    font-size: 30px;
    font-weight: bolder;
    padding-top: 60px;
    color: #fff;
    margin-bottom: 30px
}

#business-form .form-control {
    background: 0 0;
    border-radius: 0;
    padding: 17px 17px 17px 30px;
    color: #fff;
    font-weight: 400;
    font-size: 22px;
    font-family: Lato !important
}

#business-form .box-btn {
    width: 100px;
    padding: 2px 10px !important;
    margin-top: 50px;
    margin-bottom: 90px
}

#business-form .form-group {
    margin-bottom: 8px
}

::placeholder {
    font-size: 20px !important
}

#work-force-head h3.left-head {
    font-weight: bolder;
    font-size: 40px;
    position: relative;
    top: 30%;
    width: 370px
}

#enc-block {
    background: #fff
}

.wf-btn {
    width: 180px
}

.csr-btm-head {
    font-weight: bolder;
    font-size: 34px
}

.csr-storie-btm p {
    font-size: 21px;
    font-weight: 500
}

.csr-storie-btm .csr-btn {
    width: 32% !important;
    text-align: center;
    font-size: 16px;
    border-radius: 8px;
    padding: 10px
}

#csr-head .left-head,
#ibuprofen-head .left-head {
    font-weight: 900;
    font-size: 37px;
    position: relative;
    top: 30%;
    width: 360px
}

#ibuprofen-head .left-head {
    font-size: 34px;
    top: 20%
}

#ibu-diff {
    background: #dfdfde
}

.ibu-list {
    font-size: 21px;
    padding-left: 25px
}

.ibu-list li {
    margin-bottom: 10px
}

#ibu-diff .box-btn {
    width: 260px;
    font-size: 20px;
    margin-bottom: 60px
}

.in-page-bg-exec:before,
.in-page-corp-over:before {
    content: "";
    background: #e6e6e6;
    width: 100%;
    height: 50vh;
    position: absolute;
    margin-top: 5%;
    z-index: 0
}

.cop-head-at {
    background: #e6e6e6
}

.in-page-bg-exec:before {
    margin-top: 9%
}

.executive-team-row {
    background: #e6e6e6;
    position: relative;
    z-index: 2
}

.exc-name {
    position: absolute;
    bottom: 0
}

.exec-name-box {
    border-bottom: 1px solid #000
}

.executive-team-right-sec {
    background: #d9d9d9;
    padding: 70px 0 20px
}

.bod-btn {
    font-size: 20px;
    width: 33%;
    padding-left: 30px;
    margin-left: 10%;
    text-align: center;
    margin-top: 50px
}

.sustain-policy-btn {
    padding: 5px 30px;
    position: relative;
    top: 42%;
    left: 0%;
    font-size: 20px
}

.effort-btn:hover,
.sustain-policy-btn:hover {
    color: #000 !important;
    text-decoration: dashed
}

.api-btn:hover,
.effort-btn,
.sustain-policy-btn {
    background: #a2bf49;
    color: #fff !important
}

.effort-btn {
    min-width: 44px;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 5px 30px;
    text-align: center;
    font-size: 22px;
    position: relative;
    top: 37px
}

.all-efforts {
    background: gray;
    padding: 8%;
    position: relative;
    z-index: 0;
    margin-top: -78px
}

.slick-slider {
    z-index: 3
}

.all-efforts-img {
    position: relative;
    left: -20%
}

.all-efforts-list {
    font-size: 22px;
    margin-top: 40px;
    padding: 0
}

.all-efforts-list li {
    margin-bottom: 30px;
    font-weight: 600
}

.all-efforts-sec1 {
    background: #d9d9d9;
    padding: 70px 0 40px
}

.efforts-head {
    margin-left: 10%;
    font-size: 44px;
    color: #4d4d4d;
    font-weight: 900;
    margin-bottom: 50px
}

.all-efforts-sec2 {
    background: #bfbfbf;
    padding: 70px 0 40px
}

.all-efforts-row {
    background: #e6e6e6
}

#educat-unprivil:before,
.all-efforts-sec2:before {
    content: "";
    background-image: url("data:image/svg xml,<svg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1240.5 1564.51'><defs><style>.cls-1{fill:none}.cls-2{clip-path:url(#clip-path)}.cls-3{clip-path:url(#clip-path-2)}.cls-4{opacity:0.05}.cls-5{clip-path:url(#clip-path-3)}.cls-6{clip-path:url(#clip-path-4)}.cls-7{fill:#060606}</style><clipPath id='clip-path'><rect class='cls-1' x='0.36' y='-2.43' width='1240.5' height='1564.51'/></clipPath><clipPath id='clip-path-2'><rect class='cls-1' x='0.36' y='-2.43' width='1240.5' height='1564.51'/></clipPath><clipPath id='clip-path-3'><rect class='cls-1' x='-8.64' y='-9.43' width='1258.5' height='1572.51'/></clipPath><clipPath id='clip-path-4'><rect class='cls-1' x='0.36' y='-2.43' width='1240.5' height='1564.51'/></clipPath></defs><title>environment-03</title><g class='cls-2'><g class='cls-3'><g class='cls-4'><g class='cls-5'><g class='cls-6'><path class='cls-7' d='M1113.67,1159.27c2.85-2.61,4-3.17,4.35-4.07,46.72-108.42,62.09-221.31,38.24-336.83C1113,608.93,990,464.2,791.19,385.38c-89.46-35.46-182.93-42.51-278-30.74-9,1.11-18.88.32-14.89,16.36,18.55,74.63,29.18,150.79,41.91,226.54,4.75,28.25,10.1,56.54,22.74,82.65,12.24,25.3,27.22,30.85,52.51,19,18.12-8.48,35.3-18.95,53.49-27.21,55-25,107.29-12.89,145.72,33.59,9.3,11.24,18,23.08,26.26,35.11q34.89,50.49,92.71,70.55c41,14.3,83.16,19.18,126.4,15.82,17.41-1.35,29.06,7.63,30.07,22.15,1.05,15.25-8.08,24.23-26.13,26.44-24.43,3-48.82,1.78-73-1.3C917.5,865,852.59,839.52,808,776.11c-8.08-11.5-17.15-22.35-26.13-33.18C750,704.45,722,698.8,677.74,721.68c-15.35,8-30.25,16.94-46,23.86C587.19,765.08,548.15,752,523.48,710c-13.62-23.15-20.63-48.76-25.72-74.79C481.5,551.9,471,467.51,452.16,384.61c-2.9-12.77-5.78-17-20.42-12.65-108.8,32.51-199.9,91.81-274.91,176.81-10.58,12-10.84,17.25,2.68,27.59,83.48,63.83,127.16,145.54,112,253.7-4.81,34.35-3.39,69.23.67,103.88,4.59,39.35,12.43,77.89,25,115.52,7.3,21.81-5.94,40.13-25.85,36.4-12.17-2.29-17.53-11.29-21.09-22.21-25.28-77.75-34.87-157.29-27.79-238.8,2.16-24.85,4.85-49.93-.15-74.57-12.26-60.34-50.71-102.67-97.18-139.47-8-6.37-12.42-6.64-16.68,2.89-1.53,3.42-4.1,6.37-6.06,9.61C23.92,753.36.36,893.14,29.69,1041.8c7.93,40.15,20.08,79.29,40.13,120.36,9.85-11.25,17.55-21.08,26.3-29.85,42-42.1,103.67-33.43,132.3,18.72,3.63,6.62,5.51,9.34,14.16,6.55,53.62-17.28,99.21,10.83,108.76,66.53,1,5.67,2.25,8.23,8.57,8.89,56.31,5.9,86.56,64.15,67.38,110.11-1.5,3.62-4.69,7.9,1.86,10.69,22,9.36,36.43,26.27,45.93,48.57,61.42-49.91,102.24-111.55,119.9-187.48,8.07-34.72,12.06-70.39,20.18-105.1,14-59.85,59.41-86.2,118.75-70.71,54.44,14.22,98.37,46.71,140.37,82,19.42,16.32,37.41,33.37,64.76,35.91,8.32.78,12.25,2.32,17-6.52,27.78-51.31,89.94-60,131.26-18.92,9.06,9,17.63,18.53,26.33,27.7'/><path class='cls-7' d='M459.72,1483.09c88.69,20.64,176,20.91,264.19-.1-32.49-53.77-22.35-97.1,29-127.9,5.35-3.23,5.93-5.62,4.37-11.33-16.14-58.71,6.86-96.41,67.61-110.74,5.17-1.22,7.34-2.67,7.66-8,1.19-21.09,11.49-37.88,26.15-52.86a562.08,562.08,0,0,0-76-58.37c-21.47-13.79-44-25.56-69.61-29.7-24.39-3.94-42,6.07-48.44,29.75-5,18.19-8.23,37-10.72,55.68-16.38,123-73.37,221.36-176.22,292-7.4,5.07-12.53,11.54-18,21.53'/><path class='cls-7' d='M383.88,1314.45c-.26-13.63-6.05-23.83-18.6-29.79-14.76-7-27.51-2.92-38.4,7.93q-81.18,80.82-162,162c-15.07,15.17-15.4,34.09-2,47.76s32.57,13.54,47.77-1.52q81.35-80.61,162-161.94c6.7-6.7,11.32-14.48,11.22-24.41'/><path class='cls-7' d='M1030.81,1480.79c-.41-10-3.77-18.41-10.56-25.21q-82.14-82.15-164.45-164.16c-9.37-9.3-20.83-13-34.18-7.85-24.94,9.67-28.94,36.58-7.91,57.71q68.19,68.51,136.81,136.6c8.83,8.8,17.32,18,26.69,26.13,10.24,8.91,22.25,10.78,34.77,4.74,11.77-5.68,17.29-15.76,18.83-28'/><path class='cls-7' d='M880.92,1236.4c-.6,7,3.93,14.73,10.69,21.48q80.92,80.92,161.92,161.85c5.84,5.84,12.35,10.57,20.92,11.25,14.23,1.1,25.7-3.77,32.42-16.76,7.65-14.82,4.61-28.26-7-39.86q-53.88-54-107.87-107.89c-18.76-18.75-37.34-37.66-56.34-56.15-10.27-10-22.8-12.36-35.9-6.51-12.46,5.54-18.83,15.75-18.86,32.59'/><path class='cls-7' d='M303.08,1233.88c-.6-15.57-7.37-26.52-23-31.38-13.55-4.21-24.36.27-33.77,9.65q-81,80.85-161.9,161.79c-4.26,4.27-7.87,8.93-9.73,14.71-4.5,13.93.76,29.34,12.63,37.2,13.08,8.66,29.05,7.51,41.44-4.77q82.47-81.67,164.37-164c6.39-6.39,10.17-13.92,9.95-23.21'/><path class='cls-7' d='M59.43,1316.64c7.87-1.12,15.8-2.93,21.85-8.94,33-32.86,66.31-65.33,98.55-98.88,13.17-13.71,11.29-33-1.68-45.09s-31.07-12.09-45.36.76c-7.63,6.87-14.63,14.45-21.89,21.74Q74.18,1223,37.5,1259.78C27,1270.42,24,1283.17,29.74,1297c5.27,12.76,16.16,18.22,29.69,19.64'/><path class='cls-7' d='M814.58,27.55C813,9.93,797.23-1.11,778.68-1.68c-16.25-.5-32.56-.75-48.8,0-65.6,2.93-114,33.64-144.81,91.56-5,9.41-6.72,25.52-13.5,27.75-8.35,2.74-15.49-12.3-24.71-17.6a27.8,27.8,0,0,1-2.78-1.69c-44.48-32.4-95.69-31-146.76-28-16.54,1-29,17.82-29.75,35.8-.57,13-.19,26-.15,39,.3,101,70.73,171.82,171.45,172.43,30.08.19,29.68.16,28.58,30.92-.3,8.78-3.36,10.57-11.38,11l71.23.15c-10-.8-11.22-4.7-11.09-12.95.35-23.86.06-47.73,0-71.59,0-28.27,0-28.36,27.8-28.36,64.8,0,115-26.69,149.12-82.08,26.22-42.56,25.6-89.86,21.4-137.1M561.4,227.11c-10.8-12.45-21.21-25.27-32.5-37.25-13.32-14.09-26.5-15.08-38-4-10.79,10.44-9.54,24.66,4,38.31,11.7,11.78,23.88,23.05,39,37.52C469.48,261.15,420,212,416.6,150.74c-2.16-39.93-2.16-39.93,37.58-38.86C516,113.56,569.33,166.7,561.4,227.11m136.32-45.87c-10.62,5-21.76,8.34-35.52,5.15,6.67-5.94,13.28-11.94,20-17.82,18.45-16.13,22.49-30.1,12.21-42.33-10.78-12.79-25.59-10.87-44.8,5.92-10,8.74-19.92,17.61-32.67,28.88-.14-40.57,14.46-70.13,42-93.73,29.68-25.51,65.38-28.62,102.33-26.86,4.93.23,6.14,2.19,6.4,6.81,3,53-8.59,104.83-69.91,134'/><path class='cls-7' d='M1024.89,1154.73c-10.15,1.62-20.8,6.61-26.39,19.56-6.18,14.29-2.62,26.54,7.78,37,31.22,31.54,62.37,63.17,94.12,94.16,15.22,14.84,34.61,14.55,47.66.92,12.33-12.89,12.27-32.36-1.65-46.61-31.4-32.13-63.35-63.72-95.25-95.37-6.33-6.28-14.25-9.62-26.27-9.7'/><path class='cls-7' d='M429.82,1431.33c-.41-16.94-7.3-27-19.69-32.13-13.75-5.74-26.36-2.46-37,8.23-30.94,31-62.11,61.78-92.86,93-14.6,14.82-15.27,34.68-2.52,47.79,13.49,13.88,32.77,13.28,48.76-2.44,30.82-30.34,61.24-61.1,91.85-91.65,7.17-7.16,11.82-15.33,11.47-22.78'/><path class='cls-7' d='M915,1524.42a25.62,25.62,0,0,0-7.2-19.43c-33.46-33.8-66.77-67.8-101-100.84-12.19-11.77-30.91-10-42.64,1.29-12.31,11.88-13.57,30.07-2.63,44,3.64,4.64,8.14,8.65,12.33,12.85,28.69,28.65,57.31,57.39,86.17,85.87,10.15,10,22.28,12.88,35.71,7,12.62-5.55,19-15.4,19.25-30.71'/><path class='cls-7' d='M1165.9,1168.61c17.86-4.07,33.2-6.7,48-11.17,16.42-5,27-22.78,24.94-39.18-2.12-17.06-16-30.56-32.93-33-7.74-1.14-12.39.52-14.35,8.51-6.06,24.61-15.61,48-25.64,74.88'/></g></g></g></g></g></svg>");
    background-repeat: no-repeat;
    position: absolute;
    width: 1300px;
    height: 930px;
    margin-top: 70%;
    left: -75%
}

.in-page-bg-all-efforts:before,
.in-page-bg-pipe:before {
    content: "";
    background: #e6e6e6;
    width: 100%;
    height: 63vh;
    position: absolute;
    margin-top: 9.3%;
    z-index: 0
}

#social-btm-sec {
    background: #ccc
}

#social-btm-sec a {
    padding: 6px 35px 6px 40px;
    color: #fff;
    background: #000;
    font-size: 20px
}

.social-btm-box {
    padding: 6%
}

.social-btm-sec-mid-box {
    background: #e6e6e6 !important;
    padding: 2%
}

.social-btm-sec-mid-box a {
    position: relative;
    top: 38%;
    left: 20px
}

.social-btm-box a:hover {
    background: #a2bf49 !important
}

#educat-unprivil h2,
#health-support h2,
#social-uplift h2 {
    color: #4d4d4d;
    font-size: 44px;
    font-weight: 900
}

#health-support {
    background: #e6e6e6
}

#collaborations ol,
#educat-unprivil p,
#health-support p,
#social-uplift p {
    color: #4d4d4d;
    font-size: 22px;
    font-weight: bolder
}

#collaborations ol .col-list,
#educat-unprivil .row1,
#health-support .row1 {
    border-bottom: 1px solid #4d4d4d
}

.all-social-list {
    font-size: 22px;
    padding-left: 20px
}

.all-social-list li {
    margin-bottom: 10px
}

.social-img-head {
    color: #000 !important;
    margin-top: 60px;
    font-weight: bolder;
    font-size: 39px !important;
    width: 90%
}

#social-uplift {
    background: #999
}

#social-uplift h2 {
    color: #fff
}

#social-uplift p {
    color: #fff
}

#social-uplift .row1 {
    border-bottom: 1px solid #fff
}

#inv-event-sub .event-info li a,
#social-uplift .all-social-list,
.event-query a,
.invest-box p a {
    color: #fff
}

#educat-unprivil:before {
    background-image: url("data:image/svg xml,<svg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 984.68 982.63'><defs><style>.cls-1{fill:none}.cls-2{clip-path:url(#clip-path)}.cls-3{opacity:0.05}.cls-4{clip-path:url(#clip-path-2)}</style><clipPath id='clip-path'><rect class='cls-1' x='0.3' y='4.91' width='984.68' height='982.63'/></clipPath><clipPath id='clip-path-2'><rect class='cls-1' x='-8.7' y='-2.09' width='1002.68' height='990.63'/></clipPath></defs><g class='cls-2'><g class='cls-3'><g class='cls-4'><g class='cls-2'><path d='M343.47,197.92A96.51,96.51,0,1,0,247,101.42a96.51,96.51,0,0,0,96.51,96.5'/><path d='M641.77,197.92a96.51,96.51,0,1,0-96.51-96.5,96.51,96.51,0,0,0,96.51,96.5'/><path d='M190.81,546.93a537.31,537.31,0,0,1,40-197.93,17.54,17.54,0,0,1,32.29,13.69c-.53,1.23-47.91,114.06-34.75,211.44a296.52,296.52,0,0,0,79.49,47.73c3.51,1,6.85,2.8,10.35,4.21,6.67-101.25,49-156.52,74.75-181.08A122.62,122.62,0,0,1,454.9,256.53a308.64,308.64,0,0,0-50.19-38.78,130.74,130.74,0,0,1-121.95.36c-34.22,19.82-164.42,109.66-158.28,327.42a80.31,80.31,0,0,1,66.33,1.4'/><path d='M609.43,335.39A122.47,122.47,0,0,1,592.28,445c25.81,24.56,68.08,79.83,74.75,181.08,3.52-1.41,6.86-3.16,10.19-4.2a294.2,294.2,0,0,0,79.65-47.74c13.34-97.56-34.21-210.21-34.74-211.44A17.53,17.53,0,0,1,754.42,349a537,537,0,0,1,40,197.92A81.1,81.1,0,0,1,862,545.71c6-219-125.46-308.66-159-328a130.35,130.35,0,0,1-121.77.35,287.25,287.25,0,0,0-50.19,38.78,122.51,122.51,0,0,1,78.38,78.51'/><path d='M404.89,373.39a87.73,87.73,0,1,0,87.72-87.73,87.73,87.73,0,0,0-87.72,87.73'/><path d='M369.79,812.07V779.43a148.47,148.47,0,0,0-30.71-93A90.82,90.82,0,0,0,296.8,655.2a337.62,337.62,0,0,1-94.59-56.85,28.57,28.57,0,0,1-2.45-1.94c-4.92-3.86-9.83-7.89-14.91-12.28a45.64,45.64,0,0,0-56.85-.88,162.75,162.75,0,0,0,21.75,26.32l80,80.2a17.48,17.48,0,0,1,0,24.74,17.19,17.19,0,0,1-24.75,0l-80.18-80a210.28,210.28,0,0,1-44.22-65.45l-39.31-91.6A20.82,20.82,0,1,0,3.23,494.29L72,645.73A150.77,150.77,0,0,0,102.9,690.3L224.67,812.07Z'/><path d='M980.6,474.47a20.42,20.42,0,0,0-17.55-9.66,20.77,20.77,0,0,0-19.12,12.64L904.62,569a210.47,210.47,0,0,1-44.21,65.45l-80.19,80a17.19,17.19,0,0,1-24.75,0,17.48,17.48,0,0,1,0-24.74l80-80.19a166.07,166.07,0,0,0,21.76-26.5,45.64,45.64,0,0,0-56.85,1.06c-5.09,4.38-10,8.42-14.92,12.28a27.43,27.43,0,0,1-2.46,1.92,341.84,341.84,0,0,1-94.56,56.86,90.66,90.66,0,0,0-42.3,31.23,148.5,148.5,0,0,0-30.7,93v32.64H760.56L882.34,690.29a150.66,150.66,0,0,0,30.87-44.56L982,494.29a20.45,20.45,0,0,0-1.4-19.82'/><path d='M580.36,987.54h193V847.16h-193Zm35.09-87.73H633a17.55,17.55,0,0,1,0,35.09H615.45a17.55,17.55,0,1,1,0-35.09'/><path d='M580.36,779.43c0-5.61.17-11,.7-16.49a24.5,24.5,0,0,1-.7-3.51c0-1-.71-106-48.62-164.24a17.58,17.58,0,0,1,27-22.47A258.7,258.7,0,0,1,606.5,682.4a187,187,0,0,1,12.28-17.9,148.06,148.06,0,0,1,14-15.27c-1.23-104.23-43.17-158.09-64.92-179a122,122,0,0,1-150.55,0c-21.77,20.89-63.71,74.75-64.93,179a151.5,151.5,0,0,1,14,15.27,188.88,188.88,0,0,1,12.28,17.9,258.93,258.93,0,0,1,47.72-109.68,17.57,17.57,0,1,1,27,22.46c-48.07,58.44-48.6,163.2-48.6,164.25a24.5,24.5,0,0,1-.7,3.51c.52,5.44.7,10.88.7,16.49v32.64a34.91,34.91,0,0,1,30.18,17.54H550.17a34.91,34.91,0,0,1,30.19-17.54Z'/><path d='M211.87,987.54h193V847.16h-193Zm140.37-87.73h17.55a17.55,17.55,0,1,1,0,35.09H352.24a17.55,17.55,0,0,1,0-35.09'/></g></g></g></g><rect class='cls-1' x='9.3' y='6.91' width='984.68' height='982.63'/></svg>");
    width: 1282px;
    height: 490px;
    margin-top: -22%;
    left: -11%
}

#collaborations h2 {
    color: #4d4d4d;
    font-size: 42px;
    font-weight: 900
}

#collaborations ol {
    font-weight: 600;
    padding-left: 30px
}

#collab-img,
#collaborations {
    background: #e6e6e6
}

#collaborations ol li {
    padding-bottom: 50px;
    padding-top: 10px
}

.collab-white-box {
    background: #fff;
    padding: 65px 60px 60px 75px;
    position: relative;
    z-index: 3
}

#collab-img img {
    position: relative;
    z-index: 0;
    margin-top: -17%
}

#corp-gover-table {
    background: #d6d7d5
}

#corp-gover-table table th {
    text-align: left;
    padding: 11px;
    vertical-align: top;
    font-size: 19px
}

#corp-gover-table table tr,
#corp-gover-table table tr td {
    background: #fff;
    text-align: left;
    padding: 11px
}

#corp-gover-table table tr td {
    padding: 10px;
    font-size: 19px
}

#corp-gover-table h3 {
    font-size: 32px
}

#api-table img,
#api-under-table img {
    width: 50px
}

#api-table td,
#api-table th {
    padding: 9px;
    font-size: 19px
}

.api-btn {
    padding: 10px 15px;
    background: #000;
    color: #fff;
    text-align: left;
    position: relative;
    top: 50px
}

.api-btn:hover {
    text-decoration: dashed
}

.in-page-bg-pipe:before {
    height: 50vh;
    margin-top: 5.4%
}

#Pipeline h3 {
    font-size: 34px;
    color: #4d4d4d;
    font-weight: 900
}

#Pipeline {
    background: #e6e6e6
}

#Pipeline p,
.api-btn {
    font-size: 20px
}

#Pipeline h4 {
    font-size: 28px;
    color: #000;
    font-weight: 600
}

#job-application {
    background: #737373
}

#job-application h3 {
    font-size: 33px;
    font-weight: 500;
    color: #fff;
    margin-left: 20px
}

#job-application p {
    font-size: 23px;
    color: #fff;
    margin-left: 20px
}

#job-application .form-control {
    background: 0 0;
    border-radius: 0;
    color: #fff;
    font-size: 18px;
    border: 1px solid #fff
}

#inv-event-sub .form-control::placeholder,
#job-application .form-control::placeholder {
    color: #fff !important
}

#inv-event-sub.form-control:focus,
#job-application.form-control:focus {
    border-color: #fff !important
}

#job-application .form-group {
    margin-bottom: 10px
}

.control-label {
    color: #fff;
    margin-left: 30px;
    font-size: 18px;
    margin-top: 40px
}

label {
    cursor: pointer;
    font-size: 16px
}

#upload-photo {
    opacity: 0;
    position: relative;
    z-index: -1
}

.resume {
    color: #fff;
    border: 1px solid #fff;
    padding: 4px 15px;
    font-size: 19px
}

.job-form-btn {
    width: 130px;
    margin-left: 30px;
    font-size: 19px;
    text-align: left;
    padding-left: 20px;
    margin-bottom: 120px
}

.esg-menu-box {
    max-width: 32% !important;
    margin-right: 15px !important
}

#lead-second .box-btn,
.exc-name h5 {
    font-size: 20px
}

.poli-disc-btn {
    width: 130px
}

.env-box-carousel .card-body h3 {
    margin-top: 10px;
    font-size: 28px !important;
    margin-bottom: 15px
}

.table-right-border {
    border-right: 1px solid #fff
}

.table-left-border {
    border-left: 1px solid #fff
}

.table-all-border {
    border: 1px solid #fff
}

.table-bottom-border {
    border-bottom: 1px solid #fff
}

#policies-card .card-body {
    border-top: none;
    border-radius: 0
}

.business-over .landing-text {
    font-size: 28px !important
}

.spl-che th {
    font-size: 19px
}

.corp-gov-head {
    font-size: 29px !important
}

.accordion h3,
.exc-name h4 {
    font-size: 28px;
    font-weight: 600
}

.exc-name h5 {
    padding-bottom: 25px
}

.ibu-para-border {
    border-bottom: 2px solid #000;
    padding-bottom: 10px
}

.ibu-sub-para {
    font-size: 21px !important
}

.job-open-img {
    margin-top: 120px
}

#inv-event-sub {
    background: #707176
}

#inv-event-sub h3 {
    color: #fff;
    font-size: 40px;
    font-weight: 900
}

#inv-event-sub .event-info {
    padding-left: 2px;
    list-style: none;
    font-size: 18px;
    color: #fff
}

#inv-event-sub h4 {
    color: #fff;
    font-size: 22px
}

#inv-event-sub .form-control {
    background: 0 0 !important;
    border-radius: 0 !important;
    padding: 6px 6px 6px 15px !important;
    color: #fff;
    border: 1px solid #fff;
    font-size: 18px
}

.event-query {
    margin-top: 70px;
    color: #fff;
    font-size: 19px;
    padding-bottom: 90px
}

.event-query a:hover,
a:hover {
    text-decoration: underline;
    text-decoration-color: #ffffff00
}

.event-query .sec-link {
    color: #95c158
}

#news .news-press-box {
    border-top: 1px solid #000;
    padding: 15px 20px
}

#viewall-press {
    background: #f2f2f2;
    padding: 70px 70px 70px 30%
}

#viewall-press .box-btn {
    padding-left: 40px;
    padding-right: 40px;
    width: 65%
}

.accordion h3 {
    color: #fff;
    font-size: 36px;
    margin-bottom: 30px
}

.news-press .nspan {
    width: 300px;
    display: block;
    margin-top: 10px
}

.news-press .card-body .iar-pdf-fin-res {
    margin-top: -25px
}

.news-press .card {
    width: 490px
}

.news-press .newsli:first-child {
    padding-top: 20px
}

.news-press .newsli:last-child {
    margin-bottom: 40px
}

.news-press .newsli {
    font-size: 17px
}

.element-15-slide {
    right: 15% !important
}

.policies-link,
a {
    color: #000
}

.invest-box .lp a,
.policies-link:hover,
a:hover {
    color: #000
}

#dir-img {
    position: relative;
    z-index: 1
}

.director-details,
.director-details2,
.director-details3,
.director-details4,
.director-details5,
.director-details6 {
    background: #333;
    padding: 52px 51px 17px 60px;
    position: absolute;
    max-width: 513px;
    right: -47px;
    z-index: 2;
    bottom: 0
}

.director-details2 {
    top: -4px;
    padding-bottom: 30px !important
}

.director-details4 {
    top: -15px
}

.director-details5 {
    top: -45px
}

.director-details6 {
    top: -45px;
    padding-bottom: 20px !important
}

.director-details h4,
.director-details2 h4,
.director-details3 h4,
.director-details4 h4,
.director-details5 h4,
.director-details6 h4,
.exec-director-details h4,
.exec-director-details2 h4,
.exec-director-details3 h4 {
    color: #fff;
    margin-bottom: 0;
    font-weight: 600
}

.director-details span,
.director-details2 span,
.director-details3 span,
.director-details4 span,
.director-details5 span,
.director-details6 span,
.exec-director-details span,
.exec-director-details2 span,
.exec-director-details3 span {
    color: #fff;
    font-size: 19px
}

.director-details p,
.director-details2 p,
.director-details3 p,
.director-details4 p,
.director-details5 p,
.director-details6 p,
.exec-director-details p,
.exec-director-details2 p,
.exec-director-details3 p {
    border-top: 1px solid #fff;
    color: #fff;
    font-size: 18px;
    padding-top: 20px
}

.director-details2:before,
.director-details3:before,
.director-details4:before,
.director-details5:before,
.director-details6:before,
.director-details:before,
.exec-director-details2:before,
.exec-director-details3:before,
.exec-director-details:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border: 3em solid transparent;
    border-bottom-color: #d9d9d9;
    border-right-color: #d9d9d9
}

.api-button {
    background: #706f6f;
    background-size: 20px;
    cursor: pointer;
    font-size: 22px;
    color: #fff;
    padding: 15px;
    width: 100%;
    text-align: left;
    text-indent: 20px
}

@media (max-width: 576px) {
    .api-button {
        font-size: 16px !important;  /* or inherit */
    }
}

.api-button.collapsed {
    background: #706f6f url(../images/inv-arrow.png) no-repeat calc(100% - 23px)center;
    background-size: 20px;
    transition: all 0.2s
}

#api-under-table td {
    padding: 7px
}

.Inv-esg-org-box {
    background: #df8e24;
    margin-top: 30px
}

.Inv-esg-org-box ul {
    padding: 20px 0 20px 20px
}

.Inv-esg-org-box ul li {
    list-style: none;
    line-height: 27px !important
}

.Inv-esg-org-box ul li a {
    color: #fff;
    font-size: 16px
}

.esg-men-head {
    font-size: 20px
}

.in-home-page-link {
    padding: 45px 38px;
    background: #fff;
    text-align: center
}

.in-home-page-link:hover {
    background: #a0bf48;
    color: #fff !important
}

.in-home-page-link a {
    font-size: 22px;
    color: #000
}

.footer-pp-tc a,
.in-home-page-link:hover a {
    color: #fff
}

.exec-director-details {
    background: #333;
    padding: 52px 51px 27px 60px;
    position: absolute;
    max-width: 513px;
    top: 0;
    right: -47px;
    z-index: 2
}

.exec-director-details2 {
    max-width: 513px
}

.exec-director-details2,
.exec-director-details3 {
    background: #333;
    padding: 52px 51px 27px 60px;
    position: absolute;
    right: -47px;
    z-index: 2
}

.exec-director-details2 {
    top: -30px
}

.exec-director-details3 {
    max-width: 613px;
    top: -30px
}

.modal-body .form-control:focus {
    border: 1px solid #000;
    box-shadow: none
}

@media (min-width: 360px) and (max-width: 740px) {
    .director-details6 {
        display: block !important;
        position: relative !important;
        top: 0 !important;
        max-width: 300px !important;
        margin: 0 auto;
        padding: 20px !important;
        right: 0 !important
    }
}

form .error {
    color: #970505
}

form .success {
    color: #005123
}

.custom-error,
.custom-success,
.enq-last-mail br {
    display: none
}

.footer-pp-tc {
    text-align: right !important
}

.footer-pp-tc a:hover,
.form-check-a a {
    color: #95c158
}

#breadcrumb {
    color: #444749;
    margin-top: 10px
}

.breadcrumb-arrow,
.breadcrumb-arrow2 {
    background: url(../images/breadcrumb-arrow-black.png);
    display: inline-block;
    height: 20px;
    width: 20px;
    background-size: contain;
    position: relative;
    top: 5px
}

.breadcrumb-arrow2 {
    background: url(../images/breadcrumb-arrow-white.png) !important
}

#myModal .close {
    float: right;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0#fff;
    opacity: 1;
    position: absolute;
    right: 20px;
    top: 16px
}

.modal-body {
    padding: 0 !important
}

.modal-content {
    border: 0 !important
}

.modal-dialog {
    margin-top: 120px
}

.contact-map {
    position: relative;
    top: -70px;
    left: -25px
}

.contact-new {
    background: #fff !important
}

.contact-new h4 {
    font-weight: 700;
    font-size: 26px;
    padding-bottom: 15px
}

.contact-email span {
    margin-left: 84px
}

.contact-border,
.contact-email span a,
.contact-email spann a,
.contact-new h4 {
    border-bottom: 1px solid #4e4e4e
}

#contact .addr2 li span {
    display: inline-block;
    width: 200px;
    vertical-align: top;
    position: relative;
    left: 84px;
    color: #4e4e4e
}

#contact .addr2 li a {
    color: #4e4e4e
}

.contact-accordion-header {
    background: #4d4d4d;
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
    padding: 12px;
    line-height: 25px
}

.collapsed {
    border-radius: 20px !important
}

.contact-accordion-btn {
    background: 0 0;
    border: 0;
    color: #fff;
    text-align: left;
    font-size: 18px
}

.card-header .accicon {
    float: right;
    font-size: 20px;
    width: 1.2em
}

.card-header {
    cursor: pointer;
    border-bottom: none
}

.card-body {
    border-top: 1px solid #ddd
}

.card-header:not(.collapsed) .rotate-icon {
    transform: rotate(90deg);
    transition: 0.2s ease-in-out
}

.contact-accordion-table .accordion .card-body {
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 10px 20px 20px
}

.contact-accordion-table table {
    background: 0 0;
    border: 0 !important
}

.contact-accordion-table table tr td {
    font-size: 16px !important;
    text-align: left;
    color: #4e4e4e;
    padding: 5px !important;
    border: 0;
    background: #fff
}

.contact-accordion-table table tr td:nth-child(odd) {
    color: #000;
    font-weight: 700;
    width: 16%
}

#contact-form-box {
    background: #fff;
    padding: 30px 30px 10px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px
}

.contactus-wrapper {
    position: absolute;
    top: 13%;
    box-shadow: 0-3px 0 rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    border-radius: 15px;
    left: 20px;
    z-index: 67
}

.contact-heading {
    background: #252525;
    font-family: Lato;
    font-weight: 700;
    font-size: 30px;
    color: #fff;
    padding: 10px 0;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px
}

.form-control {
    font-size: 16px;
    border: 0;
    border-bottom: 1px solid #262b2d;
    border-radius: 0;
    font-family: Lato
}

.contact-form button {
    background: #252525;
    padding: 10px 20px;
    color: #fff;
    border: 0;
    display: block;
    margin: auto;
    border-radius: 20px;
    line-height: 20px
}

.contact-form button:focus,
.contact-form button:hover {
    background: #529e3e
}

.form-control:focus {
    border-color: #262b2d;
    box-shadow: none
}

.form-group .form-control::placeholder {
    color: #4e4e4e !important;
    font-size: 16px !important
}

.main-head .Overview {
    font-size: 90px !important
}

.social-icon {
    display: inline-block;
    margin-top: 20px
}

#contact .addr3 li a,
.contact-accordion-table table tr td a {
    color: #4e4e4e !important
}
.footer-logo-wrapper {
    width: 270px;
    height: 86px;
    overflow: hidden;
}

.footer-logo {
    width: 270px;
    height: auto;
    display: block;
}
.footer-social-img {
    width: 35px;
    height: 33px;
    display: inline-block;
}

@media only screen and (max-width: 1024px) and (min-width: 600px) {
    .main-head .Overview {
        font-size: 60px !important
    }

    .contact-map {
        top: 0;
        left: -55px;
        width: 440px
    }

    .contactus-wrapper {
        top: 0;
        left: 0;
        margin-bottom: 40px
    }

    .contact-new br {
        display: block
    }

    #contact .addr3 li a {
        word-wrap: break-word;
        word-break: break-all
    }

    .contact-accordion-table table tr td,
    .contact-accordion-table td:nth-child(1),
    .contact-accordion-table td:nth-child(2) {
        text-align: center !important
    }

    .contact-accordion-table table tr td:nth-child(odd) {
        width: auto
    }

    .second-mail {
        margin-left: 60px
    }

    .contactus-wrapper {
        position: relative !important
    }

    .contact-email spann {
        display: inline !important
    }
}

@media (max-width: 480px) and (min-width: 320px) {
    .contactus-wrapper {
        position: relative !important
    }

    .main-head .Overview {
        font-size: 44px !important;
        margin-left: 0 !important
    }

    .contact-map {
        top: 0;
        left: 5px;
        right: 0;
        width: 324px
    }

    .contactus-wrapper {
        top: 0;
        left: 0;
        margin-bottom: 40px
    }

    .contact-new br,
    .enq-last-mail br {
        display: block
    }

    #contact .addr3 li span {
        width: 193px !important
    }

    .second-mail {
        margin-left: 60px
    }

    .contact-accordion-table table tr td:nth-child(odd) {
        width: 100%
    }

    #contact .addr3 li a,
    .contact-accordion-table table tr td a {
        left: 10px !important
    }

    .contact-accordion-table table tr td {
        text-align: center
    }

    .contact-accordion-table tr:nth-of-type(even),
    .contact-accordion-table tr:nth-of-type(odd) {
        background: 0 0
    }

    .contact-accordion-table td:last-child {
        height: auto
    }

    .contact-accordion-table table tr {
        padding: 30px
    }

    .accordion {
        padding: 10px
    }

    .contact-email spann {
        display: inline !important
    }



}