/* GENERAL */

@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');


body {
    font-family: 'Manrope';
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}

.box-heading h2 {
    font-size: 36px;
    font-weight: bold;
    color: #212121;
}

p {
    margin: 0;
    padding: 0;
}

.main-content .container,
.standard-body .main-content .container {
    padding-bottom: 0;
}

.main-content.fixed {
    overflow: hidden;
}

.full-width-content {
    width: 100vw;
    position: relative;
    /* left: 49.5%;
    transform: translateX(-50%); */
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    overflow: hidden;
}

a {
    transition: 0.3s all ease;
}

.btn_purple a {
    font-size: 14px;
    font-weight: bold;
    color: #e4923e;
    padding: 15px 45px;
    border-radius: 31px;
    border: solid 1px #e4923e;
}

.btn_purple a:hover {
    color: #fff;
    background: #e4923e;
}

.preloader {
    align-items: center;
    background: #fff;
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    transition-duration: 0.5s;
    width: 100%;
    z-index: 9999;
    opacity: 1;
    flex-wrap: nowrap;
    flex-direction: column;
}

@font-face {
    font-family: 'Mulish';
    src: url('../fonts/Mulish-MediumItalic.eot');
    src: url('../fonts/Mulish-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mulish-MediumItalic.woff2') format('woff2'),
        url('../fonts/Mulish-MediumItalic.woff') format('woff'),
        url('../fonts/Mulish-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}


/* TOPBAR */
#top-bar-sticky-wrapper {
    height: 46px !important;
}

#top-bar #top-bar-right {
    display: none;
}

#top-sticky-wrapper #header-center {
    padding-left: 50px;
}

#top-bar .col-sm-3 {
    width: 100%;
    text-align: right;
}

.top-bar-details img {
    padding-left: 15px;
    padding-right: 4px;
    height: 16px;
}

.top-bar-details {
    font-size: 16px;
    color: #fff;
}

.top-bar-details a {
    font-size: 16px;
    color: #fff;
}

.top-bar-details a:hover {
    color: #333333;
}

.top-bar-details {
    display: flex;
    justify-content: flex-end;
}

.top-bar-details div:first-child:after {
    content: '|';
    padding-left: 14px;
}

/* MENU */
#top-sticky-wrapper #header-center {
    padding-left: 50px;
}

#top-sticky-wrapper .background .pattern>.container {
    padding-top: 16px;
    padding-bottom: 16px;
}

#header-center .megamenu>li>a {
    padding-top: 0;
    height: auto;
}

#header-center ul.megamenu {
    background: none;
}

ul.megamenu>li>a:before {
    display: none;
}


/*SUBMENU*/
ul.megamenu>li>.sub-menu {
    width: auto !important;
}

.sub-menu .content {
    background-color: #fff !important;
    border-color: #dedede !important;
    position: relative;
    left: 0px;
    top: 0px;
}

/* .slider-header #top .container {
    padding-top: 10px;
    padding-bottom: 10px;
} */
.megamenu a.clearfix:before {
    /*     display: none !important; */
}

ul.megamenu>li>a.active,
ul.megamenu>li>a:hover,
ul.megamenu>li.active>a {
    /*     color: #6b784a !important; */
}

ul.megamenu .sub-menu .content>.row {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.megamenu li.with-sub-menu ul {
    padding-left: 0;
    list-style: none;
    text-align: left;
}

ul.megamenu li .sub-menu .content a {
    font-size: 13px;
    font-weight: 500 !important;
    margin-bottom: 15px;
}

.megamenu .sub-menu ul li a {
    line-height: 1.33;
    font-weight: 500;
}

.megamenu .sub-menu ul li a:hover {
    /*   color: #563d82 !important; */
    /*     text-decoration: underline; */
}

ul.megamenu li .sub-menu .content a:hover {
    border-bottom: 1px solid #3cb54b;
}

ul.megamenu li .sub-menu .content .sub-cate a.active {
    border-bottom: 2px solid #3cb54b;
    color: #3cb54b;
}


/* arrow submenu */
.megamenu .with-sub-menu>a strong:after {
    content: "\f078";
    font-family: "font awesome 5 free", FontAwesome;
    margin-left: 5px;
    color: #333333;
    font-size: 8px;
    top: -2px;
    position: relative;
}

ul.megamenu>li>.sub-menu .content li {
    padding: 7px 27px;
}

ul.megamenu>li>.sub-menu .content {
    position: relative;
    top: 37px !important;
    padding-top: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}

#top-sticky-wrapper.is-sticky ul.megamenu>li>.sub-menu .content {
    top: 28px !important;
}

/* ul.megamenu>li>.sub-menu .content li:hover {
    background-color: #f0f0f0;
} */
ul.megamenu>li>a:hover strong:after {
    color: #3cb54b;
}

/* overlay background when hover menu */
#menu-hover-background {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    height: 100vh;
    z-index: 3;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}

#menu-hover-background.active {
    opacity: 1;
    visibility: visible;
}

#top {
    z-index: 99;
}

#top-sticky-wrapper.is-sticky ul.megamenu>li>.sub-menu .content {
    position: relative;
    top: 8px;
}


/* HOMEPAGE */

/* slideshow */
/* .slider-1 .caption {
    top: 24% !important;
    margin: 0 auto !important;
    text-align: left;
    width: 100%;
    left: 10% !important;
} */
.banner1 {
    left: 0 !important;
    top: 0 !important;
    width: 100vw;
    height: 100%;
    display: flex;
    align-items: center;
}

/* Center the entire caption container */
.slider-1 .caption {
    left: 0% !important;
    transform: translateX(-0%);
    width: 100%;
    top: 35% !important;
}

/* Center content inside */
.caption .container {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.fullwidthbanner-container .caption h1 {
    font-size: 42px;
    font-weight: bold;
    line-height: 1.37;
    color: #fff;
}

.fullwidthbanner-container .caption p {
    font-family: Mulish;
    font-size: 22px;
    font-weight: 500;
    font-style: italic;
    line-height: 1.6;
    color: #fff;
    padding-top: 10px;
}

.fullwidthbanner-container .caption .btn_slider {
    margin-top: 40px;
}

.fullwidthbanner-container .caption .btn_slider a {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    padding: 15px 45px;
    border-radius: 31px;
    background-color: #e4923e;
}

.fullwidthbanner-container .caption .btn_slider a:hover {
    color: #e4923e;
    background-color: #fff;
}

#slider .tp-bullets .bullet {
    border: none;
    background: #fff;
    opacity: 50%;
}

#slider .tp-bullets .bullet.selected {
    opacity: 1;
    background: #fff;
    width: 50px;
}

/* section 2 A Legacy of Healing, A Future of Innovation */
.home1 {
    background-color: #fafafa;
    padding-top: 100px;
    padding-bottom: 100px;
}

.row.sect-1 {
    display: flex;
    align-items: center;
}

.row.sect-1 h2 {
    font-size: 36px;
    font-weight: bold;
    line-height: 1.36;
    color: #212121;
}

.row.sect-1 p {
    line-height: 1.88;
    padding-top: 18px;
    padding-bottom: 38px;
}

h2.home-heading {
    font-size: 36px;
    font-weight: bold;
    line-height: 1.36;
    color: #212121;
    text-align: center;
    padding-bottom: 40px;
}

/* product slider */
.product-grid .product .left {
    padding: 5px;
}

.product-slider-carousel {
    padding-top: 90px;
    padding-bottom: 60px;
}

.product-slider-carousel .box-heading {
    font-size: 36px !important;
    background: none;
    font-weight: bold !important;
    color: #212121 !important;
    justify-content: center !important;
    margin-bottom: 0;
    text-transform: capitalize !important;
}

.box.filter-product .slider-center-arrow .next,
.box.filter-product .slider-center-arrow .prev {
    background: #fff !important;
    border-radius: 100%;
    border: 1px solid #a6a6a6;
}

.box.filter-product .slider-center-arrow .next span,
.box.filter-product .slider-center-arrow .prev span {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin-top: -2px !important;
}

.box.filter-product .slider-center-arrow .next span:before {
    color: #a6a6a6;
    font-size: 14px;

}

.box.filter-product .slider-center-arrow .prev span:before {
    color: #a6a6a6;
    font-size: 14px;
    margin-right: 2px;
}

.box.filter-product .slider-center-arrow .next:hover,
.box.filter-product .slider-center-arrow .prev:hover {
    border: 1px solid #3cb54b;
}

.box.filter-product .slider-center-arrow .next:hover span:before,
.box.filter-product .slider-center-arrow .prev:hover span:before {
    color: #3cb54b;
}

a.product-slider-btn {
    font-size: 14px;
    font-weight: bold;
    color: #e4923e;
    padding: 15px 45px;
    border-radius: 31px;
    border: solid 1px #e4923e;
}

a.product-slider-btn:hover {
    color: #fff;
    background: #e4923e;
}

.filter-product-wrapper-extra {
    overflow-y: hidden;
    text-align: center;
    padding-bottom: 100px;
}

/* our product category section brand product slider */
.home-product-cat {
    padding-bottom: 50px;
}

.home-product-cat .box-heading {
    background: none;
    justify-content: center !important;
    margin-top: 60px;
    margin-bottom: 20px;
}

.home-product-cat .product-grid .product .left .image {
    transition: transform 0.3s ease, color 0.3s ease;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
}

.home-product-cat .product-grid .product .left:hover .image {
    border-radius: 0px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
    transform: scale(1.03);
    transition: transform 0.3s ease, color 0.3s ease;
}

.home-product-cat .product-grid .right {
    display: none;
}

.home-product-cat .product-grid .owl-dots {
    margin-top: 30px;
}

/* our product category homepage text block  */
.our-product-homepage {
    padding-top: 60px;
    padding-bottom: 60px;
}

.our-product-homepage h2 {
    font-size: 28px;
    font-weight: bold;
    color: #212121;
    text-align: center;
    padding-bottom: 40px;
}

/* --- Mobile Layout (default) --- */
.our-product-homepage .row {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 1rem;
}

.our-product-homepage .row a {
    flex-shrink: 0;
    width: calc(100% / 2.5);
    margin: 0 0.5rem;
}

.our-product-homepage .row a:first-child {
    margin-left: 0;
}

.our-product-homepage .row a:last-child {
    margin-right: 0;
}

.our-product-homepage .row img {
    width: 100%;
    height: auto;
    transition: transform 0.2s ease-in-out;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
}

.our-product-homepage .row a:hover img {
    transform: scale(1.05);
}

