.sl_table {
        width: 100%;
        float: left;
        overflow: hidden;
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    
    .sl_table::-webkit-scrollbar {
        display: none;
    }
    
    .sl_table table {
        width: 100%;
        table-layout: fixed;
    }
    
    .sl_table table th {
        border-bottom: 1px solid #d9d9d9;
        padding: 10px;
        color: #000;
        font-size: 18px;
        text-align: left;
    }
    
    .sl_table table td {
        border-bottom: 1px solid #d9d9d9;
        padding: 10px;
        color: #000;
        font-size: 16px;
        text-align: left;
    }
    
    .sl_table table td strong {
        display: block;
    }
    
    .sl_table table td a {
        color: #000;
    }
    
    .sl_table table td a:hover {
        text-decoration: underline !important;
    }
    
    @media (max-width: 1280px) {
        .sl_table table {
            width: 1200px;
        }
        .table_tab_container {
            width: 75%;
        }
        .table_tab_nav {
            width: 24%;
        }
        .plant-lst>li {
            font-size: 14px !important;
        }
        .abstract-icon {
            margin-top: 0 !important;
        }
    }
    
    @media (max-width: 1199px) {
        .table_tab {
            padding: 25px;
        }
        .table_tab_container {
            width: 72%;
        }
        .table_tab_nav {
            width: 27%;
        }
        .contact_table table {
            width: 100%;
            table-layout: auto !important;
        }
        .contact_table,
        .crp_table {
            overflow: hidden;
            overflow-x: auto;
        }
        .crp_table table {
            width: 100%;
            table-layout: auto !important;
        }
        .crp_table th,
        .crp_table td {
            word-break: normal;
            white-space: nowrap;
        }
        .crp_table {
            overflow: hidden;
            overflow-x: auto;
        }
        .contact_table table {
            width: 100%;
            table-layout: auto !important;
        }
        .contact_table th,
        .contact_table td {
            word-break: normal;
            white-space: nowrap;
        }
    }
    
    @media (max-width: 1099px) {
        .table_tab_container {
            width: 68%;
        }
        .table_tab_nav {
            width: 31%;
        }
    }
    
    @media (max-width: 992px) {
        .table_tab_container {
            width: 100%;
        }
        .table_tab_nav {
            width: 100%;
            font-size: 0;
            white-space: nowrap;
            overflow: hidden;
            overflow-x: auto;
        }
        .table_tab_nav button {
            float: none;
            display: inline-block;
            width: auto;
        }
    }
    
    @media (max-width: 767px) {
        .table_tab_nav button {
            font-size: 15px;
        }
    }
    /* table css*/
    
    ul.centres-table {
        padding: 0;
        margin: 0 0 40px;
        text-align: center;
    }
    
    ul.centres-table li {
        display: inline-block;
    }
    
    ul.centres-table li a {
        background: #F9FBFF;
        color: #000000;
        border: 1px solid #f1f1f1;
        padding: 8px 20px;
        margin: 0 5px;
        display: inline-block;
        border-radius: 4px;
        text-decoration: none;
        transition: all ease-in-out 0.2s;
    }
    
    ul.centres-table li a:hover {
        background: #1b2759;
        color: #fff;
        /* background: linear-gradient(90deg, rgb(231 239 255 / 77%) 0%, rgb(255 255 255 / 0%) 100%); */
    }
    /* 20-5-24 jay end*/
    /* 22-5-24 jay Start*/
    
    .contact_table {
        width: 100%;
        float: left;
    }
    
    .contact_table .table_header {
        width: 100%;
        float: left;
    }
    
    .contact_table .table_header h4 {
        background: #f6f9ff;
        border: 1px solid #d9d9d9;
        text-align: center;
        padding: 20px;
        font-weight: 700;
        font-size: 24px;
        margin: 0;
        color: #333;
    }
    
    .contact_table .table_header strong {
        background: #f6f9ff;
        border: 1px solid #d9d9d9;
        padding: 20px;
        font-weight: 700;
        font-size: 18px;
        color: #333;
        display: block;
    }
    
    .contact_table .table_header strong>span {
        font-weight: 700;
        font-size: 18px;
        float: right;
        text-align: right;
        color: #333;
        display: block;
    }
    
    .contact_table table {
        width: 100%;
        /* table-layout: fixed; */
    }
    
    .contact_table th {
        background: #f6f9ff;
        border: 1px solid #d9d9d9;
        text-align: center;
        font-weight: 700;
        font-size: 18px;
        color: #333;
        padding: 20px;
    }
    
    .contact_table td {
        background: #fff;
        border: 1px solid #d9d9d9;
        text-align: center;
        font-weight: 400;
        font-size: 18px;
        color: #333;
        padding: 20px;
    }
    /* .txt-center {
  text-align: center !important;
} */
    
    .contact_table td a {
        display: inline-block;
        vertical-align: middle;
        color: #333;
    }
    
    .contact_table td a:hover {
        text-decoration: underline !important;
    }
    
    .map-style {
        width: 100% !important;
        max-width: 600px !important;
        height: auto;
        margin: 0 auto;
    }
    
    .map-style img {
        width: 100% !important;
        height: auto !important;
    }
    /* 22-5-24 jay end*/
    /* 23-5-24 jay start*/
    
    .view-products-details-page .views-field-title .field-content {
        color: #1b2759;
        font-size: 40px;
        font-weight: 700;
    }
    
    a.btn.s-btn.w-btn {
        /* background: #F9FBFF url("/themes/custom_sail/assets/images/download-blue.png") 20px center no-repeat; */
        background-size: 15px auto;
        background-color: #F9FBFF;
        /* height: 45px; */
        padding: 13px 30px 13px 46px;
        margin-left: 35px;
        border: 1px solid #f1f1f1;
        transition: none;
        font-size: 16px;
        color: #000;
        font-weight: 500;
    }
    
    a.btn.s-btn.w-btn:hover {
        /* background: #1b2759 url("/themes/custom_sail/assets/images/download-white.png") 20px center no-repeat; */
        background-size: 15px auto;
        background-color: #1b2759;
        color: #ffffff;
    }
    
    a.btn.s-btn.w-btn i.fa-solid.fa-arrow-down-long {
        border-bottom: 1px solid;
        width: 20px;
        border-radius: 5px;
        margin-right: 10px;
        padding-bottom: 2px;
    }
    
    .arrow-icon-style {
        font-size: 18px;
        width: 40px;
        height: 39px;
        background: #ffffff;
        border-radius: 25%;
        padding: 5px;
        text-align: center;
        color: #000000;
    }
    /* 23-5-24 jay end*/
    /* 27-05-24 jay start  */
    
    .abstract-icon {
        width: 24px;
        height: 24px;
        margin: 0px 7px 10px 0px;
    }
    /* 27-05-24 jay end  */
    /* 29-05-24 jay start  */
    
    a.explore-text {
        position: absolute;
        right: -1px;
        bottom: -1px;
        background: url(../images/explore-mask.png);
        background-size: cover;
        width: 150px;
        height: 150px;
    }
    /* 29-05-24 jay end  */
    /* 11-06-24 jay start  */
    
    .visitors-counter {
        display: none !important;
    }
    /* 11-06-24 jay end  */
    /* 13-06-24 jay start  */
    
    .sustainability-pdf-block {
        background: #334151;
        padding: 8px;
        border-radius: 15px;
        color: #ffffff;
        margin-bottom: 20px;
    }
    
    .sustainability-pdf-block .pdf-screen {
        height: 150px;
        background-color: #ffffff;
        margin-bottom: 20px;
        border-radius: 15px;
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    .sustainability-pdf-block h5 {
        font-size: 15px;
        margin-bottom: 20px;
        line-height: 1.7;
        padding: 0 10px;
    }
    
    .sustainability-pdf-block .d-flex {
        font-size: 12px;
        color: #ffffffb5;
        justify-content: space-between;
        height: 50px;
        align-items: flex-end;
        padding: 10px 10px;
        display: flex;
    }
    
    .sustainability-pdf-block a.pdf-link {
        font-size: 20px;
        width: 40px;
        height: 40px;
        background: #ffffff;
        border-radius: 50%;
        padding: 5px;
        text-align: center;
        color: #000000;
    }
    /* 13-06-24 jay end  */
    /* 28-06-24 jay end  */
    
    .views-exposed-form {
        display: none
    }
    
    .links {
        list-style: none
    }
    /* 28-06-24 jay end  */
    /* jay css update end */
    
    .section-heading {
        font-size: 49px;
        font-weight: 700;
        margin-bottom: 80px;
    }
    
    .s-line-info>div:first-child {
        padding-left: 0;
    }
    
    .s-line-info>div:last-child {
        padding-right: 0;
    }
    
    img.logo-icon-stl {
        border: 1px solid #000000;
        border-radius: 50%;
        height: 140px;
        float: right;
    }
    
    .resp-img {
        height: 140px;
        float: right;
    }
    
    .section-heading sup {
        display: inline-block;
        margin-left: -38px;
        position: relative;
        top: -40px;
    }
    
    section.sec-pds.s-bgs {
        background: var(--light-bg-blue);
        padding: 80px 0 0 0;
    }
    
    .num-list-wrap {
        padding: 50px;
        margin-top: 40px;
        background: #ffffff;
        border-radius: 50px 50px 0 0;
        box-shadow: 0 -20px 30px #e5ebf75e;
    }
    
    .num-list div p {
        font-size: 20px;
        font-weight: 500;
        color: #000000;
    }
    
    .num-list {
        font-weight: 500;
        color: #999999;
    }
    
    .b-lists i.fa-arrow-right {
        transform: rotate(-45deg);
    }
    
    section.sec-pds.baner-bgs {
        background: rgb(0, 87, 200);
        background: linear-gradient(180deg, rgba(0, 87, 200, 1) 0%, rgba(1, 51, 117, 1) 100%);
    }
    
    .bnrTp-tx {
        display: flex;
        align-items: center;
        font-size: 40px;
        font-weight: 500;
        color: #ffffff;
    }
    
    .bnrTp-tx strong {
        font-size: 120px;
        font-weight: bold;
        color: #ffffff;
        margin-right: 25px;
    }
    
    .bnrTp-tx i.fa-infinity {
        margin: 0 15px;
        font-size: 70px;
    }
    
    .baner-bgs p {
        font-size: 24px;
        color: #ffffff;
    }
    
    .b-lists {
        color: #ffffff;
    }
    
    .b-lists a {
        color: #ffffff;
        text-decoration: none;
    }
    
    .b-lists div {
        text-transform: uppercase;
        font-size: 20px;
    }
    
    .b-lists div i {
        font-size: 14px;
    }
    
    a.btn.s-btn {
        padding: 10px 33px;
        border: 2px solid #000000;
        border-radius: 50px;
        position: relative;
        font-weight: 900;
    }
    
    a.btn.s-btn:hover {
        background: #000000;
        color: #ffffff;
    }
    
    .b-lists a.btn.s-btn {
        height: 55px;
        padding: 15px 33px;
        padding-right: 60px;
        color: #ffffff;
        border: 1px solid #ffffff;
        margin: 0 20px;
    }
    
    .b-lists a.btn.s-btn:hover {
        background: #ffffff;
        color: var(--blue);
    }
    
    .b-lists a.btn.s-btn i {
        position: absolute;
        width: 54px;
        height: 54px;
        background: #ffffff;
        top: -1px;
        right: -1px;
        border-radius: 50%;
        color: var(--blue);
        padding: 12px;
        font-size: 30px;
    }
    
    section.sec-pds.f-below {
        padding-top: 0;
        padding-bottom: 50px;
    }
    
    section.sec-pds.f-below .row.num-list-wrap {
        margin-top: 0;
        border-radius: 0 0 50px 50px;
        box-shadow: 0 20px 30px #e5ebf75e;
    }
    
    .num-list-wrap h4,
    h4 {
        font-weight: 700;
        font-size: 24px;
        margin-bottom: 30px;
        margin-top: 20px;
    }
    
    .num-list>div {
        flex: 0 0 50%;
        padding: 10px 20px 10px 0;
    }
    
    .num-list {
        display: flex;
        flex-wrap: wrap;
        font-weight: 700;
    }
    
    section.sec-pds.baner-bgs .container-fluid {
        background: url(../images/tmt.png);
        background-size: contain;
        background-position: right center;
        background-repeat: no-repeat;
    }
    
    section.sec-pds.blur-bgs {
        background: var(--light-bg-blue);
        box-shadow: 0 0 60px #ecf0f8;
    }
    
    section.sec-pds.sec-dark-bg {
        background: var(--blue);
        color: #ffffff;
    }
    
    section.sec-pds.sec-dark-bg h2.section-heading {
        margin-bottom: 60px;
    }
    
    .plant-lst {
        flex-wrap: wrap;
        list-style-type: none;
        padding: 0;
        display: flex;
    }
    
    .plant-lst+.d-flex.align-items-center {
        display: flex;
        align-items: center;
    }
    
    .plant-lst>li {
        flex: 0 0 50%;
        margin-bottom: 30px;
        position: relative;
        padding-left: 35px;
        font-size: 20px;
        font-weight: 100;
    }
    
    .plant-lst>li>a {
        /* display: block; */
        color: #fff;
    }
    
    .plant-lst>li>a:hover {
        color: #fbab14;
    }
    
    .plant-lst>li>i {
        font-size: 24px;
        position: absolute;
        left: 0;
        top: 6px;
    }
    
    .sntwr {
        width: 100%;
        max-width: 800px;
        margin: auto;
        display: block;
    }
    
    img.s-post-image {
        height: 250px;
        object-fit: cover;
        object-position: center;
        width: 100%;
    }
    
    .post-lists .spst-wrp {
        margin: 0;
        border: 1px solid #dddddd;
        box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
        margin-bottom: 20px;
    }
    
    .post-lists .spst-wrp .col.p-2.d-flex.position-static {
        padding: 20px;
        display: flex;
        min-height: 180px;
        position: relative;
    }
    

    .post-lists .spst-wrp .col.p-2.d-flex.position-static .post-link {
    position: absolute;
    right: 10px;
    top: 10px;
}
    .spst-wrp {
        height: 100%;
    }
    
    a.post-link {
        width: 50px;
        height: 50px;
        border: 1px solid #000000;
        display: block;
        padding: 3px;
        border-radius: 50%;
        font-size: 24px;
        color: #000000;
        text-align: center;line-height: 42px;
    }
    
    a.post-link:hover {
        border-color: var(--blue);
        color:#ea2330;
        background: var(--blue);
    }
    
    .spst-wrp h3 {
        font-size: 20px;
        font-weight: 900;
        margin-bottom: 20px !important;
        margin-top: 0;
    }
    
    .spst-wrp h3 a {
        color: #000;
    }
    
    .spst-wrp h3 a:hover {
        color: #162959;
    }
    
    .spst-wrp p {
        font-size: 14px;
    }
    
    .spst-wrp .position-static>div:first-child {
        padding-right: 20px;
        align-self: flex-start;
    }
    
    .product-slider {
        font-size: var(--font-body-sm);
        padding-left: 100px;
    }
    
    .product-slider h4 {
        font-size: 24px;
        margin: 0 0 10px 0;
    }
    
    .product-slider .p-img {
        height: 280px;
        overflow: hidden;
        border-radius: 30px 30px 0 30px;
        margin-bottom: 20px;
        position: relative;
        padding: 1px;
    }
    
    .product-slider .p-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    a.sl-btn {
        padding: 15px 25px 15px 30px;
        background: var(--blue);
        display: inline-block;
        border-radius: 50px;
        color: #ffffff;
        text-decoration: none;
        font-size: 14px;
        border: 2px solid var(--blue);
        transition: all 300ms;
    }
    
    .language-icon {
        display: none;
    }
    
    a.sl-btn.sl-dark {
        /* background: #000000; */
        background: rgb(41, 41, 105);
        padding-left: 35px;
        padding-right: 35px;
    }
    
    a.sl-btn>i {
        margin-left: 10px;
    }
    
    a.sl-btn:hover {
        border-color: var(--blue);
        color: var(--blue);
        background: transparent;
    }
    
    .product-slider .owl-nav {
        position: absolute;
        bottom: 100%;
        font-size: 50px;
        margin-bottom: 110px !important;
        right: 0;
        text-align: right;
    }
    /* .p-img:after {
      content: "";
      position: absolute;
      right: -1px;
      bottom: -1px;
      background: url(../images/explore-mask.png);
      background-size: cover;
      width: 150px;
      height: 150px;
    } */
    
    .f-below .num-list div p {
        font-size: 16px;
    }
    
    .f-below .num-list>div {
        flex: 0 0 50%;
        padding: 10px 20px 10px 0;
    }
    
    .item-wrapper {
        height: 350px;
        overflow: hidden;
        position: relative;
        border-radius: 30px;
    }
    
    .item-ig {
        height: 100%;
    }
    
    .item-ig img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    
    .item-nm {
        position: absolute;
        bottom: 0;
        padding: 15px;
        color: #ffffff;
        text-shadow: 1px 1px 1px #000000;
        left: 0;
        right: 0;
        z-index: 2;
    }
    
    .item-nm h4 {
        margin: 0 0 10px 0;
        font-size: 22px;
		line-height:24px;
        font-weight:400;
    }
    
    .item-nm p {
        font-size: 20px;
    }
    
   .plant-slider .owl-nav {
    position: relative;
    top: 10px;
    right: auto;
    font-size: 45px;
    width: 100%;
    text-align: center;
    left: auto;
}
    
    .owl-nav>button {
        width: 50px;
        height: 40px;
        color: #333;
        margin: 0 2px;
    }
    
    .owl-nav>button span {
        width: 50px;
        height: 40px;
        line-height: 1;
        display: block;
        position: relative;
        color: #333;
    }
    
    .owl-nav>button span:after {
        content: "";
        height: 0px;
        width: 0px;
        background: #333;
        position: absolute;
        bottom: 11px;
        right: 0;
    }
    
    .owl-nav>button.owl-next {
        text-align: right;
    }
    
    .owl-nav>button.owl-prev {
        text-align: left;
    }
    
    .owl-nav>button.owl-next span:after {
        right: 3px;
    }
    
    .owl-nav>button.owl-prev span:after {
        left: 3px;
    }
    
    .item-wrapper:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #0000007a;
        background: linear-gradient(180deg, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 73%) 100%);
    }