/* --- Desktop Layout --- */
@media (min-width: 768px) {
    .our-product-homepage .row {
        display: flex;
        flex-wrap: wrap;
        overflow-x: hidden;
        padding: 0;
        margin: -0.5rem;
    }

    .our-product-homepage .row a {
        width: auto;
        flex-basis: calc(100% / 6);
        flex-shrink: 1;
        padding: 1.5rem;
        margin: 0;
    }

    .our-product-homepage h2 {
        font-size: 36px;
    }
}

/* blog home */
.blog-home-col .tags-update .tags {
    font-size: 14px;
    font-weight: 600;
    color: #006ca5;
    padding: 6px 15px;
    border: solid 1px #006ca5;
    background-color: #fff;
}

.blog-home-col .tags-update {
    margin-bottom: 30px;
    padding-top: 5px;
}

/* last section */
.home4 {
    padding-top: 90px;
    padding-bottom: 90px;
}

.home-interested {
    padding-top: 90px;
    padding-bottom: 110px;
    background: url(/image/data/theme/homepage/interest-bg_270624152133.jpg) no-repeat;
    background-size: cover;
    text-align: center;
}

.home-interested h2 {
    padding-bottom: 20px;
}

.home-interested p {
    padding-bottom: 46px;
    max-width: 520px;
    margin: 0 auto;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 500;
    font-style: italic;
    line-height: 1.88;
    color: #707070;
}


/* footer */
.footer .row .footer-panel:nth-child(1) img {
    width: 154px;
}

.footer .footer-panel {
    width: 20%;
}

.footer .row {
    display: flex;
}

.footer .row .footer-panel:nth-child(1) {
    width: 57%;
}

.footer .row .footer-panel:nth-child(2) {
    order: 5;
    width: 23%;
}

.footer .social-icons {
    display: flex;
    padding-top: 30px;
}

.footer .social-icons li {
    margin-right: 12px;
    border: 1px solid #e40f26;
    border-radius: 50px;
    width: 37px;
    height: 37px;
    transition: 0.3s all ease;
}

.footer .social-icons li i {
    margin-left: 10px;
    margin-top: 8px;
    font-size: 18px;
    color: #e40f26;
}

.footer .social-icons li:hover i {
    color: #fff;
}

.footer .social-icons li:hover {
    background: #e40f26;
}

.footer .social-icons li:nth-child(1) i {
    margin-left: 13px;
}

.footer .social-icons li:nth-child(3) i {
    margin-left: 8px;
}

.footer.full-width h4 {
    background: none;
    padding-bottom: 0;
    margin-bottom: 16px;
    letter-spacing: 0;
}

.footer.full-width h4~ul li a {
    font-size: 14px;
}

.footer.full-width h4~ul li a:hover {
    color: #212121;
}

.footer-contact .group-contact {
    display: flex;
    align-items: flex-start;
    margin-bottom: 12px;
}

.group-contact>img {
    margin-right: 8px;
    margin-top: 6px;
}

.footer-contact .group-contact p {
    font-size: 14px;
    line-height: 1.36;
    color: #4d4d4d;
}

.footer-contact .group-contact p a:hover {
    color: #212121;
}

.footer {
    padding-top: 35px;
    padding-bottom: 45px;
    background-color: #f5f5f5;
}

.copyright .background {
    background: #ebebeb !important;
}

.copyright .background .pattern {
    padding-top: 25px;
    padding-bottom: 25px;
}

.text_copy {
    text-align: right;
}

.copyright p {
    font-size: 12px;
    color: #4d4d4d;
    padding: 0;
    /* text-align: center; */
}

.copyright p a:hover {
    color: #e4923e;
}





/*  ABOUT US PAGE */
/* banner */
.information-information .breadcrumb .pattern {
    padding: 58px 0;
    background-size: cover;
}

.information-information .breadcrumb .clearfix {
    padding: 0;
}

.information-information .breadcrumb h2 {
    margin: 0;
}

.info-4 .breadcrumb .pattern {
    background-image: url(/image/data/theme/about/about-banner--1_280624130842.jpg);
}

.information-information .breadcrumb ul {
    display: none;
}

.breadcrumb .container h2 {
    font-family: Mulish;
    font-size: 36px !important;
    font-weight: 800 !important;
    font-style: italic;
    line-height: 1.25;
    letter-spacing: normal !important;
    text-align: left;
    color: #fff;
    text-transform: capitalize !important;
}

/* your health */
.your-health {
    padding-top: 100px;
    padding-bottom: 100px;
}

.your-health h2 {
    padding: 0;
    margin: 0;
    padding-bottom: 20px !important;
}

.your-health h2~p {
    padding: 0 !important;
    margin: 0 !important;
}

.main-content.inner-page .col-sm-12.center-column {
    padding-top: 0;
}

.youtube-about {
    padding-bottom: 100px;
}


/* timeline slider */
.subway_timeline {
    margin-top: 50px;
}

.about-section7 {
    padding: 100px 0 80px;
    text-align: center;
    background-color: #ebf8ec;
}

.about-section7 .timeline h2 {
    padding-bottom: 36px;
    padding-top: 0;
    font-family: Mulish;
    font-size: 24px;
    font-style: italic;
    line-height: 1.17;
    color: #004126;
    margin: 0;
    font-weight: 800;
}

.about-section7 p {
    padding-bottom: 20px;
}

.timeline ul {
    list-style-type: none;
    padding-left: 0;
    padding-bottom: 10px;
}

.timeline ul li {
    position: relative;
    padding-left: 25px;
    padding-bottom: 5px;
}

.timeline ul li::before {
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    font-weight: 500;
    position: absolute;
    left: 0;
    top: 0;
    color: #3cb54b;
    background: #fff;
}

.timeline_date {
    text-align: center;
    position: relative;
    padding-top: 30px;
    z-index: 2;
    font-size: 16px;
    font-family: Mulish;
    font-style: italic;
    font-weight: 800;
    color: #7f7f7f;
}

.timeline_date:before {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    background: #283096;
    content: "";
    border-radius: 12px;
    right: 0;
    left: 0;
    top: 10px;
    margin: 0 auto;
}

/* .slick-current.timeline_date:before{
    transform: scale(2);
    background: #e32526;
} */
.slick-current.timeline_date {
    font-size: 20px;
    color: #212121;
    padding-top: 70px;
}


/* custom color each year */
.slick-track .slick-current.timeline_date:before {
    content: '';
    display: block;
    width: 41px;
    height: 66px;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transform: scale(1);
}

.slick-track .slick-current.timeline_date:nth-child(1):before {
    background: url('https://hovidcom.o2o.my/image/data/theme/about/award/1940_020724113404.png') no-repeat center center;
}

.slick-track .slick-current.timeline_date:nth-child(2):before {
    background: url('https://hovidcom.o2o.my/image/data/theme/about/award/1980_020724114508.png') no-repeat center center;
}

.slick-track .slick-current.timeline_date:nth-child(3):before {
    background: url('https://hovidcom.o2o.my/image/data/theme/about/award/1991_020724114508.png') no-repeat center center;
}

.slick-track .slick-current.timeline_date:nth-child(4):before {
    background: url('https://hovidcom.o2o.my/image/data/theme/about/award/2000_020724114508.png') no-repeat center center;
}

.slick-track .slick-current.timeline_date:nth-child(5):before {
    background: url('https://hovidcom.o2o.my/image/data/theme/about/award/2006_020724114508.png') no-repeat center center;
}

.slick-track .slick-current.timeline_date:nth-child(6):before {
    background: url('https://hovidcom.o2o.my/image/data/theme/about/award/2021_020724114508.png') no-repeat center center;
}

.slick-track .slick-current.timeline_date:nth-child(7):before {
    background: url('https://hovidcom.o2o.my/image/data/theme/about/award/2022_020724114508.png') no-repeat center center;
}


.slick-track .timeline_date:nth-child(1):before {
    background: #ab4493;
}

.slick-track .timeline_date:nth-child(2):before {
    background: #6c54d0;
}

.slick-track .timeline_date:nth-child(3):before {
    background: #006ca5;
}

.slick-track .timeline_date:nth-child(4):before {
    background: #009466;
}

.slick-track .timeline_date:nth-child(5):before {
    background: #febf0f;
}

.slick-track .timeline_date:nth-child(6):before {
    background: #e4923e;
}

.slick-track .timeline_date:nth-child(7):before {
    background: #bf284b;
}

/* end */


.timeline_date_wrap .slick-track {
    position: relative;
}

.timeline_date_wrap .slick-track:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 8px;
    background: #fff;
    top: 15px;
    left: 0px;
    right: 0;
    max-width: 97%;
    margin: 0 auto;
    z-index: 1;
}

.timeline_date_wrap .slick-prev,
.timeline_date_wrap .slick-next {
    z-index: 5;
    color: #a6a6a6;
    width: 40px;
    height: 40px;
    padding: 10px;
    border-radius: 40px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.16);
    background-color: #fffffe;
    top: 15px;
}

.timeline_date_wrap .slick-prev:hover,
.timeline_date_wrap .slick-next:hover {
    background-color: #fffffe;
}

.timeline_date_wrap .slick-prev:focus,
.timeline_date_wrap .slick-next:focus {
    background-color: #fffffe;
}

.timeline_date_wrap.slick-prev {
    left: -45px;
}

.timeline_date_wrap.slick-next {
    right: -45px;
}

.timeline_date_wrap .slick-prev:before,
.timeline_date_wrap .slick-next:before {
    color: #a6a6a6;
    opacity: 1 !important;
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    font-weight: 900;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    background-image: none;
    width: 20px;
    height: 20px;
}

.timeline_date_wrap .slick-prev:before {
    content: "\f053";
}

.timeline {
    padding: 50px;
    border-radius: 20px;
    box-shadow: 3px 6px 33px 0 rgba(115, 120, 150, 0.25);
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.timeline img {
    /*     border-radius: 15px; */
}

.timeline .timeline_image_wrap {
    max-width: 395px;
    margin-right: 60px;
    aspect-ratio: 1/1;
    width: 100%;
}

.timeline>div:nth-child(2) {
    flex: 1;
}

.timeline h3 {
    margin-top: 0;
    font-size: 20px !important;
    font-weight: bold;
    color: #006339 !important;
}

.timeline p {
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
}

.timeline_content {
    margin-top: 30px;
    padding: 0 80px;
    text-align: left;
}

.timeline:not([data-timeline="0"]) {
    display: none;
}


/* largest export */
.larget-export {
    padding-top: 100px;
    padding-bottom: 100px;
    text-align: center;
}

.larget-export h2 {
    font-size: 36px;
    font-weight: bold;
    text-transform: none;
    padding-bottom: 15px;
}

.larget-export p~img {
    padding-top: 70px;
    padding-bottom: 100px;
}

.larget-export p~img~p {
    padding-bottom: 38px;
}

.larget-export .col-sm-4 img {
    padding-bottom: 32px;
}

.larget-export .col-sm-4 span {
    font-family: Mulish;
    font-weight: 800;
    font-style: italic;
    color: #004126;
}

.larget-export .col-sm-4 {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 45px;
    padding-bottom: 45px;
}

.larget-export .col-sm-4:not(:last-child)::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 320px;
    background-color: #5acba8;
}

/* our award */
.our-award {
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #fafafa;
    text-align: center;
}

.our-award .container>h2 {
    font-size: 36px !important;
    font-weight: bold !important;
    color: #212121 !important;
    text-decoration: none;
    padding-bottom: 40px;
}

.our-award h2 {
    font-size: 18px !important;
    font-weight: 500;
    color: #009466 !important;
    text-decoration: underline;
    padding-top: 15px;
    padding-bottom: 12px;
    margin: 0;
}

.our-award h3 {
    font-size: 18px !important;
    font-weight: bold;
    line-height: 1.44;
    color: #004126 !important;
    padding: 0;
    margin: 0;
    padding-bottom: 8px;
}

.our-award h3~p {
    font-size: 14px;
    font-weight: 500;
}

.our-award .slick-prev,
.our-award .slick-next {
    z-index: 5;
    color: #a6a6a6;
    width: 40px;
    height: 40px;
    padding: 10px;
    border-radius: 40px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.16);
    background-color: #fffffe;
}

.our-award .slick-prev:before,
.our-award .slick-next:before {
    color: #a6a6a6;
    opacity: 1 !important;
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    font-weight: 900;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    background-image: none;
    width: 20px;
    height: 20px;
}

.our-award .slick-prev:before {
    content: "\f053";
}

.our-award img {
    text-align: center;
    margin: 0 auto;
}

.our-award .slick-slide .container-white {
    background: #fff;
    padding: 30px 25px;
    border-radius: 20px;
    border: solid 1px #d0d0d0;
    background-color: #fff;
    height: 350px;
    margin-right: 15px;
    margin-left: 15px;
}

.our-award .slick-prev {
    left: -60px;
}

.our-award .slick-next {
    right: -60px;
}


/* our culture */
.our-culture {
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #ebf8ec;
    text-align: center;
}

.our-culture .container>h2 {
    font-size: 36px !important;
    font-weight: bold !important;
    color: #212121;
    text-decoration: none;
    padding-bottom: 40px;
}

.our-culture .col-md-4 div {
    background: #fff;
    border-radius: 20px 20px 20px 20px;
    padding-bottom: 51px;
}

.our-culture h3 {
    font-family: Mulish !important;
    font-size: 20px !important;
    font-weight: 800;
    font-style: italic;
    line-height: 1.4;
    color: #004126 !important;
    padding: 0;
    margin: 0;
    padding-top: 41px;
    padding-bottom: 21px;
}

/* our core values */
.our-core-values {
    padding-top: 100px;
    padding-bottom: 30px;
    text-align: center;
}

.our-core-values .container>h2 {
    font-size: 36px !important;
    font-weight: bold !important;
    color: #212121;
    text-decoration: none;
    padding: 0;
    margin: 0;
    padding-bottom: 54px;
}

.our-core-values h3 {
    font-size: 20px !important;
    font-weight: bold;
    color: #333 !important;
    padding: 0;
    margin: 0;
    padding-top: 30px;
    padding-bottom: 20px;
}

.our-core-values .col-sm-4 {
    padding-bottom: 70px;
}

.our-core-values .container .row:last-child {
    display: flex;
    justify-content: center;
}



/* CATEGORY PAGE */
.product-search .pagination {
    width: 100%;
}

.category-info {
    padding: 0 !important;
}

.category-info img.bg_cat {
    width: 100% !important;
}

.title_details {
    display: flex;
    align-items: flex-start;
    position: absolute;
    bottom: 0;
    height: 100%;
    flex-direction: column;
    justify-content: center;
}

.title_details h2.title_page_cat {
    font-family: Mulish;
    font-size: 36px;
    font-weight: 800;
    font-style: italic;
    line-height: 1.25;
    color: #fff;
}

.banner-img+.breadcrumb {
    display: none;
}

.product-category .main-content .category-info {
    display: none;
}

.product-category .product-filter {
    padding-top: 50px;
}

.product-category .product-filter .options .product-compare {
    display: none;
}

.product-filter .options .button-group button {
    color: #b5b2ad !important;
}

.product-filter .options .button-group button:hover,
.product-filter .options .button-group .active {
    color: #000000 !important;
}

.list-options .sort,
.list-options .limit {
    font-size: 12px;
    color: #434656;
}

.sort select,
.limit select {
    background: #ffffff;
}

#mfilter-content-container .product .image .product-actions a {
    width: auto !important;
    height: auto !important;
    padding: 11px 66px;
    border-radius: 31px;
    color: #fff !important;
    font-weight: bold;
}

.product-grid .product .price {
    display: none;
}

.product-list .price,
.product-list .description {
    display: none;
}

.product-grid .product .left:hover .image {
    border-radius: 20px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
}

/* filter left column section */
.box.box-category {
    border-color: transparent;
}

.box-category .box-heading {
    padding: 15px 0px 10px 0px;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #231f20 !important;
    background: none;
}

.box-category .box-content.collapse ul {
    padding: 26px 0px;
}

.box-category ul li {
    padding-bottom: 10px;
}

.box-category ul li a {
    font-size: 16px;
    font-weight: 500;
    color: #707070;
    text-transform: capitalize !important;
}

.box-category ul li a:focus {
    text-decoration: none !important;
}

.box-category ul li a.active {
    color: #231f20 !important;
}

.box-category ul li a .plus {
    font-size: 26px;
    font-weight: 500;
    color: #231f20;
}

.box-category ul li a .minus {
    font-size: 50px;
}

#accordion-category {
    border-bottom: solid 1px #b4b4b4;
}

.box.mfilter-box.mfilter-.init {
    margin-top: 20px !important;
}

.box.mfilter-box .box-heading {
    font-size: 18px;
    font-weight: 600 !important;
    margin-bottom: 15px;
    color: #231f20 !important;
}

.mfilter-button-bottom {
    padding: 2px 1px !important;
    font-weight: 400;
    border: 1px solid #b1b1b1 !important;
    border-radius: 8px;
    top: 11px !important;
    right: 0px !important;
}

.fa-times:before {
    display: none;
}

.mfilter-button-reset {
    margin-left: 0 !important;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 5px;
    text-transform: capitalize;
    font-size: 11px;
    color: #212121;
}

.product-category input[type="text"] {
    background: #fff !important;
}

.mfilter-options .mfilter-option.mfilter-tb-as-tr {}

.mfilter-options .mfilter-option.mfilter-tb-as-tr.mfilter-input-active {
    background-color: #ebf8ec;
}

.mfilter-options .mfilter-tb-as-td.mfilter-col-input {
    /* display: none; */
}


.mfilter-price-slider #mfilter-price-slider .ui-slider-handle {
    border: 1px solid #888 !important;
    background: #888 !important
}

#mfilter-price-slider .ui-slider-range {
    /*     background-color: #370994 !important; */
}

.mfilter-price-inputs input {
    border-radius: 5px;
    border: 1px solid #cecece;
}

.mfilter-heading-text>span {
    font-size: 18px;
    font-weight: 600;
    color: #231f20;
}

.mfilter-heading .mfilter-head-icon:before {
    content: "\f068";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
}

.mfilter-heading.mfilter-collapsed .mfilter-head-icon:before {
    content: "\f067";
}

.mfilter-col-count {
    visibility: hidden;
}

.mfilter-tb-as-tr {
    border-top: 0px dashed #dcdcdc !important;
}

.mfilter-content-wrapper {
    padding-top: 5px;
    border-top: 2px solid #ccc;
    padding: 5px 0 20px !important;
    border-bottom: 1px solid #dbdbdb;
    border-top: none !important;
}

/* search filter */
.mfilter-options .mfilter-search input#mfilter-opts-search {
    background-color: #fff;
}

.mfilter-options .mfilter-search input#mfilter-opts-search::placeholder {
    opacity: 0.5;
    font-size: 14px;
    color: #707070 !important;
}

/* attribute material filter */
.mfilter-tb-as-tr.mfilter-input-active .mfilter-col-input {
    border-color: #b5b2ad !important;
    background-color: #fff !important;
    color: #006339 !important;
}

.mfilter-box .mfilter-attributes[data-seo-name="62-range"] .mfilter-tb-as-td.mfilter-col-input {
    border: solid 1px #b5b2ad;
}

.mfilter-box .mfilter-attributes[data-seo-name="62-range"] .mfilter-tb-as-td {
    font-size: 16px;
    color: #58595a;
    font-weight: 500 !important;
}

.mfilter-tb-as-tr label {
    font-size: 16px;
    font-weight: 500;
    padding-left: 0;
}

.mfilter-filter-item.mfilter-search .mfilter-content-wrapper {
    border-bottom: 0;
}

/* category content */
.product-category div.pagination {
    width: 100%;
}

.pagination .links li a {
    color: #434656 !important;
    font-size: 14px;
    border-radius: 6px;
}

.product-category div.pagination .links li.active span {
    border: 1px solid #b4b4b4;
    font-size: 14px;
    color: #434656;
    border-radius: 6px;
}

.product.clearfix img {
    /*     border-radius: 6px; */
}

.product-grid .product .name {
    text-align: center;
}

.product-grid .product .name a {
    text-align: center;
    font-size: 16px !important;
    font-weight: bold !important;
    color: #333;
}

.product-list .name a {
    text-align: center;
    font-size: 16px !important;
    font-weight: bold !important;
    color: #333;
}

.product-grid .product .price {
    text-align: center;
    font-size: 15px !important;
}

.product-grid .product .image .product-actions a {
    background: #e4923e !important;
}

.product-grid .product .image .product-actions a:hover {
    /*     background: black !important; */
}

.product .product-actions {
    width: 100%;
    display: flex;
    justify-content: center;
    left: 0;
    padding-right: 15px;
}

.product-list .product-actions a {
    width: auto !important;
    height: auto !important;
    padding: 11px 66px;
    border-radius: 31px;
    color: #fff !important;
    font-weight: bold;
    background: #e4923e;
}

.product-list .product-actions {
    margin-top: 20px;
}

/* BRAND PAGE */
/* start banner part */
.product-manufacturer-info .breadcrumb {
    display: none;
}