.viall-item.item-wrapper:after{background: linear-gradient(180deg, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 0%) 100%);}
    
    .light-bgs {
        background: var(--light-bg-blue);
    }
    
    .breadcrum a {
        color: var(--body-black);
        text-decoration: none;
    }
    
    p.with-mark-bg {
        padding-right: 100px;
        background: url(../images/sail-mask.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: right center;
    }
    
    .in-Prd-wrp img.prd-in-img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        border-radius: 10px;
    }
    
    .in-Prd-wrp {
        background: #ffffff;
        padding: 10px;
        border-radius: 20px;
        margin-bottom: 20px;
    }
    
    .in-Prd-wrp h4 {
        margin: 10px 0;
        font-size: 18px;
    }
    
    .in-Prd-wrp a {
        text-decoration: none;
        color: var(--body-black);
        font-weight: 500;
        font-size: 12px;
    }
    
    .in-Prd-wrp a i {
        font-size: 12px;
        margin-left: 5px;
    }
    
    .breadcrum {
        margin-bottom: 20px;
    }
    
    .img-bgs {
        background-size: cover;
        background-position: center;
        color: #ffffff;
        position: relative;
    }
    
    .img-bgs:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: #0000007d;
        top: 0;
        left: 0;
    }
    
    .img-bgs .breadcrum a {
        color: #ffffff;
    }
    
    .img-bgs p.big-font {
        font-size: 22px;
    }
    
    .img-bgs a.btn.s-btn.w-btn {
        height: auto;
        padding: 10px;
        border-radius: 10px;
        margin: 0 10px 10px 0;
    }
    
    .img-bgs .container {
        z-index: 2 !important;
        position: relative;
    }
    
    .inner-tp-btns {
        text-align: right;
        justify-content: end !important;
        align-items: center !important;
    }
    
    ul.prd-name-list li a {
        text-decoration: none;
        padding: 6px 10px;
        display: block;
        color: var(--body-black);
        border-bottom: 3px solid var(--light-bg-blue);
        font-weight: 500;
    }
    
    ul.prd-name-list,
    ul.prd-name-list li {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }
    
    ul.prd-name-list li.active a,
    ul.prd-name-list li a:hover {
        background: linear-gradient(90deg, rgb(231 239 255 / 77%) 0%, rgb(255 255 255 / 0%) 100%);
    }
    
    table.specTbl td {
        vertical-align: top;
    }
    
    table.specTbl th {
        font-size: 24px;
    }
    
    table.specTbl,
    table.specTbl th {
        text-align: center;
        border: 1px solid #dddddd;
    }
    
    table.specTbl tr td,
    table.specTbl tr th {
        padding: 30px;
        border-right: 2px solid #dddddd;
    }
    
    table.specTbl tr th {
        border-bottom: 2px solid #dddddd;
    }
    
    table.specTbl table tr td {
        padding: 4px;
        width: 50%;
        border: 0 !important;
        border-bottom: 1px solid #dddddd !important;
        background: #ffffff !important;
    }
    
    table.specTbl table tr tdLast-child {
        border-bottom: 0 !important;
    }
    
    table.specTbl table tr td:last-child {
        background: var(--light-bg-blue) !important;
    }
    
    table.intbl {
        width: 100%;
    }
    
    table.specTbl p {
        font-weight: 700;
    }
    
    table.specTbl tr td:first-child,
    table.specTbl tr th:first-child {
        background: var(--light-bg-blue);
    }
    
    table.colled-rolledtbl.specTbl th,
    table.colled-rolledtbl.specTbl td {
        padding: 10px;
        vertical-align: middle;
        border: 2px solid #dddddd;
        background: #ffffff !important;
    }
    
    table.colled-rolledtbl table {
        border: 2px solid var(--light-bg-blue);
    }
    
    table.colled-rolledtbl.specTbl td:first-child {
        font-weight: 700;
        font-size: 20px;
    }
    
    table.colled-rolledtbl.specTbl td:last-child {
        width: 25%;
    }
    
    table.colled-rolledtbl.specTbl table {
        width: 100%;
    }
    
    table.colled-rolledtbl.specTbl table td {
        background: var(--light-bg-blue) !important;
        text-align: left;
        font-weight: 400 !important;
        font-size: var(--font-body) !important;
        padding: 10px !important;
        width: 50% !important;
    }
    
    table.colled-rolledtbl.specTbl tr td:nth-child(even),
    table.colled-rolledtbl.specTbl tr th:nth-child(even) {
        padding: 0 !important;
        background: var(--light-bg-blue) !important;
    }
    
    img.fullPic {
        width: auto;
        max-width: 100%;
    }
    
    .round-header a {
        color: #ffffff;
    }
    
    .round-header:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, #000000 0%, rgb(255 255 255 / 0%) 100%);
        top: 0;
        left: 0;
    }
    
    .round-header .row {
        z-index: 1;
        position: relative;
    }
    /* 13-06-2024 gunjan  */
    
    .sru_page {
        float: left;
        margin: 20px;
        width: 409px;
        border: 4px solid #fff;
        box-shadow: 0 0 2px #000;
    }
    /* 13-06-2024 gunjan  */
    /* 25-05-24 gunjan */
    
    .page-node-7896 .blh-round,
    .page-node-92 .blh-round,
    .page-node-6274 .blh-round {
        padding: 40px;
        background: var(--light-bg-blue);
        border-radius: 0 0 50px 50px;
    }
    
    .blh-round>.row>div {
        border-right: 1px solid #dddddd;
    }
    
    .blh-round>.row>div:last-child {
        border: 0;
    }
    
    .row.box-icons {
        display: flex;
        flex-wrap: wrap;
    }
    
    .box-icons .icon-box {
        height: 100%;
        padding: 15px;
        background: var(--light-bg-blue);
        border-radius: 10px;
    }
    
    .box-icons .icon-box i {
        font-size: 24px;
        background: #ecf2f7;
        padding: 12px;
        margin-bottom: 15px;
        border-radius: 5px;
        width: 50px;
        height: 50px;
        text-align: center;
    }
    
    .pg-below-cmn .b-box {
        flex: 0 0 20%;
        padding: 0 25px 0 0;
        padding-bottom: 20px;
        position: relative;
    }
    
    .pg-below-cmn {
        display: flex;
    }
    
    .pg-below-cmn .b-box h5 {
        font-size: 12px;
        letter-spacing: 1px;
        border-bottom: 1px solid #dddddd;
        padding: 10px 25px 10px 0;
        margin: 0 -25px 0 0;
        margin-bottom: 30px;
        height: 40px;
        color: #7e8588;
        font-weight: 500;
    }
    
    .pg-below-cmn .b-box a {
        float: right;
        color: var(--body-black);
        font-size: 12px;
        text-decoration: none;
        letter-spacing: 3px;
        position: absolute;
        bottom: 0;
        right: 25px;
    }
    
    .pg-below-cmn .b-box div {
        margin-bottom: 40px;
        font-size: var(--font-ex-sm);
    }
    
    .box-icons>div {
        padding-bottom: 20px;
    }
    
    table.simp-tbl tr td,
    table.simp-tbl tr th {
        border-bottom: 2px solid #dddddd;
        padding: 20px;
    }
    
    table.simp-tbl th,
    table.simp-tbl tr td:first-child {
        font-size: 20px;
        font-weight: 700;
    }
    
    table.simp-tbl tr th:nth-child(2),
    table.simp-tbl tr td:nth-child(2) {
        background: var(--light-bg-blue);
        width: 25%;
    }
    
    table.simp-tbl tr td:first-child {
        width: 25%;
    }
    
    table.simp-tbl {
        border: 2px solid #dddddd;
        margin-bottom: 50px;
    }
    
    table.simp-tbl th {
        font-size: 22px;
    }
    
    a.big-link {
        font-size: 20px;
        color: var(--body-black);
        font-weight: 700;
    }
    
    a.big-link:hover {
        text-decoration: none;
    }
    
    .bg-desp {
        padding: 30px;
        background: var(--light-bg-blue);
    }
    
    .full-media img {
        width: auto;
        max-width: 100%;
        display: block;
        margin: auto;
    }
    
    table.simp-tbl.with-cols td,
    table.simp-tbl.with-cols th {
        background: #ffffff !important;
    }
    
    table.simp-tbl.with-cols td.set-bg,
    table.simp-tbl.with-cols th.set-bg {
        background: var(--light-bg-blue) !important;
        font-size: inherit;
        font-weight: inherit;
    }
    
    table.simp-tbl.with-cols th.set-bg {
        font-size: 22px;
        font-weight: 700;
    }
    
    .board-mem {
        padding: 15px;
        background: #ffffff;
        border-radius: 20px;
        position: relative;
        padding-bottom: 60px;
        height: 100%;
    }
    
    .board-mem>img {
        width: 100%;
        height: 240px;
        object-fit: cover;
        border-radius: 10px;
        object-position: top center;
    }
    
    .board-mem h4 {
        font-size: 18px;
        margin: 10px 0;
        min-height: 60px;
    }
    
    .board-mem p {
        font-size: 11px;
        letter-spacing: 3px;
        font-weight: 700;
        min-height: 60px;
        color: #999999;
        text-transform: uppercase;
    }
    
    .board-sDetail .row {
        margin: 0;
        background: #ffffff;
        padding: 15px 0;
        border-radius: 20px;
    }
    
    .board-sDetail img.bPic {
        max-width: 100%;
        width: auto;
    }
    
    .board-sDetail p.board-mpost {
        color: #999999;
        font-weight: 700;
        letter-spacing: 5px;
        font-size: 14px;
        margin: 0 0 10px 0;
    }
    
    .board-mem a {
        position: absolute;
        background: var(--blue);
        padding: 7px;
        border-radius: 50px;
        text-align: center;
        text-decoration: none;
        color: #ffffff;
        right: 15px;
        left: 15px;
        bottom: 15px;
        border: 2px solid var(--blue);
        transition: all 200ms;
        line-height: 1.6;
        font-size: 16px;
        height: 45px;
    }
    
    .board-mem a:hover {
        background: #ffffff;
        color: var(--blue);
    }
    
    .board-list>.row {
        display: flex;
        flex-flow: wrap;
        row-gap: 30px;
    }
    
    .bx-cols {
        padding: 40px;
        max-width: 1200px;
        margin: auto;
    }
    
    .col-badge-wrap {
        display: flex;
        flex-flow: wrap;
        column-gap: 80px;
        row-gap: 80px;
        justify-content: center;
    }
    
    .col-badge {
        padding: 15px;
        border-radius: 30px;
        height: 188px;
        width: 230px;
        display: flex;
        flex-flow: column;
        justify-content: space-between;
        font-weight: 700;
    }
    
    .bdg-icon {
        width: 54px;
        height: 54px;
        overflow: hidden;
        border-radius: 10px;
    }
    
    .bg-iconset {
        background-position: top 100px right;
        background-repeat: no-repeat;
        background-size: 200px;
    }
    
    ul.credo-list {
        padding: 0;
        margin: 0;
        list-style-type: none;
        margin-top: 40px;
    }
    
    ul.credo-list li {
        position: relative;
        padding-left: 70px;
        font-size: 20px;
        margin-bottom: 30px;
    }
    
    .blh-round ul.credo-list li {
        font-size: 16px;
    }
    
    ul.credo-list li:before {
        content: "";
        background: url(../images/sail-list-icon.jpg);
        width: 40px;
        height: 40px;
        position: absolute;
        left: 0;
        background-size: contain;
        top: -5px;
        border-radius: 50%;
        background-repeat: no-repeat;
    }
    
    .navbar-nav a {
        text-decoration: none;
    }
    
    .navbar-toggle {
        background: #ffffff;
        border: 1px solid #162959;
    }
    
    .navbar-toggle .icon-bar {
        background: #162959;
    }
    
    footer .nav>li>a {
        padding: 5px 0;
        background: transparent !important;
    }
    
    ul.nav.f-flex.footer-social {
        display: flex;
        flex-wrap: wrap;
    }
    
    .d-flex.d-by {
        display: flex;
    }
    
    .galr img {
        max-width: 100%;
        margin-bottom: 15px;
    }
    
    .pdf-block {
        background: #334151;
        padding: 8px;
        height: 130px;
        overflow: hidden;
        overflow-y: auto;
        border-radius: 15px;
        color: #ffffff;
        margin-bottom: 20px;
    }
    
    .pdf-block::-webkit-scrollbar {
        background: transparent;
        width: 5px;
        height: 5px;
    }
    
    .pdf-block::-webkit-scrollbar-thumb {
        background-color: #3c3f58;
    }
    
    .pdf-block::-webkit-scrollbar-thumb:hover {
        background-color: rgba(0, 0, 0, 0.3);
    }
    
    .pdf-block .pdf-screen {
        height: 150px;
        background-color: #ffffff;
        margin-bottom: 20px;
        border-radius: 15px;
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    .pdf-block h5 {
        font-size: 15px;
        margin-bottom: 20px;
        line-height: 1.7;
        padding: 0 10px;
    }
    
    .pdf-block .d-flex {
        font-size: 12px;
        color: #ffffffb5;
        justify-content: space-between;
        height: 50px;
        align-items: flex-end;
        padding: 10px 10px;
        display: flex;
    }
    
    .pdf-block a.pdf-link {
        font-size: 20px;
        width: 40px;
        height: 40px;
        background: #ffffff;
        border-radius: 50%;
        padding: 5px;
        text-align: center;
        color: #000000;
    }
    
    .blh-round.no-bord>.row>div {
        border: 0;
    }
    
    table.simp-tbl.m-auto {
        margin: auto;
    }
    
    td.view-link a {
        width: 40px;
        height: 40px;
        display: inline-block;
        background: var(--light-bg-blue);
        padding: 9px;
        text-align: center;
        color: var(--body-black);
        border-radius: 10px;
        margin-right: 25px;
    }
    
    td.view-link a:hover {
        background: var(--body-black);
        color: #ffffff;
    }
    
    .prd-sectionsIn .container {
        padding: 30px;
        background-size: cover;
        background-position: right center;
    }
    
    .mkHeaderN {
        position: relative;
    }
    
    .page-node-6316 .s-bgs,
    .page-node-3804 .s-bgs,
    .page-node-2139 .s-bgs,
    .page-node-2138 .s-bgs,
    .page-node-2142 .s-bgs,
    .page-node-2140 .s-bgs,
    .page-node-2143 .s-bgs,
    .page-node-2162 .s-bgs,
    .page-node-2144 .s-bgs,
    .page-node-3871 .s-bgs {
        background: var(--light-bg-blue);
    }
    
    .mkHeaderN:before {
        content: "";
        background: #f5f8ff;
        background: linear-gradient(90deg, #f5f8ff 40%, rgb(255 255 255 / 50%) 100%);
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        position: absolute;
        width: 100%;
        height: 100%;
    }
    
    table.gen-tbl table,
    table.gen-tbl {
        margin-bottom: 20px;
    }
    
    table.gen-tbl td.strong {
        font-size: 20px;
        font-weight: 700;
    }
    
    table.gen-tbl td {
        border: 2px solid #dddddd;
        padding: 20px;
    }
    
    table.gen-tbl table td {
        padding: 10px;
        border: 0;
        border-bottom: 1px solid #dddddd;
    }
    
    .row.light-bgsn {
        background: rgb(255 255 255 / 53%);
        background: linear-gradient(90deg, rgb(0 87 200 / 0%) 0%, rgb(255 255 255) 100%);
        margin: 0;
        border-radius: 30px;
        padding: 20px;
        margin-bottom: 20px;
    }
    
    .row.light-bgsn>div {
        border: 0 !important;
        font-size: var(--font-body-sm);
    }
    
    .pen-cir {
        display: flex;
        column-gap: 20px;
        row-gap: 20px;
        flex-wrap: wrap;
        margin-bottom: 30px;
    }
    
    .penPdfBl {
        flex: 0 0 calc(50% - 10px);
        padding: 20px;
        border: 1px solid #000000;
        border-radius: 30px;
    }
    
    .penPdfBl .penSize {
        margin: 20px 0;
    }
    
    .penPdfBl .penName {
        margin-bottom: 5px;
        font-weight: 700;
    }
    
    ul.prd-drk-brd li a {
        border-bottom-color: #f1f5fb !important;
    }
    
    a.mLnks {
        color: var(--blue);
        text-decoration: underline;
    }
    
    a.mLnks:hover {
        color: #000000;
        text-decoration: none;
    }
    
    .contact-block {
        width: 100%;
        float: left;
        padding: 40px 0;
    }
    
    .contact-mainlist {
        width: 100%;
        float: left;
        clear: both;
        padding: 40px 0;
    }
    
    .cBlck-outer {
        margin: 0 1% 24px;
        width: 23%;
        float: left;
    }
    
    .cBlck {
        width: 100%;
        padding: 20px;
        min-height: 175px;
        position: relative;
        /* background: #c3efff; */
        background: #CBE6FF;
        border-radius: 20px;
    }
    
    .cBlck a.contactus {
        position: absolute;
        left: 20px;
        bottom: 20px;
    }
    
    .cBlck .cblNm {
        margin-bottom: 40px;
        font-weight: 700;
    }
    
    .sl-vids {
        display: flex;
        flex-flow: wrap;
        column-gap: 40px;
        row-gap: 40px;
    }
    
    .sl-vids .vid-wrap {
        flex: 0 0 calc(50% - 20px);
    }
    
    .sl-vids .vid-wrap img {
        max-width: 100%;
    }
    
    a.vid-lnks {
        margin-top: 20px;
        font-weight: 700;
        text-decoration: underline;
        display: block;
        color: #000000;
        position: relative;
        padding-left: 40px;
    }
    
    a.vid-lnks img {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        margin-right: 5px;
        position: absolute;
        left: 0;
    }
    
    .wLnks a {
        color: #000000;
        text-decoration: none;
    }
    
    table.plc-tbl tr td,
    table.plc-tbl tr th {
        padding: 10px;
        border: 1px solid #000000;
    }
    
    table.plc-tbl {
        width: 100%;
    }
    
    .tbl-pagn {
        display: flex;
        width: 100%;
        justify-content: space-between;
        margin-top: 30px;
        flex-flow: wrap;
        align-items: center;
    }
    
    .pList ul li a {
        display: block;
        margin: 0 5px;
        background: var(--blue);
        width: 35px;
        height: 35px;
        padding: 5px;
        text-align: center;
        color: #ffffff;
        border-radius: 10px;
        text-decoration: none;
    }
    
    .pList ul {
        display: flex;
        list-style-type: none;
    }
    
    .pList ul li:first-child a,
    .pList ul li:last-child a {
        background: #cad0dd;
        color: #000;
    }
    
    .semi-prds {
        display: flex;
        align-items: start;
        margin-top: 30px;
        flex-flow: wrap;
    }
    
    .sprd-img {
        flex: 0 0 30%;
        padding-right: 20px;
        margin-bottom: 30px;
    }
    
    .sprd-img img {
        max-width: 100%
    }
    
    table.sf-Tbls {
        width: 100%;
    }
    
    .sprd-data {
        flex: 0 0 70%;
        font-weight: 500;
    }
    
    .table- {
        border: 0 !important;
    }
    
    table.sf-Tbls tr td {
        padding: 20px 40px;
    }
    
    table.sf-Tbls tr td.rght-brd {
        background-image: url(../../images/Line.png);
        background-position: center right;
        background-repeat: no-repeat;
    }
    
    table.sf-Tbls tr.btm-brd {
        background-image: url(../../images/Linehr.png);
        background-position: bottom center;
        background-repeat: no-repeat;
        background-size: 100% 1px;
    }
    
    .pd-20 {
        padding: 20px;
    }
    
    .s-bgs h4,
    .s-bgs h3 {
        margin: 30px 0 20px 0;
    }
    
    .s-bgs h3 {
        font-size: 26px;
    }
    
    .s-bgs h4 {
        font-size: 22px;
    }
    
    table.tbl-data {
        width: 100%;
        max-width: 1000px;
        margin: auto;
    }
    
    table.tbl-data td {
        padding: 20px;
    }
    
    table.prd-tbl tr td,
    table.prd-tbl tr th {
        padding: 20px;
        vertical-align: top;
        /* 25-05-24 gunjan  */
        /* border: 1px solid #000000;
    border-bottom: 1px solid #000000 !important; */
        /* 25-05-24 gunjan  */
    }
    
    .inTbls tr td {
        padding: 5px !important;
        width: 50%;
    }
    
    table.prd-tbl {
        width: 100%;
    }
    
    table.prd-tbl ol,
    table.prd-tbl ul {
        padding: 0 0 0 10px;
        margin: 0;
    }
    
    table.prd-tbl a {
        text-decoration: underline;
        color: #000000;
    }
    
    a.vAllLnk {
        font-weight: 700;
        color: #000000;
        text-decoration: underline;
        margin-bottom: 20px;
    }
    
    a.vAllLnk:hover {
        text-decoration: none;
    }
    
    .vAllLinks {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center;
    }
    
    ul.credo-list.msmall li {
        font-size: 16px;
    }
    
    ul.inTbl-list li {
        margin-bottom: 20px;
        margin-left: 20px;
    }
    
    .wthDevider span {
        position: relative;
        padding-bottom: 10px;
    }
    
    .wthDevider span:after {
        content: "";
        position: absolute;
        bottom: 0;
        width: 90%;
        height: 1px;
        background: #000000;
        left: 0;
    }
    
    .shape-flex {
        display: flex;
        flex-wrap: wrap;
        padding: 0;
        margin: 0;
        margin-top: 30px;
    }
    
    .shape-flex li {
        position: relative;
        list-style-type: none;
        padding-right: 20px;
        font-weight: 700;
        flex: 0 0 25%;
        margin-bottom: 20px;
    }
    
    .shape-flex li:before {
        content: "";
        position: relative;
        display: block;
        width: 25px;
        height: 25px;
        background-size: contain;
        background-repeat: no-repeat;
        border-radius: 50px;
        top: 0px;
    }
    
    .shape-flex li:after {
        content: "";
        position: absolute;
        left: 4px;
        display: block;
        width: 30px;
        height: 30px;
        background-size: contain;
        background-repeat: no-repeat;
        border: 2px solid;
        border-radius: 50%;
        top: -6px;
        opacity: .7;
    }
    
    .shape-list {
        display: flex;
        flex-wrap: wrap;
        padding: 0;
        margin: 0;
    }
    
    .shape-list li {
        position: relative;
        list-style-type: none;
        padding-left: 55px;
        flex: 0 0 100%;
        margin-bottom: 20px;
    }
    
    .shape-list li:before {
        content: "";
        position: absolute;
        left: 0;
        display: block;
        width: 25px;
        height: 25px;
        background-size: contain;
        background-repeat: no-repeat;
        border-radius: 50px;
        top: 6px;
    }
    
    .shape-list li:after {
        content: "";
        position: absolute;
        left: 4px;
        display: block;
        width: 30px;
        height: 30px;
        background-size: contain;
        background-repeat: no-repeat;
        border: 2px solid;
        border-radius: 50%;
        top: -2px;
        opacity: .7;
    }
    
    .shap-blue li:before {
        background-image: url(../../images/s-bl.png);
        background: #164c91;
    }
    
    .shap-yello li:before {
        background-image: url(../../images/s-y.png);
        background: #ffef5c;
    }
    
    .shap-dark-blue li:before {
        background-image: url(../../images/s-lbl.png);
        background: #2b57c8;
    }
    
    .shap-sky-blue li:before {
        background-image: url(../../images/s-skbl.png);
        background: #2ccae0;
    }
    
    .shap-green li:before {
        background-image: url(../../images/s-g.png);
        background: #25c666;
    }
    
    .shap-voilet li:before {
        background: #b5afff;
    }
    
    .shap-voilet li:after {
        border-color: #b5afff;
    }
    
    .shap-blue li:after {
        border-color: #164c91;
    }
    
    .shap-yello li:after {
        border-color: #ffef5c;
    }
    
    .shap-dark-blue li:after {
        border-color: #2b57c8;
    }
    
    .shap-sky-blue li:after {
        border-color: #2ccae0;
    }
    
    .shap-green li:after {
        border-color: #25c666;
    }
    
    p.big-pera {
        font-size: 20px;
    }
    
    .map-nm-list {
        padding: 0;
    }
    
    .map-nm-list li {
        position: relative;
        padding-left: 40px;
        margin-bottom: 20px;
        list-style-type: none;
        font-weight: 700;
    }
    
    .map-nm-list li:before {
        content: "";
        background-image: url(../../images/lpin.png);
        position: absolute;
        width: 15px;
        Height: 24px;
        background-size: contain;
        left: 0;
        background-repeat: no-repeat;
    }
    
    .empGal {
        display: flex;
        flex-wrap: wrap;
        column-gap: 30px;
        row-gap: 30px;
    }
    
    .empGal img {
        /* width: calc(33% - 20px); gunjan */
        border: 10px solid #ffffff;
        box-shadow: 0 0 2px #000000;
        height: 250px;
        object-fit: cover;
        margin: 15px 0px;
        /* 23-05-24 gunjan */
    }
    
    .imShd {
        max-width: 400px;
        width: 100%;
        border: 10px solid #ffffff;
        box-shadow: 0 0 2px #000000;
        margin: auto;
        display: block;
    }
    
    .fx-Gls {
        padding: 20px 0;
        justify-content: center;
    }
    
    .fx-Gls img {
        height: 200px;
    }
    
    table.prd-tbl.brnchOffc th,
    table.prd-tbl.brnchOffc td {
        padding: 10px 5px;
        font-size: 14px;
        vertical-align: middle;
        min-width: 170px;
    }
    
    table.prd-tbl.brnchOffc td a {
        color: #000099;
    }
    
    table.sminTb td {
        padding: 0 !important;
    }
    
    h3.bglft-pic {
        min-height: 55px;
        background-size: 52px;
        background-repeat: no-repeat;
        padding: 9px 0 0 30px;
    }
    
    .colblc ul {
        margin-left: 20px;
    }
    
    .colblc ul li {
        margin-bottom: 10px;
    }
    
    .vision-bls {
        display: flex;
        flex-flow: wrap;
        width: 75%;
        margin-top: 30px;
        margin-left: 10%
    }
    
    .vision-bls .visn {
        flex: 0 0 33.33%;
        position: relative;
        min-height: 170px;
        padding: 45px 40px 0 85px;
        font-size: 10px;
        line-height: 1.2;
    }
    
    .vision-bls .visn img {
        position: absolute;
        width: 185px;
        left: 0;
        top: 0;
    }
    
    .vision-bls.btnVis {
        margin-left: 25%;
    }
    
    h2.wIcon {
        position: relative;
        padding-left: 45px;
    }
    
    h2.wIcon img {
        max-width: 40px;
        position: absolute;
        left: 0;
    }
    
    .smGall {
        display: flex;
        flex-flow: wrap;
        justify-content: center;
        column-gap: 20px;
        row-gap: 20px;
    }
    
    .smGall img {
        flex: 0 0 280px;
        border: 8px solid #ffffff;
        box-shadow: 0 0 1px #000000;
        height: 200px;
        object-fit: cover;
    }
    
    .sru-bls {
        display: flex;
        flex-wrap: wrap;
    }
    
    .sru-bls>div {
        flex: 0 0 50%;
        padding: 50px;
    }
    
    .srBl {
        padding: 40px 60px;
        position: relative;
        border-radius: 60px;
        background: #f2faff;
        overflow: hidden;
    }
    
    .srBl:after {
        content: "";
        position: absolute;
        background: #91e0fe;
        width: 300px;
        height: 300px;
        border-radius: 50%;
        right: -16%;
        bottom: -72%;
    }
    
    .srBl p,
    .srBl h4 {
        position: relative;
        z-index: 1;
    }
    
    .sruBlBs {
        display: flex;
        flex-wrap: wrap;
        column-gap: 30px;
        row-gap: 30px;
        justify-content: space-between;
    }
    
    .sruBlBs>div {
        flex: 0 0 calc(33.33% - 20px);
    }
    
    .bsIn {
        padding: 30px;
        border-radius: 40px;
        border: 5px solid #91e0fe;
        background: #f2faff;
        height: 100%;
    }
    
    .bsIn ol {
        padding: 0 0 0 15px;
        margin: 0;
    }
    
    .mkGreyShp,
    .mkylShp,
    .mkypchshp {
        position: relative;
        overflow: hidden;
    }
    
    .mkGreyShp .container,
    .mkylShp .container,
    .mkypchshp .container {
        z-index: 1;
        position: relative;
    }
    
    .mkGreyShp:before {
        content: "";
        position: absolute;
        width: 330px;
        height: 330px;
        background: #00000000;
        right: -62px;
        border-radius: 50%;
        bottom: 195px;
        border: 7px solid #f0f0f0;
    }
    
    .mkGreyShp:after {
        content: "";
        position: absolute;
        width: 230px;
        height: 230px;
        background: #f0f0f0;
        right: -62px;
        border-radius: 50%;
        bottom: 155px;
    }
    
    .mkylShp:after {
        content: "";
        position: absolute;
        width: 230px;
        height: 230px;
        background: #fff3b6;
        left: 62px;
        border-radius: 50%;
        bottom: 155px;
    }
    
    .mkylShp:before {
        content: "";
        position: absolute;
        width: 330px;
        height: 330px;
        background: #00000000;
        left: -93px;
        border-radius: 50%;
        bottom: 195px;
        border: 7px solid #fff3b6;
    }
    
    .mkypchshp:after {
        content: "";
        position: absolute;
        width: 180px;
        height: 180px;
        background: #ffe39c;
        right: 62px;
        border-radius: 50%;
        bottom: 0;
    }
    
    .mkypchshp:before {
        content: "";
        position: absolute;
        width: 280px;
        height: 280px;
        background: #00000000;
        right: -93px;
        border-radius: 50%;
        bottom: 26px;
        border: 7px solid #ffddb6;
    }
    
    h4.rdHdIcn {
        background-image: url(../images/rdis.png);
        min-height: 75px;
        background-size: contain;
        padding: 22px 0 0 35px;
        margin: 0 -30px 30px -30px;
        background-repeat: no-repeat;
    }
    
    img.tr-icon {
        height: 75px;
    }
    
    .nav-options-ex li.nav-item:first-child a.nav-link {
        font-size: 70%;
        font-weight: 600;
        border-right: 1px solid #000000;
        margin-right: 5px;
        padding: 0 5px;
    }
    
    .product-slider {
        margin: 30px 0;
    }
    
    .hex-wrap {
        position: relative;
    }
    
    .hex {
        position: relative;
        --s: 200px;
        width: 200px;
        height: calc(0.866*var(--s));
    }
    
    .hex div {
        position: absolute;
        inset: 0;
        padding: 35px 20px;
        text-align: center;
        display: flex;
        align-items: center;
        font-size: 18px;
        font-weight: 500;
        line-height: 1.4;
        justify-content: center;
    }
    
    .hex div p {
        position: relative;
    }
    
    .hex div::before {
        content: "";
        position: absolute;
        inset: 0;
        background: #000;
        clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
        transform: rotate(90deg);
    }
    
    .hex01 div:before {
        background: #e8a8a8;
    }
    
    .hex02 div:before {
        background: #9bb0e3;
    }
    
    .hex03 div:before {
        background: #f0b7d9;
    }
    
    .hex04 div:before {
        background: #b8e2bf;
    }
    
    .hex05 div:before {
        background: #d4bee6;
    }
    
    .hex06 div:before {
        background: #95d1de;
    }
    
    .hex div:nth-child(2)::before {
        background: red;
        inset: 4px;
    }
    
    .sxPnt {
        display: flex;
        justify-content: space-around;
        flex-flow: wrap;
    }
    
    .hex-wrap>span {
        font-size: 60px;
        font-weight: bold;
        color: #c4e6ff;
        position: absolute;
        top: -40px;
        line-height: 1;
    }
    
    .sxPnt>div {
        padding: 25px 0;
    }
    
    section.sec-pds.baner-bgs.nBnrbgss {
        background: rgb(0, 87, 200);
        background: linear-gradient(180deg, #000b26 0%, #000b26 100%);
    }
    
    section.sec-pds.baner-bgs.nBnrbgss .bnrTp-tx strong img {
        width: 280px;
        display: inline-block;
    }
    
    section.sec-pds.baner-bgs.nBnrbgss .bnrTp-tx strong {
        font-size: 0;
        font-weight: bold;
        color: #ffffff;
        margin-right: 25px;
        background: -webkit-linear-gradient(#eee, #333);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        display: inline-block;
    }
    
    section.sec-pds.baner-bgs.nBnrbgss .bnrTp-tx {
        margin: 35px 0;
    }
    
    section.sec-pds.baner-bgs.nBnrbgss .mkCrs>span {
        width: 7px;
        height: 7px;
        background: #ffffff;
        display: inline-block;
        border-radius: 50%;
        margin: 0 10px;
    }
    
    section.sec-pds.baner-bgs.nBnrbgss .mkCrs {
        display: flex;
        justify-content: end;
        align-items: center;
    }
    
    .yLnkWrp {
        margin-top: 30px;
    }
    
    .yLnkWrp a {
        color: #fff84c;
        margin-right: 30px;
        font-size: 20px;
        font-weight: 100;
    }
    
    .notcDv {
        display: flex;
        flex-flow: wrap;
        row-gap: 20px;
    }
    
    .notcDv a {
        display: block;
        flex: 0 0 100%;
        background: #ffffff;
        padding: 10px;
        border-radius: 10px;
        color: #000000;
        padding-left: 45px;
        font-size: 16px;
        position: relative;
    }
    
    .notcDv a i {
        position: absolute;
        left: 20px;
        top: 16px;
        font-size: 14px;
    }
    
    a.mrLnks {
        color: #000000;
        font-weight: 900;
        margin-top: 35px;
        display: inline-block;
    }
    
    .lfBln img {
        margin: 50px 0px;
    }
    
    .prtBlm {
        min-height: 300px;
        background: #000000;
        border-radius: 15px;
        position: relative;
        overflow: hidden;
    }
   
    .plant-slider .owl-item.active .item-nm p {
    width: 84%;
    position: relative;
    color: #fff;
    font-size: 14px;
    line-height: normal;
}

.plant-slider .owl-item{ position:relative;  } 
.plant-slider .owl-item  a {
    width:100%;
    height: 100%;
    top:0;
    left:0;
    position:absolute;    z-index: 12;
}

.plant-slider .owl-item a.btn.btn--primary{    position: absolute;
    width: max-content;
    height: 46px;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;}

.plant-slider .owl-item a.btn.btn--primary:hover {color: #000 !important;}
.plant-slider .owl-item a.btn.btn--primary:hover { color: #000 !important;border: 1px solid #000 !important;align-content}
    .sk-ww-linkedin-page-post {
    border: 1px solid rgb(207, 217, 222);
    height: 300px !important;
    border-radius: 12px !important;
    overflow: scroll !important;
    top: 0px !important;
    position: relative !important;
}

.feed-wedget { position:relative;  }

.feed-wedget img.icon-media {
    position: absolute;
    right: 28px;
    top: 14px;
    width: 40px;
}


.prtBlm {
    padding:60px  30px;
    color: #fff;
}
.prtBlm:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    left: 0;
    top: 0;
}
.prtBlm h4{
    color: #fff;
    font-size:24px;
    position: relative;
}
.prtBlm p{
    color: #fff;
    margin-bottom: 4px;
}

a.btn.btn--primary{ position:relative;  }
.s-slider-main{ padding:0 0 30px 0;  }
.s-slider-main .tile-heading-title h2 {font-size:48px; color: black;}


@media only screen and (max-width: 767px) {
.plant-slider .owl-item a.btn.btn--primary {
    line-height: 40px;
}
}