.product-manufacturer-info .category-info {
    display: none;
}

.product-manufacturer-info #brand_img {
    display: block;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    overflow: hidden;
}

.product-manufacturer-info #brand_img .cat-banner img {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    overflow: hidden;
}

.product-manufacturer-info #brand_img .cat-banner img~.container h2 {
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    font-family: Mulish;
    font-size: 36px;
    font-weight: 800;
    font-style: italic;
    color: #fff;
}

/* end banner part */
/* .product-manufacturer-info .product-filter .options .button-group {
    display: none;
} */
.product-manufacturer-info .product-filter {
    padding-top: 50px;
}

.product-manufacturer-info .product-filter .options .product-compare {
    display: none;
}

.product-manufacturer-info div.pagination {
    width: 100%;
    padding-bottom: 80px;
}

.product-manufacturer-info .product .image .product-actions a {
    width: auto !important;
    height: auto !important;
    padding: 11px 66px;
    border-radius: 31px;
    color: #fff !important;
    font-weight: bold;
}

.product-category #mfilter-content-container p {
    padding-top: 50px;
}

.product-category .pull-right a {
    background: #fff;
    color: #e4923e !important;
    border: 1px solid #e4923e;
    border-radius: 31px;
}

.product-category .pull-right a:hover {
    background: #e4923e;
    color: #fff !important;
}


/* PRODUCT DETAIL PAGE */
.drug-product {
    margin-bottom: 10px;
    font-weight: 900;
    color: red;
    font-style: italic;
}

.product-product .main-content .container,
.product-product .standard-body .main-content .container {
    /*   padding-bottom: 0px; */
}

.product-info .product-center {
    margin-top: 120px !important;
    padding-left: 30px;
}

/* .product_mainBG {
  background: url(/image/data/theme/banners/product-banner_251023110034.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 0 0 50px;
} */
.product-product .center-column {
    /*   padding-top: 0; */
}

.product-product .breadcrumb .background {
    background: transparent !important;
}

.product-info .container {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.product-product .breadcrumb .container h2 {
    display: none;
}

.product-product .breadcrumb .container ul {
    text-align: left;
}

.product-product .breadcrumb .container ul li a {
    color: #8b8b8b;
}

.product-product .breadcrumb .container ul a {
    font-size: 14px;
}

.breadcrumb .container>div {
    padding: 15px 0;
}

.product-info h2 {
    font-size: 36px !important;
    font-weight: bold;
    margin-bottom: 12px;
}

h4.generic-name {
    font-size: 22px !important;
    font-weight: bold;
    line-height: 1.32;
    color: #645d57 !important;
    padding: 0;
    margin-bottom: 20px
}

.product-search a.learn_more {
    width: auto !important;
    height: auto !important;
    padding: 11px 66px !important;
    border-radius: 31px;
    color: #fff !important;
    font-weight: bold;
}

.product-info .cart,
.product-info .description,
.product-info .options,
.product-info .price {
    /*   background: none; */
}

.product-info .thumbnails.thumbnails-bottom .slick-slider li {
    float: left !important;
}

.product-info .thumbnails.thumbnails-bottom .slick-slider li p {
    width: 100%;
    margin: auto;
}

.popup-gallery .thumbnails li img {
    border: 1px solid #d0d0d0;
}

.popup-gallery .slick-active img {
    /*     border: 1px solid #808080; */
}

.thumbnails {
    /*   width: 80%; */
    /*   margin: 0 auto; */
}

.product-info .thumbnails.thumbnails-bottom .slick-slider li p.active {
    border: 2px solid #3E804C;
}

.product-info .thumbnails li p {
    padding: 0;
}

.price-php {
    margin-top: 20px;
}

.statement-product {
    margin-top: 20px;
}

button.enquery-button.btn {
    margin-top: 25px;
    background: #e4923e !important;
    /* width: 100%; */
    /* border: none; */
    padding: 12px 103px;
    border-radius: 31px;
    font-size: 16px !important;
    font-weight: bold !important;
    color: #fff !important;
    transition: 0.3s all ease !important;
}

button.enquery-button.btn:hover {
    background: #fff !important;
    color: #e4923e !important;
    border: 1px solid #e4923e;
    transition: 0.3s all ease !important;
}

.enquery-button:focus {
    background: #e4923e !important;
    outline: none;
}

.share {
    display: flex;
    align-items: center;
}

.social_share {
    padding-top: 40px;
    padding-bottom: 0px;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.social_share>span {
    padding-right: 5px;
}

.social_share #st-1 {
    z-index: 1;
}

.social_share #st-1 .st-btn {
    border-radius: 100%;
    padding: 0;
    aspect-ratio: 1/1;
    background: none !important;
    border-color: #bababa;
    border: 1px solid #bababa;
}

.social_share #st-1 .st-btn>img {
    filter: brightness(10) grayscale(1) contrast(0.5) !important;
}

.social_share #st-1 .st-btn[data-network="twitter"]>img {
    filter: invert(1) brightness(0.65);
}

html .sharethis-inline-share-buttons .st-btn {
    display: inline-block !important;
}

.sharethis-inline-share-buttons {
    z-index: 0 !important;
}

#tab-description h2 {
    display: none;
}

/* #tab-description .heline {
  color: #4b4b4b;
  font-size: 16px;
  text-transform: uppercase;
  display: block;
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 7px;
  margin-bottom: 15px;
} */

#tab-description {
    /*   letter-spacing: 0.25px; */
}

.share p {
    margin-right: 15px;
    letter-spacing: 0.21px;
    font-size: 14px;
    margin-bottom: 0;
}

.product-info .price {
    display: none;
}

.product-info .description {
    background: none;
    padding-bottom: 15px;
    padding-top: 25px;
    border-top: 1px solid #cbcbcb;
}

.description a {
    color: #707070;
}

#product .cart {
    background: none;
}

#product .add-to-cart {
    display: none;
}

#product .links {
    display: none;
}

#product .cart .brochure_wrapper a {
    background: #fff;
    padding: 12px 66px;
    border-radius: 31px;
    font-size: 16px !important;
    font-weight: bold !important;
    color: #e4923e;
    transition: 0.3s all ease !important;
    border: 1px solid #e4923e;
}

#product .cart .brochure_wrapper a:hover {
    background: #e4923e;
    color: #fff !important;
    border: 1px solid #e4923e;
    transition: 0.3s all ease !important;
}

/* .related_product {
  margin: 35px 0 45px !important;
  text-align: center;
} */

/* .related_product .box-heading {
  background: none;
  text-align: center;
  display: block;
  position: relative;
  margin-bottom: 10px;
  pointer-events: none;
} */

/* #myCarousel2357873_next, #myCarousel2357873_prev {
  pointer-events: auto;
} */

/* .related_product .box-heading h2 {
  position: relative;
} */

/* .related_product .box-heading h2:after {
  content: '';
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
  width: 10%;
  border-bottom: 3px solid #D94433;
} */

.htabs a {
    font-size: 22px !important;
    font-weight: bold;
    color: #645d57 !important;
}

.htabs {
    padding-top: 40px;
    justify-content: center;
    display: flex;
    background: none;
}

.htabs a:focus {
    text-decoration: none;
}

.product-info {
    padding-bottom: 60px;
    /* border-bottom: solid 1px #cbcbcb; */
}

.product-product #tabs.htabs {
    display: none;
}

.product-product #tab-description {
    display: none !important;
}

/* .product-product.path-273 #prescription-popup {
    display: none !important;
} */

/* tab description */
#tab-description img {
    margin-top: 10px;
    margin-bottom: 10px
}

.htabs a[href="#tab-attribute"] {
    display: none !important;
}

.htabs a {
    border: none !important;
    padding-bottom: 0 !important;
}

#tab-description table th,
#tab-description table td {
    border: 1px solid;
}

#tab-description table th {
    text-align: center;
}

#tab-description table {
    margin-bottom: 30px !important;
}

#tab-description table~p {
    margin-bottom: 30px;
}

#tab-description table {
    width: 100%;
    margin: 0 auto;
    background-color: #ebf8ec;
}

#tab-description table td {
    line-height: 2.5;
    padding-left: 5px;
}

#tab-description h2.product-brochure-title {
    display: block;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #645d57;
    padding-top: 60px;
    padding-bottom: 0;
    margin-bottom: -20px;
}

#tab-description .table-product-brochure {
    margin-top: 60px !important;
    text-align: center;
    background-color: #fff;
}

.table-product-brochure,
.table-product-brochure th,
.table-product-brochure td {
    border: none;
}

.table-product-brochure img {
    padding-bottom: 30px;
}

.table-product-brochure a {
    font-size: 16px;
    font-weight: bold;
    color: #e4923e;
    padding: 12px 50px;
    border-radius: 31px;
    border: solid 1px #e4923e;
}

.table-product-brochure a:hover {
    color: #fff;
    border: solid 1px #e4923e;
    background: #e4923e;
}

/* you may also like */
.filter-product.you-may-also-like {
    padding-top: 70px;
    padding-bottom: 100px;
    border-top: 1px solid #cbcbcb;
}

.filter-product.you-may-also-like h2 {
    text-align: center;
    width: 100%;
    font-size: 36px;
    font-weight: bold;
}

.filter-product.you-may-also-like .box-heading {
    background: none;
    margin-bottom: 0px;
}

.filter-product .product .image .product-actions a.learn_more {
    width: auto !important;
    height: auto !important;
    padding: 11px 50px;
    border-radius: 31px;
    color: #fff !important;
    font-weight: bold;
}

/* Modal Enquiry */
#product_inquiry_form tr td:first-child {
    display: none;
}

#product_inquiry_form .form {
    width: 100%;
}

#inquiry_modal button.close {
    /*   border: 2px solid #fff; */
    position: absolute;
    right: 30px;
    top: 35px;
    /*   background: #212121; */
    /* padding: 5px; */
    /*   border-radius: 100px; */
    /*   width: 40px; */
    /*   height: 40px; */
    color: #a6a6a6;
    /*   box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.44); */
    /*   line-height: 30px; */
    font-size: 26px;
}

#inquiry_modal .modal-content {
    width: 520px;
    margin-top: 70px;
}

#inquiry_modal .modal-header {
    background: none;
    padding: 35px 25px 20px;
}

#inquiry_modal .modal-body {
    padding: 0 15px 40px;
}

#inquiry_modal .modal-title {
    color: #212121;
    font-size: 22px;
    font-weight: bold;
    border-bottom: 1px solid #b7b7b7;
    padding-bottom: 5px;
}

#product_inquiry_form input,
#product_inquiry_form textarea {
    background: #fff;
    border: 1px solid #b7b7b7;
    border-radius: 6px;
    width: 100%;
    margin-left: 0px;
}

#product_inquiry_form table.form td {
    padding: 5px 13px;
}

#product_inquiry_form input::placeholder,
#product_inquiry_form textarea::placeholder {
    color: #8b8b8b;
    font-size: 14px;
}

#product_inquiry_form input:focus,
#product_inquiry_form textarea:focus {
    border: solid 1px #e4923e;
}

#product_inquiry_form tr:nth-child(4),
#product_inquiry_form tr:nth-child(5) {
    display: none;
}

#product_inquiry_submit {
    margin-left: 0;
    background: #e4923e;
    border-radius: 31px;
    margin-top: 10px;
    margin-bottom: 15px;
    border: none !important;
    font-size: 16px;
    font-weight: bold;
    color: #fff !important;
    border: 1px solid #e4923e;
    padding: 12px 94px;
}

#product_inquiry_submit:hover {
    background: #fff;
    color: #e4923e !important;
    border: 1px solid #e4923e !important;
}





/* CONTACT US PAGE */
.info-14 .breadcrumb .pattern {
    background-image: url(/image/data/theme/contact/contact-banner_280624171451.jpg);
}

.contact_us {
    padding-top: 70px;
}

.contact_us .row {
    background-color: #f7f7f7;
    border-radius: 20px;
    display: flex;
    align-items: center;
    margin-left: 0px;
    margin-right: 0px;
}

.contact_us .row .col-sm-6.contact-right-img {
    padding: 0;
}

.contact_us .row .col-sm-6:first-child {
    padding: 60px;
}

/* details */
/* .contact_us{
    background-image: url("/image/data/theme/homepage/concrete-wall_031122111324.png");
    padding: 56px 59px 8px 56px;
    border-radius: 12px;
} */
.group-contact-page {
    display: flex;
    margin-bottom: 40px;
}

.contact_us h2 {
    margin-bottom: 25px;
}

.contact_us h2 span {
    font-size: 30px;
    font-weight: bold;
    color: #004126;
}

.group-contact-page>img {
    height: 100%;
    width: 13px;
    margin-right: 16px;
}

.group-contact-page h3.title {
    font-size: 16px;
    font-weight: bold;
    color: #212121;
    padding: 0;
}

.group-contact-page p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: #606060;
}

.btn-maps {
    margin-top: 20px;
}

.btn-maps a {
    font-size: 14px;
    font-weight: bold;
    color: #231f20;
    margin-right: 12px;
    padding: 9px 25px;
    /*     box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.16); */
    background-color: #fff;
    border-radius: 25px;
    transition: 0.3s all ease;
    border: solid 1px #aaa;
}

.btn-maps a img {
    margin-right: 8px;
}

.btn-maps a:hover {
    background: #74e2fc;
    color: #231f20;
}

.btn-maps a:nth-child(1):hover {
    background: #3cb54b;
}

/* form section */
#form1 {
    display: flex;
    justify-content: center;
    padding-top: 100px;
}

#form1 .box-content {
    width: 50%;
}

.form-field.required-field {
    margin-bottom: 5px;
}

.form-field.html-field h3 {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: #212121;
    padding-bottom: 20px;
}

.form-field.html-field p {
    font-size: 15px;
    text-align: center;
    padding-bottom: 20px;
}

#form1 .field-block .form-control {
    background-color: transparent !important;
    /*     border: 0; */
    /*     border-bottom: 1px solid #b1b1b1; */
    /*     border-radius: 0; */
}

#form1 .field-block textarea {
    /*     border-top: 0 !important; */
}

#form1 h4 {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.57;
    color: var(--black);
    display: none;
}

#form1 .field-block input,
#form1 .field-block select {
    width: 100%;
}

#form1 .field-block input::placeholder,
#form1 .field-block textarea::placeholder,
#form1 .field-block select {
    opacity: 1;
    font-size: 14px;
    line-height: 1.36;
    color: #808080;
}

#form1 .field-block textarea.form-control {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    font-size: 14px;
}

.form-builder textarea {
    height: 160px !important;
    width: 100% !important;
}

.form-control {
    /*     padding: 0 !important; */
}

.form-control[placeholder="Message"] {
    font-size: 14px;
}

.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #e4923e !important;
}

.form-field.captcha6 .field-block {
    /*   display: flex; */
    /*   justify-content: center; */
    margin-top: 70px;
}

#form1 a.button {
    font-size: 16px;
    font-weight: bold !important;
    color: #fff !important;
    border: 1px solid #e4923e;
    background: #e4923e;
    border-radius: 31px;
    padding: 12px 94px;
    margin-top: 5px;
    margin-bottom: 90px;
}

#form1 a.button:hover {
    color: #e4923e !important;
    border: 1px solid #e4923e;
    background: #fff;
}

.form-field.required-field.text2 {
    width: 49.5% !important;
    padding-right: 5px;
}

.form-field.required-field.text3 {
    width: 49.5% !important;
    padding-left: 5px;
}

.form-field.captcha6,
.form-field.submit7 {
    /*     text-align: center; */
}


/* WE CARE CHANNEL PAGE */
.info-16 .breadcrumb .pattern {
    background-image: url(/image/data/theme/we_care/we-care-banner_010724105050.jpg);
}

.we-care-channel {
    padding-top: 70px;
    padding-bottom: 100px;
}

.we-care-channel .row {
    background-color: #f7f7f7;
    border-radius: 20px;
    display: flex;
    align-items: center;
    margin-left: 0px;
}

.we-care-channel .row .col-sm-6.contact-right-img {
    padding-left: 0;
}

.we-care-channel .row .col-sm-6:last-child {
    padding-left: 50px;
}

.we-care-channel h2 {
    margin: 0;
    padding: 0;
}

.we-care-channel h2 span {
    font-size: 30px;
    font-weight: bold;
    line-height: 1.4;
    color: #707070;
}

.we-care-channel h2~h2 {
    font-family: Mulish;
    font-size: 30px;
    font-weight: 800;
    font-style: italic;
    line-height: 1.4;
    color: #004126;
    padding-bottom: 35px;
}

.we-care-channel p.report {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
    color: #606060;
    padding-right: 50px;
    padding-bottom: 30px;
}

.we-care-channel .company-address a {
    color: #006ca5;
    text-decoration: underline;
}

.we-care-channel .company-address a:hover {
    color: #606060;
    text-decoration: underline;
}

.we-care-channel .all-report p {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.7px;
    color: #004126;
    text-transform: uppercase;
}

/* POLICIES PAGE */
.info-17 .breadcrumb .pattern {
    background-image: url(/image/data/theme/policies/policy-banner_010724111405.jpg);
}

.policies-page {
    padding-top: 70px;
    padding-bottom: 100px;
}

.policies-page .pol-col {
    padding-bottom: 80px;
    padding-right: 60px;
    cursor: pointer;
}

.policies-page .pol-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.policies-page h3 {
    font-family: Mulish !important;
    font-size: 20px !important;
    font-weight: 800;
    font-style: italic;
    line-height: 1.4;
    color: #004126 !important;
}

.policies-page h3~a {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.42px;
    color: #333;
    text-decoration: underline;
}

.policies-page .pol-col:hover h3~a {
    color: #e4923e;
}

@media (max-width: 600px) {
    .container {
        grid-template-columns: 1fr;
    }
}


/* CAREERS PAGE */
.career-page {
    position: relative;
    overflow: hidden;
    padding: 120px 0;
}

.career-page .bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -2;
}

.career-page .sect-1 {
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
}

.career-page .sect-1 p {
    color: #212121;
}

.info-19 .breadcrumb .pattern {
    background-image: url(/image/data/theme/careers/career-banner_010724115027.jpg);
}

.career-page {
    padding-top: 70px;
    padding-bottom: 90px;
}

/* career section */
.career-section {
    background-color: #ebf8ec;
    padding-top: 90px;
    padding-bottom: 10px;
}

.career-section h1 {
    font-size: 36px !important;
    font-weight: bold;
    line-height: 1.36;
    text-align: center;
    color: #212121 !important;
    padding-top: 0;
}

.career-section p {
    line-height: 1.88;
    text-align: center;
    color: #707070;
}

.career-section p a {
    font-weight: bold;
    color: #006339;
}

.career-section p a:hover {
    color: #e4923e;
}

.flex-career-table {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #b7b7b7;
}

.career-section .table-career {
    width: 100%;
    background-color: #fff;
    border-radius: 20px;
    margin-top: 50px;
    margin-bottom: 50px;
}

.career-section .table-career tr td {
    padding: 40px;
    border-bottom: 1px solid #d0d0d0;
}

.career-section .table-career tr:last-child td {
    border-bottom: 0px solid #d0d0d0;
}

.career-section .table-career tr td:last-child {
    text-align: right;
}

.career-section .table-career tr td:first-child {
    font-family: Mulish;
    font-size: 20px;
    font-weight: 800;
    font-style: italic;
    color: #004126;
}

.career-section .table-career tr td button {
    font-size: 14px;
    font-weight: bold !important;
    color: #e4923e !important;
    border-radius: 31px;
    border: solid 1px #e4923e;
    background-color: #fff;
    padding: 15px 45px;
}

.career-section .table-career tr td button:hover {
    color: #fff !important;
    border: solid 1px #e4923e;
    background-color: #e4923e;
}

/* modal popup */
.modal-backdrop {
    opacity: 0.5 !important;
}

.modal-career .modal-dialog {
    width: 100%;
    max-width: 960px;
}

.modal-career .modal-content {
    padding: 40px;
}

.modal-career .modal-body {
    padding: 0px;
}

.modal-career .close {
    /*     padding: 7px 12px 7px; */
    /*     box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.44); */
    /*     border: solid 3px #fff; */
    /*     background-color: #000; */
    position: absolute;
    /*     border-radius: 30px; */
    right: 38px;
    top: 50px;
    opacity: 1;
    color: #fff;
    z-index: 99999;
}

.modal-career .close span {
    font-size: 35px;
    color: #a6a6a6 !important;
    font-weight: normal;
}

.info-19 .modal-dialog h2 {
    font-size: 36px !important;
    font-weight: bold !important;
    line-height: 1.36;
    border-bottom: 1px solid #b7b7b7;
    padding-top: 0;
    margin-bottom: 20px;
}

.info-19 .modal-dialog h3 {
    font-size: 23px !important;
    font-weight: bold !important;
    line-height: 1.32;
    padding-top: 20px;
}

.info-19 .modal-dialog ol,
.info-19 .modal-dialog ol li {
    margin-left: 0.6em;
    padding-left: 0em;
}

.info-19 .modal-dialog ul li {
    padding-left: 25px;
}

.info-19 .modal-dialog ol,
.info-19 .modal-dialog ul,
.info-19 .modal-dialog ol li,
.info-19 .modal-dialog ul li {
    font-size: 16px;
    font-weight: 500;
    line-height: 2.13;
    color: #707070;
}

.modal-dialog ul {
    list-style-type: none;
    padding-left: 0;
}

.modal-dialog ul li {
    position: relative;
    padding-left: 25px;
}

.modal-dialog ul li::before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0;
    color: #3cb54b;
}

.info-19 .modal-dialog .modal-body p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.88;
    color: #707070;
}

.info-19 .modal-dialog .modal-body p .email-hovid {
    font-weight: bold;
    color: #006339;
}

.info-19 .modal-dialog .modal-body p .email-hovid:hover {
    color: #e4923e;
}

.info-19 .modal-dialog .modal-body p .quick-apply {
    font-weight: bold;
    color: #e4923e;
}

.modal-dialog .btn-apply a {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    padding: 12px 103px;
    border-radius: 31px;
    background-color: #e4923e;
}

.modal-dialog .btn-apply a:hover {
    color: #e4923e;
    background-color: #212121;
}

.modal-dialog .btn-apply {
    margin-top: 55px;
}


#form2 {
    display: flex;
    justify-content: center;
    width: 100vw;
    background-color: #ebf8ec;
    padding-bottom: 100px;
    margin-top: 10px;
    padding-top: 0;
}

#form2 .container {
    padding-top: 60px;
    margin-top: 60px;
    background: #fff;
    border-radius: 20px;
    display: flex;
    justify-content: center;
}


/* career form section */
#form2 .container {
    padding-bottom: 60px;
}

#form2 .box-content {
    width: 53%;
}

#form2 .field-block .form-control {
    background-color: transparent !important;
}

#form2 h4 {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.57;
    color: var(--black);
    display: none;
}

#form2 .field-block input,
#form2 .field-block select,
#form2 .field-block textarea {
    width: 100%;
    /*     color: #404040 !important;
    font-weight: 600 !important; */
}

/* #form2 .field-block select option {
    color: #404040;
    font-weight: 600;
} */
#form2 .field-block input::placeholder,
#form2 .field-block textarea::placeholder,
#form2 .field-block select {
    opacity: 1;
    font-size: 14px;
    line-height: 1.36;
    color: #808080;
    font-weight: normal;
}

#form2 .field-block textarea.form-control {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    font-size: 14px;
}

.form-builder#form2 textarea {
    height: 160px !important;
    width: 100% !important;
}

#form2 .file7 {
    margin-top: 70px;
    margin-bottom: 20px;
    display: flex;
}

#form2 .file7 h4 {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #404040;
    width: 50%;
}

#form2 .file7 h4 span {
    display: none;
}

#form2 .file7 a.button {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: left;
    color: #404040 !important;
    padding: 2px 6px 3px 7px;
    border-radius: 3px;
    border: solid 1px #969696;
    background-color: #f0f0f0;
}

#form2 .file7 a.button:hover {
    border: solid 1px #969696;
    background-color: #969696;
    color: #fff !important;
}

.file-upload-help {
    display: none;
}

#form2 a.button {
    font-size: 16px;
    font-weight: bold !important;
    color: #fff !important;
    border: 1px solid #e4923e;
    background: #e4923e;
    border-radius: 31px;
    padding: 12px 122px;
    margin-top: 5px;
}

#form2 a.button:hover {
    color: #e4923e !important;
    border: 1px solid #e4923e;
    background: #fff;
}


/* HOME RELATED BLOG */
.blog-home-heading {
    background-color: rgba(60, 181, 75, 0.1);
    padding-top: 90px;
}

.blog-home-heading h2 {
    font-size: 36px;
    font-weight: bold;
    line-height: 1.36;
    text-align: center;
    color: #212121;
    margin-bottom: 40px;
}

.col-sm-12 .home-disease.home-blog-slider {
    display: none;
}

.home-blog-slider {
    background-color: rgba(60, 181, 75, 0.1);
    padding-bottom: 60px;
    /* margin-top: -10px; */
}

.col-sm-12 .home-disease.home-blog-slider {
    margin-top: 0px;
}

.home-blog-slider .box-heading {
    background: none;
    padding-bottom: 0;
    margin-bottom: 20px;
    padding-left: 15px;
}

.home-blog-slider .box-heading span {
    font-size: 26px;
    font-weight: bold;
    color: #212121;
}

/* Hide the original text */
.recentArticles .slick-prev,
.recentArticles .slick-next {
    font-size: 0 !important;
    background: none;
    border: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    cursor: pointer;
}

/* Left arrow (Previous) */
.recentArticles .slick-prev::before {
    content: "\f104";
    /* Font Awesome 'angle-left' */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    /* solid icon */
    font-size: 28px;
    color: #333;
}

/* Right arrow (Next) */
.recentArticles .slick-next::before {
    content: "\f105";
    /* Font Awesome 'angle-right' */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 28px;
    color: #333;
}

/* Optional hover effect */
.recentArticles .slick-prev:hover::before,
.recentArticles .slick-next:hover::before {
    color: #3cb54b;
}

.recentArticles .blog-home-col {
    padding: 25px 30px;
    background-color: #fff;
    display: flex;
    align-items: center;
    margin-right: 15px;
    margin-left: 15px;
}

.recentArticles .blog-home-col .col-sm-6:first-child {
    order: 2;
}

.recentArticles .blog-home-col .info-date {
    font-size: 12px;
    font-weight: 500;
    color: #707070;
}

.recentArticles .blog-home-col .title {
    font-family: Mulish;
    font-size: 20px;
    font-weight: 800;
    font-style: italic;
    color: #004126;
    padding-top: 10px;
    padding-bottom: 5px;
    text-decoration: none;
    height: 180px;
}

#blogCatArticles .articleHeader .imageFeatured {
    border-radius: 20px;
}

.recentArticles .blog-home-col p {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.33;
    color: #707070;
    padding-bottom: 26px;
}

.recentArticles .blog-home-col .readMoreBlog {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.42px;
    color: #333;
    border-bottom: 1px solid #333;
}

.recentArticles .blog-home-col .readMoreBlog:hover {
    color: #e4923e;
    border-bottom: 1px solid #e4923e;
    text-decoration: none;
}

.recentArticles .blog-home-col img {
    border: none !important;
    background: #fff !important;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.recentArticles .slick-dots li {
    width: 8px;
    height: 8px;
    margin: 0 0 0 8px;
    opacity: 0.5;
    background-color: #7f7f7f;
    border-radius: 50px;
}

.recentArticles .slick-dots {
    bottom: -40px;
}

.recentArticles .slick-dots li.slick-active {
    opacity: 1;
    background-color: #212121;
}

.blog-home-view-all {
    padding-top: 0;
    margin-top: -10px;
}

.blog-home-view-all .full-width-content {
    background-color: rgba(60, 181, 75, 0.1);
    padding-top: 30px;
    padding-bottom: 100px;
    text-align: center;
}

.blog-home-view-all .full-width-content a {
    font-size: 14px;
    font-weight: bold;
    color: #e4923e;
    padding: 15px 45px;
    border-radius: 31px;
    border: solid 1px #e4923e;
}

.blog-home-view-all .full-width-content a:hover {
    color: #fff;
    border: solid 1px #e4923e;
    background: #e4923e;
}


/* BLOG LISTING PAGE */
.blog-category .breadcrumb .container>div::after {
    content: 'Health Information';
    font-family: Mulish;
    font-size: 36px;
    font-weight: 800;
    font-style: italic;
    color: #fff;
}

.blog-category h2#title-page {
    display: none;
}

.blog-category .breadcrumb .pattern,
.blog-category-home .breadcrumb .pattern {
    background-image: url(/image/data/theme/blog/disease/blog-banner_040724145129.jpg);
    background-size: cover;
    padding-top: 57px;
    padding-bottom: 57px;
}

.blog-category .breadcrumb ul,
.blog-category-home .breadcrumb ul {
    display: none;
}

.blog-category h2#title-page,
.blog-category-home h2#title-page {
    margin: 0;
}

.blog-category .box.blogModule.blogcat .box-heading,
.blog-category-home .box.blogModule.blogcat .box-heading {
    display: none;
}

.blog-category .blogCategories ul,
.blog-category-home .blogCategories ul {
    display: flex;
    padding-top: 50px;
}

.blog-category .blogCategories ul li,
.blog-category-home .blogCategories ul li {
    background: none;
    padding-left: 0px;
    padding-right: 30px;

}

.blog-category .blogCategories ul li a,
.blog-category-home .blogCategories ul li a {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.33;
    color: #7f7f7f;
    text-decoration: none;
}

.blog-category .blogCategories ul li:hover a,
.blog-category-home .blogCategories ul li:hover a {
    color: #3cb54b;
}

.blogcat .blogCategories ul li a.blogActive {
    color: #3cb54b;
    text-decoration: underline;
    text-underline-offset: 10px;
    text-decoration-thickness: 2px;
}

.blogcat .blogCategories ul li {
    background: none;
    padding-left: 0;
    overflow: visible;
}

.blogcat .blogCategories ul li:hover a {
    color: #3cb54b;
    text-decoration: underline;
    text-underline-offset: 10px;
    text-decoration-thickness: 2px;
}

.blog-category .blogCategories ul li a.active,
.blog-category-home .blogCategories ul li a.active {
    color: #7f7f7f;
}

.livemarks {
    display: none;
}

.blog-filter {
    display: flex;
    margin-top: 30px;
    margin-bottom: 50px;
}

.blog-filter input#article-search {
    width: 280px;
    border: solid 1px #b7b7b7;
    background-color: #fff;
}

.blog-filter #article-btn {
    margin: 0 !important;
}

.blog-filter #article-btn {
    padding: 8px 22px;
    border-radius: 31px;
    border: solid 1px #b7b7b7;
    margin-left: 10px !important;
    color: #7f7f7f !important;
}

.blog-filter #article-btn:hover {
    color: #fff !important;
}

#blogCatArticles.blogCol2 .articleCat {
    /* padding: 0; */
    width: calc(50% - 0px);
    height: 600px !important;
}

#blogCatArticles .articleContent p {
    width: 48%;
}

.flex-tags-date {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: -20px;
}

.article-tag-blog~.date-blog span {
    font-size: 16px;
    font-weight: 500;
    color: #707070;
}

.articleHeader {
    margin-bottom: 0 !important;
}

.articleHeader h3 {
    padding-right: 20px;
    padding-bottom: 10px !important;
}

.articleHeader h3 a {
    font-family: Mulish;
    font-size: 20px !important;
    font-weight: 800 !important;
    font-style: italic;
    line-height: 1.4;
    color: #004126 !important;
    letter-spacing: 0 !important;
}

#blogCatArticles .articleCat:hover .articleHeader h3 a,
#blogCatArticles .articleCat .articleHeader h3 a:hover {
    color: #e4923e !important;
}

.articleHeader h3~span {
    display: none;
}

.articleContent .row .col-md-12 {
    padding-left: 0;
}

.articleContent .row .col-md-12:first-child {
    display: none;
}

.articleContent .row p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.88 !important;
    color: #707070;
    padding-right: 20px;
    letter-spacing: 0 !important;
}

.articleContent .readMore a {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.42px;
    color: #333;
    border-bottom: 1px solid #333;
}

.articleContent .readMore a:hover {
    color: #e4923e;
    border-bottom: 1px solid #e4923e;
}

.blog-category .pagination,
.blog-category-home .pagination {
    width: 100%;
    padding-bottom: 80px;
}

.blog-category div.pagination .links li span,
.blog-category div.pagination .links a,
.blog-category-home div.pagination .links li span,
.blog-category-home div.pagination .links a {
    border-radius: 6px;
}

.blog-category div.pagination .links li.active span,
.blog-category-home div.pagination .links li.active span {
    border-color: #b4b4b4;
}

.blog-category .related-articles,
.blog-category-home .related-articles {
    display: none;
}

.blog-category .flex-tags-date .tag-blog .tags-update {
    margin: 0;
}

.blog-category .flex-tags-date .tag-blog .tags-update .tags {
    font-size: 14px;
    font-weight: 600;
    color: #006ca5;
    padding: 6px 15px;
    border: solid 1px #006ca5;
    background-color: #fff;
}

.blog-category .flex-tags-date .date-blog span span {
    font-size: 12px;
    font-weight: 500;
    color: #707070;
}


/* BLOG ARTICLE PAGE */
body.blog-article .breadcrumb {
    display: none;
}

.blog-article .blogcat {
    display: none;
}

.blog-article #title-page~ul {
    display: none;
}

.blog-article .col-sm-12.center-column {
    /* padding: 0 150px; */
}

.blog-article .main-content {
    padding-top: 60px;
}

.article-flex-tags-date {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* padding-left: 100px;
    padding-right: 100px; */
}

.article-flex-tags-date .tags b {
    display: none;
}

.article-flex-tags-date .tags a {
    font-size: 16px;
    font-weight: 600;
    font-style: normal !important;
    color: #006ca5;
    padding: 6px 15px;
    border: solid 1px #006ca5;
    background-color: #fff;
    pointer-events: none;
    cursor: default;
}

.articleContent~.tags-update {
    display: none;
}

.blog-article .articleHeader {
    margin-bottom: 10px;
    /* padding-left: 100px;
    padding-right: 100px; */
}

.blog-article .articleHeader h1~span {
    display: none;
}

.blog-article .articleHeader h1 {
    font-family: Mulish;
    font-size: 30px !important;
    font-weight: 800 !important;
    font-style: italic;
    line-height: 1.67;
    color: #004126 !important;
}

.blog-article .articleContent {
    /* padding-left: 100px;
    padding-right: 100px; */
}

.center-column .ludoBlog {
    background: none;
    border: none;
    color: #645d57;
    padding: 0;
}

.ludoBlog img {
    display: flex;
    margin-right: auto;
    margin-left: auto;
    /* width: 100%; */
    /* padding-top: 15px; */
    /* padding-bottom: 15px; */
}

.ludoBlog table {
    border-collapse: collapse;
    height: 400px;
    /* Set your desired fixed height */
    table-layout: fixed;
    width: 100%;
}

.ludoBlog table td {
    height: 400px;
    overflow: hidden;
}

.ludoBlog table img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    /* or "contain" depending on what you want */
    display: block;
}

.ludoBlog table,
.ludoBlog table td {
    border: none !important;
    border-collapse: collapse;
}

.articleContent .ludoBlog p {
    letter-spacing: 0 !important;
}

.sharethis-inline-share-buttons {
    z-index: 1 !important;
}

.cluetip-default {
    display: none !important;
}

.articleBottom {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #d9d9d9;
    padding-top: 30px;
    padding-bottom: 100px;
    border-bottom: 1px solid #cbcbcb;
    /* margin-left: 100px;
    margin-right: 100px; */

}

.articleBottom .st-btn {
    border-radius: 50% !important;
    padding: 0 !important;
    aspect-ratio: 1/1;
}

.articleBottom>div {
    display: flex;
    align-items: center;
}

.articleBottom span {
    padding-right: 10px;
}

.articleBottom div#st-2 {
    display: none;
}

.back_list a {
    font-size: 14px;
    font-weight: 500;
    color: #707070;
}

.back_list i {
    padding-right: 10px;
    color: #707070;
}

.back_list:hover a,
.back_list:hover a i {
    color: #e4923e;
}

#st-1 .st-btn>img {
    filter: brightness(10) grayscale(1) contrast(0.5) !important;
}

.related-articles.full-width-content {
    padding-top: 90px;
    padding-bottom: 100px;
    opacity: 1;
    background-color: #ebf8ec;
    margin-bottom: -10px;
}

.related-articles.full-width-content .box-heading {
    text-align: center;
    background: none;
}

.related-articles.full-width-content .box-heading span {
    font-size: 36px;
    font-weight: bold;
    color: #212121;
}

.articleBottom~.box.blogModule.related-articles.full-width-content {
    display: none;
}

.blog-article #productRelated {
    padding-top: 80px;
    padding-bottom: 100px;
}

.blog-article #productRelated h4 {
    font-size: 36px;
    font-weight: bold;
    line-height: 1.36;
    text-align: center;
    color: #212121;
}

.relProduct .name a {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.88;
    color: #333;
}

.relProduct:hover .name a {
    color: #e4923e;
}

.relProduct .price,
.relProduct .cart {
    display: none;
}

#productRelated .relProduct {
    /* width: 25% !important; */
}

.blog-article .blog-home-col .tags-update {
    margin-bottom: 50px;
    padding-top: 0;
}


/* article right column brochure */
.blog-article .col-sm-12.center-column {
    display: flex;
}

.blog-article .col-sm-12.center-column #blog-right-img {
    width: 25%;
    order: 2;
}

.blog-article .col-sm-12.center-column #blogArticle {
    width: 75% !important;
    padding-right: 20px;
}

.blog-article .col-sm-12.center-column #blog-right-img .div-brochure {
    padding: 30px 30px 30.3px;
    background-color: #f7f7f7;
}




/* ----------RESPONSIVE------------- */

/* MOBILE */
@media (max-width: 768px) {

    /* GENERAL */
    .sub-menu .content {
        left: 0;
    }

    #drawer-menu ul.megamenu .sub-menu .content>.row {
        padding-top: 10px !important;
    }

    #drawer-menu .sub-menu .col-sm-12 {
        padding-top: 0;
        padding-left: 0;
        padding-bottom: 0;
    }

    .main-content.home .container {
        padding-bottom: 0px !important;
    }

    .breadcrumb .container h2 {
        font-size: 28px !important
    }

    .information-information .breadcrumb .pattern {
        margin-top: 20px;
        padding: 40px 0;
    }

    .megamenu .with-sub-menu>a strong:after {
        display: none;
    }

    .responsive ul.megamenu>li.active .close-menu {
        height: auto !important;
    }

    ul.megamenu>li>.sub-menu .content li {
        text-align: left;
    }

    .responsive ul.megamenu>li>.sub-menu .content {
        top: 0px !important;
    }

    /* information mobile menu */
    .box-information .box-heading {
        display: none;
    }

    .box-information {
        text-align: center;
        padding: 5px 0;
        border-bottom: solid 0px #b5b2ad;
        margin-top: 25px;
    }

    #drawer-information .box.box-information.full-width-content .box-content ul {
        display: grid;
        flex-direction: row;
    }

    .box-information ul {
        display: flex;
        list-style: none;
        padding-left: 0;
        justify-content: center;
        margin: 0;
    }

    #drawer-information .box.box-information.full-width-content .box-content ul li {
        border-right: 0px solid #B5B2AD;
        padding-bottom: 20px;
    }

    #drawer-information .box.box-information.full-width-content .box-content ul li:nth-child(6),
    #drawer-information .box.box-information.full-width-content .box-content ul li:nth-child(7),
    #drawer-information .box.box-information.full-width-content .box-content ul li:nth-child(8) {
        display: none;
    }

    /* blog home */
    .home .blogModule ul {
        padding: 0 0px !important;
    }

    .blogModule li {
        margin-bottom: 25px !important;
        padding-bottom: 15px;
    }

    .recentArticles .blog-home-col {
        flex-direction: column;
    }

    .recentArticles .blog-home-col .col-sm-6:first-child {
        order: 1;
    }

    .recentArticles .blog-home-col .col-sm-6:last-child {
        order: 2;
        padding-top: 30px;
    }

    .recentArticles .blog-home-col .title {
        height: auto;
    }

    .ludoBlog table tr {
        display: flex;
        flex-direction: column;
    }

    /* footer */
    .footer .footer-panel {
        width: 100%;
    }

    .footer .row .footer-panel:nth-child(2) h4:after {
        display: none;
    }

    .footer .row .footer-panel:nth-child(2) {
        width: 100%;
    }

    .footer-panel h4:after {
        color: #e4923e;
    }

    .copyright p {
        text-align: center;
    }

    .icon_txt {
        flex-direction: column;
    }

    .icon_txt p {
        font-size: 10px;
        padding: 3px 0 0;
        margin: 0;
        color: #212121;
    }

    .footer .row {
        display: grid !important;
        flex-direction: row;
    }

    .footer-panel {
        padding-top: 0px;
    }

    div.mobile-show-inline.menu-responsive-btn {
        display: none !important;
    }

    .menu-responsive-btn.easydrawer[data-easydrawer-id="drawer-account"] {
        display: none !important;
    }

    .whatsapp-icon.bottom_right {
        bottom: 57px;
        right: 8px;
    }


    /* HOMEPAGE */
    .fullwidthbanner-container .caption h1 {
        font-size: 22px;
        white-space: normal;
    }

    .fullwidthbanner-container .caption p {
        font-size: 12px;
        white-space: normal;
    }

    .slider-container-1 .slider-1 {
        height: 400px !important;
    }

    /*sect 1*/
    .row.sect-1 {
        flex-direction: column;
        padding-top: 40px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .row.sect-1 .text-leftside {
        padding-top: 20px;
    }

    .row.sect-1 h2 {
        font-size: 28px;
    }

    /*sect 2*/
    .filter-product-wrapper-extra {
        padding-top: 40px;
        padding-bottom: 80px;
    }

    .box-heading h2 {
        font-size: 28px;
    }

    /*sect 3*/
    .blog-home-heading h2 {
        font-size: 28px;
    }

    .blog-home-heading {
        padding-top: 60px;
    }

    .home-blog-slider .box-heading span {
        font-size: 20px;
    }

    .recentArticles .blog-home-col .title {
        font-size: 16px;
    }

    .home-blog-slider {
        padding-bottom: 30px;
    }

    .blog-home-view-all .full-width-content {
        padding-bottom: 80px;
    }

    /*sect 4*/
    .home4 {
        padding-top: 50px !important;
        padding-bottom: 80px;
    }

    h2.home-heading {
        font-size: 28px;
        padding-bottom: 0px;
    }

    /*sect 5*/
    .home-interested {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
        padding-left: 30px;
        padding-right: 30px;
    }

    h2.home-heading {
        font-size: 28px;
        padding-bottom: 20px !important;
    }

    /*ABOUT US PAGE*/
    .info-4 .breadcrumb .pattern {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    /*sect1*/
    .row.sect-1.your-health {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .row.sect-1.your-health {
        padding-left: 0px;
        padding-right: 0px;
    }

    /*sect2*/
    .youtube-about {
        padding-bottom: 60px;
    }

    /*sect3*/
    .about-section7 .container>h2 {
        font-size: 28px;
    }

    .about-section7 {
        padding: 60px 20px 80px;
    }

    .timeline_content {
        padding: 0 0px;
    }

    .timeline_date_wrap .slick-prev {
        left: 0px;
    }

    .timeline_date_wrap .slick-next {
        right: 0px;
    }

    .timeline {
        padding: 30px;
    }

    .about-section7 .timeline h2 {
        padding-bottom: 26px;
        padding-top: 30px;
    }

    .timeline .timeline_image_wrap {
        margin-right: 0px;
    }

    /*sect4*/
    .larget-export {
        padding-top: 60px;
        padding-bottom: 40px;
    }

    .larget-export h2 {
        font-size: 28px !important;
    }

    .larget-export h2 br {
        display: none;
    }

    .larget-export p br {
        display: none;
    }

    .larget-export .col-sm-4:not(:first-child)::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 1px;
        background-color: #5acba8;
    }

    .larget-export .col-sm-4:first-child::after {
        display: none;
    }

    /*sect5*/
    .our-award {
        padding-top: 60px;
        padding-bottom: 80px;
    }

    .full-width-content.our-award .container>h2 {
        font-size: 28px !important;
    }

    /*sect6*/
    .our-culture {
        padding-top: 60px;
        padding-bottom: 60px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .full-width-content.our-culture .container>h2 {
        font-size: 28px !important;
    }

    .our-culture .col-md-4 div {
        margin-bottom: 30px;
    }

    /*sect7*/
    .our-core-values {
        padding-top: 60px;
        padding-bottom: 30px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .full-width-content.our-core-values .container>h2 {
        font-size: 28px !important;
        margin-bottom: 30px;
    }

    .our-core-values .container .row:last-child {
        flex-direction: column;
    }


    /* CATEGORY PAGE */
    .title_details h2.title_page_cat {
        font-size: 28px;
    }

    .category-info img.bg_cat {
        height: 140px !important;
        object-fit: cover;
        margin-top: 20px;
    }

    .inner-refine a.visible-xs.category-chevron:last-child {
        display: none !important;
    }

    .banner-img.category-info .title_details {
        padding: 30px 0 !important;
        bottom: -10px !important;
    }

    .visible-xs {
        display: inline-block !important;
    }

    .category-chevron i {
        margin-left: 20px;
    }

    .mfilter-box .box-content.mfilter-content {
        border: 0px solid #e5e5e5;
        padding: 0px;
    }

    #column_left .box.box-category .box-heading {
        padding: 10px 0px !important;
    }

    .responsive .col-sm-3 .box.mfilter-box {
        margin-top: 5px !important;
    }

    .mfilter-box .mfilter-attributes[data-seo-name="57-colour"] .mfilter-option {
        width: 12%;
    }

    .box-category {
        border: 0px solid #e5e5e5 !important;
    }

    .box-category .box-content>ul {
        padding: 20px 0px !important;
    }


    /* BRAND PAGE */
    .product-manufacturer-info .cat-banner img {
        height: 140px !important;
        object-fit: cover;
        margin-top: 25px;
    }

    .product-manufacturer-info .cat-banner h2 {
        padding-left: 20px;
        padding-top: 35px;
    }

    .product-manufacturer-info #brand_img .cat-banner img~.container h2 {
        font-size: 28px;
    }


    /* PRODUCT DETAIL PAGE */
    .product-product .breadcrumb {
        padding-top: 30px;
    }

    .product-product .product-info .product-center {
        margin-top: 70px !important;
    }

    .product-product .product-info h2 {
        font-size: 26px !important;
    }

    .product-info .description {
        padding-bottom: 10px !important;
    }

    .filter-product.you-may-also-like h2 {
        font-size: 26px !important;
    }

    #tab-description table {
        width: 100%;
    }

    #inquiry_modal .modal-content {
        width: 100%;
    }

    .product-info .thumbnails.thumbnails-bottom .slick-slider li p {
        padding-left: 0;
    }


    /* BLOG LISTING PAGE */
    .blog-category .breadcrumb .pattern,
    .blog-category-home .breadcrumb .pattern {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .blog-category .breadcrumb .container>div::after {
        font-size: 28px;
    }

    .blog-category .breadcrumb .pattern,
    .blog-category-home .breadcrumb .pattern {
        padding-top: 20px;
        padding-bottom: 20px;
        margin-top: 20px;
    }

    .blog-category .blogCategories ul,
    .blog-category-home .blogCategories ul {
        flex-direction: column;
        align-items: center;
    }

    .blog-category .blogModule li {
        margin-bottom: 10px !important;
        padding-right: 0 !important;
    }

    #blogCatArticles.blogCol2 .articleCat {
        height: auto !important;
        width: 100%;
        margin-bottom: 30px;
    }

    #blogCatArticles.blogCol2 .articleCat a.imageFeaturedLink {
        height: 100% !important;
        padding-bottom: 40px;
    }

    #blogCatArticles .articleContent p {
        width: 100%;
    }


    /* ARTICLE PAGE */
    .article-flex-tags-date {
        padding-left: 0px;
        padding-right: 0px;
    }

    .blog-article .articleHeader {
        padding-left: 0px;
        padding-right: 0px;
    }

    .blog-article .articleContent {
        padding-left: 0px;
        padding-right: 0px;
    }

    .articleBottom {
        margin-left: 0px;
        margin-right: 0px;
    }

    .blog-article .main-content {
        padding-top: 70px;
    }

    .blog-article #blogArticle .articleHeader h1 {
        font-size: 25px !important;
    }

    .blog-article #productRelated {
        padding-top: 40px;
        padding-bottom: 60px;
    }

    .blog-article #productRelated h4 {
        font-size: 28px;
    }

    #productRelated .relProduct {
        /* width: 33.33% !important; */
    }

    .related-articles.full-width-content {
        padding-top: 60px;
        padding-bottom: 60px;
        margin-bottom: -20px;
    }

    .related-articles.full-width-content .box-heading span {
        font-size: 28px;
    }

    .articleBottom {
        flex-direction: column;
    }

    .articleBottom .back_list {
        margin-bottom: 30px;
    }

    .blog-article .col-sm-12.center-column {
        flex-direction: column;
    }

    .blog-article .col-sm-12.center-column #blog-right-img {
        width: 100%;
        order: 2;
    }

    .blog-article .col-sm-12.center-column #blogArticle {
        width: 100% !important;
        padding-right: 0px;
    }

    .blog-article .col-sm-12.center-column #blog-right-img {
        margin-bottom: 60px;
    }


    /* CONTACT US PAGE */
    .info-14 .breadcrumb .pattern {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .contact_us .row .col-sm-6:first-child {
        padding: 40px;
    }

    .contact_us .row {
        flex-direction: column;
    }

    .btn-maps {
        display: flex;
        flex-direction: column;
    }

    .btn-maps a {
        margin-bottom: 10px;
    }

    .contact_us .row .col-sm-6.contact-right-img img {
        border-radius: 20px;
    }

    .btn-maps a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 190px;
    }

    #form1 .box-content {
        width: 100%;
    }


    /* CAREER PAGE */
    .info-19 .breadcrumb .pattern {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .career-page {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .career-section {
        padding-top: 50px;
        padding-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .career-section br {
        display: none;
    }

    .full-width-content.career-section h1 {
        font-size: 28px !important;
    }

    .form-builder.full-width-content {
        margin-bottom: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    #form2 .box-content {
        width: 90%;
    }

    .form-field.html-field h3 {
        font-size: 25px;
    }

    .form-field.html-field p br {
        display: none;
    }

    .modal-career .modal-dialog {
        width: 94%;
    }

    .info-19.modal-open .modal-dialog h2 {
        font-size: 22px !important;
    }

    .info-19.modal-open .modal-dialog h3 {
        font-size: 20px !important;
    }

    .modal-dialog .btn-apply a {
        padding: 12px 50px;
    }

    .flex-career-table {
        overflow: auto;
        padding-left: 120px;
        padding-right: 30px;
    }


    /* POLICY PAGE */
    .info-17 .breadcrumb .pattern {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .policies-page .pol-col {
        padding-bottom: 50px;
        padding-right: 15px;
    }

    .info-17 .policies-page h3 {
        font-size: 18px !important;
    }


    /* WE CARE PAGE */
    .info-16 .breadcrumb .pattern {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .we-care-channel {
        padding-right: 10px;
    }

    .we-care-channel .row {
        flex-direction: column;
    }

    .we-care-channel .row .col-sm-6.contact-right-img {
        padding-right: 0;
    }

    .we-care-channel .row .col-sm-6.contact-right-img img {
        border-radius: 20px;
        margin-bottom: 30px;
    }

    .we-care-channel .row .col-sm-6:last-child {
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 50px;
    }

    .we-care-channel h2 span {
        font-size: 24px;
    }

    .we-care-channel h2~h2 {
        font-family: Mulish;
        font-size: 24px;
    }

    .we-care-channel p.report {
        font-size: 18px;
    }


}