/* style css */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

section:not(.hero-section-main) {
    padding: 60px 0;
}
/* 
body:has(.open_menu):not(.open_menu) {
    overflow-y: hidden;
} */

input,
button,
textarea,
select {
    outline: none;
    border: none;
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
    transition: 0.7s;
}

img {
    width: 100%;
    display: block;
    height: auto;
}

:root {

    /* font size */
    --fs-10: 10px;
    --fs-12: 12px;
    --fs-13: 13px;
    --fs-14: 14px;
    --fs-15: 15px;
    --fs-16: 16px;
    --fs-17: 17px;
    --fs-20: 20px;
    --fs-24: 24px;
    --fs-25: 25px;
    --fs-26: 26px;
    --fs-47: 47px;
    --fs-55: 55px;
    --fs-133: 133px;

    /* line height */
    --lh-22: 22px;
    --lh-24: 24px;
    --lh-25: 25px;
    --lh-27: 27px;
    --lh-30: 30px;
    --lh-35: 35px;
    --lh-36: 36px;
    --lh-42: 42px;
    --lh-57: 57px;

    /* text color */
    --c-293671: #293671;
    --c-000000: #000000;
    --c-666666: #666666;
    --c-ffffff: #ffffff;
    --c-a50000: #a50000;
    --c-c8000c: #c8000c;
    --c-b40000: #b40000;
    --c-f1f1f1: #f1f1f1;
    --c-ababab: #ababab;
    --c-ababab: #ababab;
    --c-f5f5f5: #f5f5f5;
    --c-9f9f9f: #9f9f9f;
    --c-293571: #293571;
    --c-f7f7f7: #f7f7f7;
    --c-333333: #333333;
    --c-b81b1b: #b81b1b;
    --c-ccc: #ccc;
    --c-efefef: #efefef;
    --c-252525: #252525;
    --c-fefefe: #fefefe;
    --c-cdcdcd: #cdcdcd;
    --c-1e1e1e: #1e1e1e;

    /* font family */
    --fm-Abril: "Abril Fatface", serif;
    --fm-Roboto: "Roboto", serif;
}
body:has(header li:hover) div#vqvla3jqgaq81750249149998.widget-visible{
    z-index: 0 !important;
}
.container {
    width: 100%;
    max-width: 93%;
    margin: 0 auto;
}

.annoucement-main {
    display: grid;
    grid-template-columns:auto;
    align-items: center;
}
.annocement-ctn {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.annocement-ctn p {
    position: absolute;
    white-space: nowrap;
}



.annocement-wrap {
    background-color: var(--c-293671);
}

.annoucement-direction ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.annoucement-direction ul li a {
    font-size: var(--fs-15);
    color: var(--c-ffffff);
    font-weight: 400;
    font-family: var(--fm-Roboto);
    text-align: center;
    padding: 14px 16px;
    display: inline-block;
}
.annoucement-direction ul li a.active {
    background-color: var(--c-1e1e1e);
}

.annocement-wrap .annocement-ctn p {
    font-size: var(--fs-15);
    color: var(--c-ffffff);
    font-weight: 400;
    font-family: var(--fm-Roboto);
    text-align: center;
    padding-block:10px;
}
.annocement-ctn {
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    width: 100%;
}
/* .annocement-ctn p {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 25s linear infinite;
} */
.single-post .annocement-ctn p {
    display: inline-block;
    width: 100%;
    padding-left: 0;
    animation: marquee 25s linear infinite;
}

@keyframes marquee {
    0% { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
}

.menu-head {
    display: flex;
    justify-content: space-between;
    /* align-items: center;
    padding: 10px 0; */
}

.logo{
    align-content: center;
}

.logo img {
    max-width: 82px;
    height: auto;
}

.nav-menu > ul:not(.toggle_menu ul) {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}


.whishlist {
    position: relative;
    padding-right: 15px;
    margin-right: 20px;
}

.whishlist span {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    font-size: 15px !important;
    display: inline-block;
    font-family: var(--fm-Roboto);
    font-weight: 400 !important;
}

.nav-menu ul span {
    font-size: 25px;
    color: #293671;
    font-weight: 700;
    cursor: pointer;
    font-family: "Roboto";
}

.nav-menu ul a {
    font-size: var(--fs-15);
    font-weight: 400;
    font-family: var(--fm-Roboto);
    color: var(--c-000000);
    cursor: pointer;
}

.nav-menu > ul a {
    padding: 30px 20px;
    display: inline-block;
}

.nav-menu ul a:not(.brands a):hover {
    color: #fff;
    transition: 0.2s;
    background-color: #293671;
}

/* megamenu css start */

.page-wrapper {
    display: grid;
    grid-template-columns: 26% 39%;
    justify-content: center;
}

.left-menu {
    width: 100%;
    background: #2C3E7B;
    border-right: 1px solid #caccca;
    padding-right: 20px;
    /* padding: 20px 0; */
    /* max-width: 26%; */
}

.menu_heading{
    grid-column: span 2;
    background: #2C3E7B;
}

.menu_heading h2 {
    padding: 20px 55px;
    /* opacity: 0.302; */
    font-size: 26px;
    text-transform: uppercase;
    color: #6c78a3;
    font-weight: 300;
    font-family: "Roboto";
}

.left-menu ul {
    list-style: none;
}

.left-menu li a {
    color: var(--c-ffffff);
    text-decoration: none;
    padding: 12px 0px 12px 55px;
    display: block;
    transition: 0.3s;
}

.mega_menu ul li a:not(.brands li a){
    color: var(--c-ffffff);
    text-decoration: none;
    display: block;
    padding: 10px 20px;
    transition: 0.3s;
    position: relative;
  &:hover{
    background: #ffffff;
    color: #2C3E7B;
  }
  &:hover:before{
   opacity: 1;
  }
  &:before{
    content: "";
    background: url(../images/right-arrow.png) no-repeat;
    background-size: contain;
    height: 8px;
    width: 8px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    position: absolute;
    left: 5px;
  }
}

/* .menu-list li:has(.brands){
    position: relative;
} */
header .menu-list .mega_menu.brands{
    width: 100%;
    left: 0;
}

.menu-list .mega_menu.brands{
    width: 800px;
    left: unset;
    right: 0;
}

div.brands ul{
    padding: 0;
    gap: 0;
}

div.brands ul li{
    text-align: center;
    margin-bottom: 0;
    display: grid;
    border-right:1px solid #caccca;
    & a{
        padding: 10px 0;
        border-bottom: 1px solid #caccca;
        width: 100%;
    }
}
.mega_menu.brands ul:nth-child(4) li{
    grid-column: 1 / span 2;
    padding-block:20px;   
}

.brands ul li img{
    max-width: 150px;
    margin: auto;
}
.left-menu li a:hover,
.left-menu li.active a {
    background: #1b2553;
}

/* .center-content {
    flex: 1;
    background: #f0f0f0;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 35%;
} */

.lab-icon {
    
    display: none;
}

.lab-icon.active {
    display: block;
}

.right-menu {
    background: #2C3E7B;
    /* padding-top: 20px; */
    width: 100%;
    /* max-width: 39%; */
}

.right-menu ul {
    list-style: none;
    display: none;
}

.right-menu ul.active {
    display: block;
}

.right-menu li a {
    color: var(--c-ffffff);
    text-decoration: none;
    padding: 12px 55px 12px 40px;
    align-items: center;
    transition: background 0.3s;
    justify-content: space-between;
    display: block;
    position: relative;
}

.right-menu li a:hover {
    background: #1b2553;
}

.right-menu li a:after {
    content: '';
    font-size: 14px;
    background-image: url(../images/mega-arrow-new.png);
    background-repeat: no-repeat;
    height: 31px;
    width: 19px;
    background-size: 38%;
    background-position: center;
    position: absolute;
    right: 8%;
    top: 50%;
    transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
    .page-wrapper {
        flex-direction: column;
    }

    .left-menu,
    .right-menu {
        width: 100%;
    }

    /* .center-content {
        min-height: 250px;
    }

    .lab-icon {
        width: 150px;
        height: 150px;
    } */
}



.menu-list li:has(.page-wrapper):hover .page-wrapper,ul.menu-list li:has(.mega_menu):hover .mega_menu {
    transform: scaleY(1);
    opacity: 1;
}

.page-wrapper, ul.menu-list li .mega_menu {
    transform: scaleY(0);
    opacity: 0;
    transition: 0.3s;
    transform-origin: top;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
    width: 100%;

}

ul.menu-list li .mega_menu {
    background: #293671;
}

.mega_menu ul{
    column-count: 4;
    padding: 20px 20px 10px;
    column-rule: 1px solid #caccca;
    & li{
        margin-bottom: 10px;
    }
}

/* megamenu css end */

/* Hero css banner start */


.hero-banner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: center;
    align-items: center;
    background-color: var(--c-f1f1f1);
}

.celebrate-img {
    position: relative;
}

.celebrate-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.pioneer-left-txt {
    padding: 0 20% 0 7%;
}
.celebrating-right-pic {
    overflow: hidden;
}
.celebrating-right .celebrate-item img{
    object-fit: cover;
    height: 100%;
}



.pioneer-left-txt h1 {
    font-size: var(--fs-47);
    color: var(--c-666666);
    font-weight: 300;
    font-family: var(--fm-Roboto);
    margin-bottom: 32px;
}

.pioneer-left-txt span {
    line-height: var(--lh-57);
    color: var(--c-293671);
    font-weight: 700;
}

.pioneer-left-txt p {
    font-size: var(--fs-16);
    line-height: var(--lh-24);
    color: var(--c-666666);
    font-weight: 400;
    font-family: var(--fm-Roboto);
    margin-bottom: 30px;
}

.pioneer-left-txt a {
    font-size: var(--fs-15);
    line-height: var(--lh-24);
    color: var(--c-293671);
    font-weight: 400;
    font-family: var(--fm-Roboto);
    cursor: pointer;
}

.hospital-list .arrow-btn .read-more:after {
    content: "";
    display: inline-block;
    background: url(../images/arrow-direction.svg) no-repeat;
    height: 22px;
    width: 22px;
    background-size: cover;
    vertical-align: middle;
    margin-left: 0px;
    transition: 0.3s;
}

.read-more:after {
    content: "";
    display: inline-block;
    background: url(../images/arrow-direction.svg) no-repeat;
    height: 22px;
    width: 22px;
    background-size: cover;
    vertical-align: middle;
    margin-left: 20px;
    transition: 0.3s;
}

.celebrate-content p {
    font-size: var(--fs-20);
    text-transform: uppercase;
    color: var(--c-ffffff);
    font-weight: 400;
    font-family: var(--fm-Roboto);
    text-align: center;
    line-height: 30px;
}

.celebrate-content h2 {
    font-size: var(--fs-133);
    color: var(--c-ffffff);
    font-weight: 400;
    font-family: var(--fm-Abril);
    line-height: 98px;
}

.celebrate-content h3 {
    font-size: var(--fs-55);
    color: var(--c-ffffff);
    font-weight: 400;
    font-family: var(--fm-Abril);
    line-height: 50px;
}

/* Hero css banner end */

/* Redefning css start */

.redefning-wraper {
    display: grid;
    grid-template-columns: calc(60% - 50px) calc(40% - 50px);
    justify-content: center;
    align-items: center;
    column-gap: 100px;
}

.medical-list {
    display: grid;
    grid-template-columns: 58% 42%;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--c-ababab);
    background-color: var(--c-293671);
    margin-bottom: 20px;
}

.redefning-medical-list li:last-child .medical-list {
    margin-bottom: 0;
}

.medical-list p {
    background-color: var(--c-293671);
    color: var(--c-ffffff);
    padding-left: 22px;
    font-size: var(--fs-14);
    font-weight: 500;
    font-family: var(--fm-Roboto);
}

.medical-list a {
    font-size: var(--fs-14);
    color: var(--c-666666);
    font-weight: 400;
    font-family: var(--fm-Roboto);
    cursor: pointer;
    padding: 20px 30px 20px 60px;
    background-color: var(--c-ffffff);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.redefening-left-txt h3 {
    font-size: var(--fs-26);
    color: var(--c-293671);
    font-weight: 500;
    font-family: var(--fm-Roboto);
    margin-bottom: 28px;
}

.redefening-left-txt p {
    font-size: var(--fs-14);
    line-height: var(--lh-24);
    color: var(--c-000000);
    font-weight: 400;
    font-family: var(--fm-Roboto);
}

/* Redefning css end */

/* manufacturing css start */

section.card-main {
    background-color: var(--c-f5f5f5);
}

.cards-section {
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    column-gap: 40px;
}

.card {
    text-align: center;
}

.card-content {
    position: relative;
    width: 100%;
    max-width: 100%;
    /* background-color: var(--c-ffffff); */
    margin: 0 auto;
    /* border: 1px solid var(--c-9f9f9f); */
    border-top: none;
    padding: 20px 15px 0px 0;
    text-align: left;

}
.card-content .read-more:after{
    content: none;
}
.card-content a {
    /* display: flex;
    justify-content: space-between;
    align-items: center; */
    /* padding: 20px 15px; */
    /* cursor: pointer; */
    font-size: var(--fs-17);
    text-transform: uppercase;
    color: #000;
    font-weight: 500;
    font-family: var(--fm-Roboto);
    margin-top:0px;
}


/* .card-content a.read-more:hover {
    &:after {
        background: url(../images/white-arrow.png);
        background-size: contain;
        background-position: left;
    }
} */

.event-content p{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* dss bg image css start */
.search_wrap img{
    width: 100%;
    height: auto;
}

.dss-image-wraper {
    background: url(https://www.dssimage.com/wp-content/uploads/2025/06/about-dss-bg3_11zon-scaled.webp) no-repeat; 
    background-size: cover;
    object-fit: cover;
    padding: 7.5% 5%;
}

.dss-image-txt {
    max-width: 57%;
}

/* .dss-image-txt {
    position: absolute;
    top: 50%;
    left: 6%;
    transform: translate(0, -50%);
    max-width: 53%;
} */

.dss-logo img {
    max-width: 82px;
    margin-bottom: 30px;
}

.dss-logo p {
    font-size: var(--fs-25);
    line-height: var(--lh-42);
    /* color: var(--c-ffffff); */
    color: #293671;
    font-weight: 400;
    font-family: var(--fm-Roboto);
    margin-bottom: 35px;
}

.dss-logo a {
    background-color: var(--c-a50000);
    font-size: var(--fs-15);
    line-height: var(--lh-24);
    color: var(--c-ffffff);
    font-weight: 400;
    font-family: var(--fm-Roboto);
    padding: 13px 43px;
    cursor: pointer;
    display: inline-block;
}

/* dss bg image css end */
.card_content h2{
    font-size: 25px;
    color: #293671;
    font-weight: 500;
    font-family: "Roboto";
    text-align: center;
    margin-bottom: 20px;
}
.card_content p{
    font-size: 13px;
    line-height: 23px;
    color: #000000;
    font-weight: 400;
    font-family: "Roboto";
    text-align: center;
    max-width: 90%;
    margin: 0 auto;
}
.card_content{
    padding: 40px 0 20px 0;
}
.cards-section.second-card {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px;
    margin-top: 15px;
}

/* manufacturing css end */

/* brand slick css start */

.slider-container {
    padding-left: 55px;
    margin-bottom: 65px;
}

.slick-slide {
    padding: 6px;
}

.card-brand {
    background: var(--c-ffffff);
    color: #000;
    border-radius: 6px;
    /* padding: 20px 40px 40px 35px; */
    padding: 20px;
    position: relative;
    height: 100%;
    overflow: hidden;
    min-height: 350px;
}


.home .card-brand{
    padding-bottom: 30px;
    min-height: unset;
}

.home .card-brand h4 a{
    font-size: 20px;
    line-height: normal;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.card-wrapper {
    padding: 0;
    margin-right: 15px;
}

.card-brand h3 {
    font-size: 18px;
    margin-bottom: 10px;
}

.arrow-brand a {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 75px;
    height: 75px;
    z-index: 2;
}

.brands-section {
    background-color: var(--c-293671);
}

.brand-heading h2 {
    font-size: var(--fs-24);
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 500;
    font-family: var(--fm-Roboto);
    text-align: center;
    margin-bottom: 40px;
}

.card-brand img:not(.arrow-brand img, .dss-image img) {
    max-width: 100px;
    height: 100%;
    /* max-height: 45px; */
    aspect-ratio: 4 / 3;
    object-fit: contain;
    margin-bottom: 20px;
}

.card-brand h4 a {
    font-size: var(--fs-25);
    line-height: var(--lh-36);
    color: var(--c-666666);
    font-weight: 400;
    font-family: var(--fm-Roboto);
    border-bottom: 1px solid #ccc;
    padding-bottom: 25px;
    display: block;
    margin-bottom: 25px;
}

.card-brand p{
    font-size: var(--fs-17);
    line-height: 25px;
    color: #666666;
    font-weight: 400;
    font-family: var(--fm-Roboto);
    padding-top: 25px;
    margin-bottom: 10px;
&:first-child{
    padding-top: 0;
}
}

.home .brand_con_txt {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    & p{
        padding-top: 0;
    }
    & p:not(:last-child){
        margin-bottom: 15px;
    }
}

.home .slider-container .slick-track,.home .testimonial-slide .slick-track{
    display: flex;
   
}
.home .slider-container .card-wrapper,.home .slider-container .dss-main,.home .dss-testimonial-wraper{
    height: auto;
}
.home .testimonial-item{
height: 100%;
}
.home .slider-container .dss-wraper{
    height: 100%;
   display: flex;
   flex-direction: column;
& .dss-icon-btn{
    flex-grow: 1;
    align-content: end;
}
}

.home .slider-container .slick-list.draggable {
    padding: 0 55px 0 0 !important;
}

.know-more {
    text-align: center;
}

.know-more a {
    font-size: var(--fs-17);
    line-height: var(--lh-24);
    text-decoration: underline;
    color: #ffffff;
    font-weight: 400;
    font-family: var(--fm-Roboto);
    cursor: pointer;
}


section.dss-head {
    padding-top: 0;
    background-color: var(--c-f5f5f5);
}

/* brand slick css end */

/* dss image our css start */

.brand-heading.dss-image h2 {
    color: var(--c-293671);
}

.dss-icon-btn ul li img {
    max-width: 25px;
    margin: auto;
    min-height: 20px;
    aspect-ratio: 3/2;
    object-fit: contain;
}

.dss-pictures img {
    /* min-height: 230px; */
    min-height: 330px;
    object-fit: cover;
    aspect-ratio: 3/2;
}

.dss-main {
    background-color: var(--c-f7f7f7);
    border-radius: 6px;
    margin-right: 15px;
    padding: 0;
    overflow: hidden;
}

.dss-icon-btn ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.dss-content-image h4 {
    margin-bottom: 20px;
    border-bottom: 1px solid var(--c-ccc);
    padding-bottom: 20px;
}
.dss-content-image h4 a {
    /* font-size: var(--fs-25);
    line-height: var(--lh-36); */
    color: var(--c-333333);
    font-weight: 400;
    font-family: var(--fm-Roboto);
    /* padding-bottom: 25px; */
    /* border-bottom: 1px solid var(--c-ccc); */
    display: block;



    font-size: 20px;
    font-size: 18px;
    line-height: 25px;
    padding-bottom: 0px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-bottom: 0px;
    font-weight: 500;


}

.dss-content-image p {
    font-size: var(--fs-17);
    line-height: var(--fs-25);
    color: var(--c-333333);
    font-weight: 400;
    font-family: var(--fm-Roboto);
    padding-top: 25px;
}

.dss-content-image {
    /* padding: 30px 40px 35px 25px; */
    padding: 20px;
}

.dss-icon-btn li a {
    background: var(--c-a50000);
    display: block;
    text-align: center;
    padding: 11px;
    height: 100%;
    align-content: center;
}

.dss-icon-btn ul li:nth-child(2) a {
    background: var(--c-b81b1b);
}

.know-more.all-products a {
    font-size: var(--fs-17);
    line-height: var(--lh-24);
    color: var(--c-293671);
    font-weight: 400;
    font-family: var(--fm-Roboto);
    text-decoration: none;
    cursor: pointer;
}
.brands-section .know-more.all-products a, .brands-section .know-more.all-products a:hover{
    color:#fff;
}
.brands-section .know-more a:before, .brands-section .all-products a.read-more:before{
    background: #fff !important;
}

.know-more.all-products a:hover {
    color: #a50000;
}

/* dss image our css end */

/* testimonial css start */

.testimonila-content span.read-more-list {
    text-decoration: unset;
}
.testimonila-content span.read-more-list:hover {
    color: #a50000;
}

.testimonial-section {
    background-color: var(--c-efefef);
}

.testimonial-picture img {
    max-width: 95px;
}

.testimonila-content h6 {
    font-size: var(--fs-15);
    line-height: var(--lh-25);
    color: var(--c-666666);
    font-weight: 400;
    font-family: var(--fm-Roboto);
    margin: 30px 0;
}

.testimonila-content p {
    font-size: var(--fs-15);
    line-height: 31px;
    color: var(--c-252525);
    font-weight: 400;
    font-family: var(--fm-Roboto);
}

.testimonial-slide {
    padding-left: 55px;
    margin-bottom: 65px;
}

.testimonial-slide .slick-list.draggable {
    padding: 0 55px 0 0 !important;
}

.dss-testimonial-wraper {
    background-color: var(--c-ffffff);
    margin-right: 15px;
    padding: 0;
    border-top: 9px solid #293671;
}

.testimonial-item {
    /* padding: 37px 75px 50px 20px; */
    padding: 20px;
}

/* testimonial css end */

/* more form dss css start */

.more-form-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: flex-start;
    column-gap: 15px;
}
.home .more-form-wrapper:not(:last-child){
    margin-bottom: 15px;
}
.event-picture {
    position: relative;
    overflow: hidden;
}

.event-direction a {
    position: absolute;
    top: -75px;
    left: -75px;
    background: var(--c-293671);
    transform: rotate(-45deg);
    height: 150px;
    width: 150px;
    align-content: end;
    text-align: center;
    display: inline-block;
    font-size: var(--fs-17);
    line-height: var(--lh-27);
    text-transform: uppercase;
    color: var(--c-fefefe);
    font-weight: 400;
    font-family: var(--fm-Roboto);
}

.event-direction a span {
    margin-bottom: 10px;
    display: inline-block;
}

.event-content h4 a {
    font-size: var(--fs-25);
    line-height: var(--lh-36);
    color: var(--c-333333);
    font-weight: 400;
    font-family: var(--fm-Roboto);
    padding-bottom: 25px;
    border-bottom: 1px solid var(--c-ccc);
    text-decoration: none;
    display: block;
    cursor: pointer;
    font-size: 20px;
    line-height: 30px;
}

.event-content p {
    font-size: var(--fs-17);
    line-height: var(--lh-27);
    color: #333333;
    font-weight: 400;
    font-family: var(--fm-Roboto);
    /* padding: 25px 0; */
    margin: 25px 0;
}

.event-content img {
    width: 22px;
}

.event-content {
    padding: 20px;
}
.more-form-wrapper .event-picture img {
    object-fit: cover;
    aspect-ratio: 1 / 1;
    /* min-height: 260px; */
}
.more-from-main:nth-child(2) .more-form-wrapper .event-picture img {
    object-fit: cover;
    aspect-ratio: 231 / 124;
    /* min-height: 260px; */
}

.event-main {
    border-radius: 6px;
    border: 1px solid var(--c-cdcdcd);
    overflow: hidden;
    height: 100%;
}

.event-blog-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.news-link:after {
    content: "";
    display: inline-block;
    background: url(../images/event-arrow-icon.png) no-repeat;
    height: 22px;
    width: 22px;
    vertical-align: middle;
    background-position: center;
}

.event-button {
    background-color: var(--c-a50000);
}

.event-button a {
    font-size: var(--fs-17);
    line-height: var(--lh-27);
    text-transform: uppercase;
    color: var(--c-efefef);
    font-weight: 400;
    font-family: var(--fm-Roboto);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px;
}


/* .event-button a.news-link:hover {
    &:after {
        background: url(../images/event-arrow-hover-again.png) no-repeat;
        background-size: contain;
        background-position: left;
    }
} */
/* 
.more-from-section .event-main:last-child .event-content h4 a {
    border: none;
    padding: 0;
} */

/* more form dss css end */

/* footer css start */
footer.footer-section {
    padding: 60px 0;
    background-color: var(--c-293571);
}

.footer-main {
    display: grid;
    grid-template-columns: 63% 35%;
    justify-content: center;
    align-items: baseline;
    column-gap: 10%;
}

.footer-menu-item {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-content: center;
    align-items: baseline;
}

.footer-menu-list ul li a {
    font-size: var(--fs-13);
    line-height: var(--lh-25);
    color: var(--c-ffffff);
    font-weight: 400;
    font-family: var(--fm-Roboto);
    display: inline-block;
}

.footer-menu-list h4 {
    font-size: var(--fs-15);
    line-height: var(--lh-25);
    color: var(--c-ffffff);
    font-weight: 400;
    font-family: var(--fm-Roboto);
    text-transform: uppercase;

}

.footer-subscribe h4 {
    font-size: var(--fs-25);
    line-height: var(--lh-35);
    color: var(--c-ffffff);
    font-weight: 400;
    font-family: var(--fm-Roboto);
    margin-bottom: 20px;
}

.footer-subscribe input,
button, .footer_form select {
    display: block;
    width: 100%;
    padding: 10px 17px;
}

/* .footer-subscribe input {
    margin-bottom: 11px;
} */

.feilds_inner{
    margin-bottom: 11px;
}

.footer-subscribe input, .footer_form select {
    font-size: var(--fs-12);
    line-height: var(--lh-22);
    color: var(--c-333333);
    font-weight: 400;
    font-family: var(--fm-Roboto);
}
.footer-subscribe button {
    background-color: var(--c-a50000);
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: var(--fs-12);
    line-height: var(--lh-22);
    color: var(--c-ffffff);
    font-weight: 400;
    font-family: var(--fm-Roboto);
    cursor: pointer;
    transition: 0.5s;
}


/* 
.news-link:hover {
    &:after {
        background: url(../images/event-arrow-hover-again.png) no-repeat;
        background-size: contain;
        background-position: left;
    }
} */


/* footer css end */

.desk_menu {
    padding: 20px 0px;
}

.desk_menu ul li a {
    padding: 10px 20px;
    transition: 0.1s;
    display: block;
}

.desk_menu ul li a:hover {
    color: #fff;
    background: #1c3870;
}


header {
    position: relative;
}


.toggle_menu {
    position: fixed;
    transform: scaleX(0);
    width: 500px;
    background-color: #f5f5f5;
    transition: 0.3s;
    opacity: 0;
    overflow-y: auto;
    z-index: 9;
    height: 100%;
    top: 0;
    transform-origin: right;
    right: 0;
}

.toggle_menu.open_menu {
    transform: scaleX(1);
    opacity: 1;
}
#popupForm.popup_home{
   display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
}
.page-template-brands .hero-section-main .hero-banner{
    align-items: center;
}
.page-template-brands .hero-section-main .hero-banner .pioneer-left-txt{
    height: auto;
}
/* mega menu css second start */



/* mega menu css second end */



/* new header css  */
@media screen and (min-width:767px){
/* .nav-menu ul.menu-list li:nth-child(3) .page-wrapper{
    display: block;
    width: 65%;
    left: 50%;
    transform: scaleY(0) translateX(-50%);
}

.nav-menu ul.menu-list li:nth-child(3) .left-menu ul.product-service-main-ul{
   width: 38%;
}

.nav-menu ul.menu-list li:hover ul li:has(div, ul):first-child{
   background: #1b2553;
} */
/* 


.nav-menu ul.menu-list li:hover ul li:hover{
   background: transparent;
}

.nav-menu ul.menu-list li:hover ul li ul li:has(div, ul):hover > a{
   background: #1b2553;
}

 */
 .annocement-ctn {
    max-width: 70%;
    margin: 0 auto;
}
 .left-menu{
    padding-right:0 !important;
 }

 /* ul.menu-list > li:has(.brands){
    margin: 0 10px;
    & > a{
        padding: 30px 10px;
    }
 } */

 .nav-menu ul.menu-list li:hover ul.product-service-main-ul > li:first-child{
    background: #1b2553;
 }


 ul.menu-list li:has(div,ul),ul.menu-list li:has(div,ul) a {
    transition: 0.3s;
 }

 ul.menu-list > li:not(.brands li, :has(.whishlist, .search_wrap)):has(div,ul):hover, li.current-menu-item:not(.menu-list > li li.current-menu-item),  .menu-list > li:has(.current-menu-item){
    background: #293671;
    & a{
        color: #ffffff;
    }
 }

 .menu-list > li:has(.current-menu-item) ul.product-service-main-ul > li:not(.current-menu-parent, :hover):first-child{
    background: unset !important;
 }


 .left-menu li.current-menu-parent,  .left-menu li.current-menu-parent .current-menu-item{
    background: #1b2553;
 }


/* .nav-menu ul.menu-list li:not(:has(.left-menu ul li:hover)):hover .right-menu-product-sevice ul li:has(ul, div):first-child .right-menu-product-listss-sevice{
   opacity: 1 !important;
   visibility: visible !important;
} */
/* .nav-menu ul.menu-list li:nth-child(3) .left-menu ul.product-service-main-ul a{
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
} */

.nav-menu ul.menu-list li:has(.left-menu ul li:not(.current-menu-item):hover) .product-service-main-ul .current-menu-item{
    background: unset !important;
}

.nav-menu ul.menu-list li .left-menu ul li:has(div) a:hover{
    background: transparent;
}

.nav-menu ul.menu-list li:has(.left-menu ul li:hover) .left-menu ul li:first-child{
    background: transparent;
}

.nav-menu ul.menu-list li .left-menu ul li:has(div):hover{
    background: #1b2553 !important;
}
/* .nav-menu ul.menu-list li:nth-child(3) .left-menu ul.product-service-main-ul a:after{
 display: inline-block;
 position: static;
 height: 10px;
 background-size: contain;
 width: 15px;
 transform: none;
}
.nav-menu ul.menu-list li:nth-child(3) .right-menu-product-listss-sevice{
width: 100% !important;
}

.menu-list li:has(.page-wrapper):nth-child(3):hover .page-wrapper{
    transform: scaleY(1) translateX(-50%);
}

div.nav-menu ul.menu-list li:nth-child(3) .left-menu{
    width: 100%;
}


.nav-menu ul.menu-list li:nth-child(3) ul.product-service-main-ul li div.right-menu-product-sevice{
    left: 37% !important;
    width: 30% !important;
} */
.input_feilds_wrap{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 11px;
}

.input_feilds_wrap > div:not(:nth-child(1), :nth-child(2)){
   grid-column: span 2;
}
}



div.nav-menu ul.menu-list li .left-menu .right-menu-product-sevice{
    top: 0;
}

ul.menu-list .page-wrapper{
    grid-template-columns: 30% 70%;
}
div.nav-menu ul.menu-list li .left-menu .right-menu-product-sevice{
left: 30%;
width: 70%;
border: 0 !important;
}

div.nav-menu ul.menu-list .left-menu .right-menu-product-sevice .sub-menu-product-sevice, div.nav-menu ul.menu-list .left-menu{
    height: 450px;
}

div.nav-menu ul.menu-list .left-menu .right-menu-product-sevice .sub-menu-product-sevice{    
    padding: 5%;
    background: #1b2553;
    & li a:hover, .current-menu-item a{
        font-weight: 600;
    }
}

div.nav-menu ul.menu-list .left-menu .right-menu-product-sevice .sub-menu-product-sevice{    
    padding: 5%;
    background: #1b2553;
    & li a:hover, .current-menu-item a{
        font-weight: 600;
    }
}

.left-menu{
    border: none !important;
}

div.nav-menu ul.menu-list li ul.product-service-main-ul>li:hover>.right-menu-product-sevice{
    z-index: 9;
}

 .left-menu > ul.product-service-main-ul > li.current-menu-parent > .right-menu-product-sevice{
opacity: 1 !important;
visibility: visible !important;
}

 /*
.left-menu > ul.product-service-main-ul:has(li:not(.current-menu-parent):hover) > li.current-menu-parent > .right-menu-product-sevice{
    opacity: 0;
    visibility: 0;
} */

.left-menu > ul.product-service-main-ul:has(li:hover .right-menu-product-sevice:empty)  .right-menu-product-sevice li{
    opacity: 0 !important;
    visibility: hidden !important;
}

div.nav-menu ul.menu-list .left-menu .right-menu-product-sevice .sub-menu-product-sevice:has(:nth-child(9)){
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: column;
    grid-template-rows: repeat(8, auto);
}

div.right-menu-product-sevice > .sub-menu-product-sevice > li.sub-menu-product-sevice-li a:after{
    left: 15px;
    right: auto;
}
/* new header css end */



/* slick new arrow css  */

.brands-section .brand-heading, .our-flagship-section .brand-heading, .testimonial-main .brand-heading{
    display: grid;
    grid-template-columns: 33.3% 33.3%;
    justify-content: end;
    align-items: end;
    margin-bottom: 40px;
    & .prev_arrow img{
        transform: scaleX(-1);
    }

}

.brands-section .brand-heading h2, .our-flagship-section .brand-heading h2, .testimonial-main .brand-heading h2{
    margin-bottom: 0;
}

.slick_btns{
    display: flex;
    justify-content: end;
    column-gap: 20px;
}

.slick_btns img{
    max-width: 20px;
    margin: auto;
    cursor: pointer;
}

/* slick new arrow css end */

/* hover css start  */

/* background animation  */
/* 
@keyframes slide-bg {
    0% {
      left: -100%;
        
    }
    100% {
      left: 100%;
    }
  }
  
  @keyframes slide-bg-color {
    0% {
        color: #666666;
    }
    10% {
        color: #ffffff;
    }
    45% {
        color: #ffffff;
    }
    51% {
        color: #666666;
    }
} */

/* background animation end */

/* for underline below the text  */
.hero-banner a.read-more, .know-more a, .all-products a{
    position: relative;
    text-decoration: none;
}

.hero-banner a.read-more:before, .know-more a:before, .all-products a.read-more:before{
    content: "";
    width: 0%;
    background: var(--c-a50000);
    height: 1px;
    position: absolute;
    bottom: 0;
    left: calc(50% - 45px);
    transform: translateX(calc(-50% + 22.5px));
    transition: 0.7s;
}

.hero-banner a.read-more:hover{
    color: var(--c-a50000);
}

.hero-banner a.read-more:hover:before, .all-products a.read-more:hover:before{
    width: calc(100% - 45px);
}

/* brands section  */

.know-more a:before{
    left: 50%;
    transform: translateX(-50%);
    background: #ffffff;
}

.know-more a:hover{
    text-decoration: none;
}

.know-more a:hover:before{
    width: 100%;
}

/* brands section end */
/* for underline below the text end */

/* .medical-list a{
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding-inline: 30px;
}

.medical-list a::before{
    content: "";
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--c-a50000);
    transition: all 0.8s ease;
    z-index: -1;
}
.medical-list a:hover{
    animation: slide-bg-color 1.7s forwards;
}
.medical-list .read-more:hover:before {
    left: 0;    
    animation: slide-bg 2s forwards;
} */


/* custom arrow hover effect  */

/* .slick_btns .prev_arrow, .slick_btns .next_arrow{
    position: relative;
}

.slick_btns .prev_arrow:before, .slick_btns .next_arrow:before{
    content: "";
    height: 0;
    width: 0;
    background: var(--c-a50000);
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: 0.5s;
}

.brands-section .prev_arrow:before, .brands-section .next_arrow:before{
    background: #ffffff;
}
.slick_btns .prev_arrow:hover:before, .slick_btns .next_arrow:hover:before{
    height: 35px; 
    width: 35px;
}

.slick_btns .prev_arrow:hover img, .slick_btns .next_arrow:hover img{
filter: brightness(100);
}

.brands-section .prev_arrow:hover img, .brands-section .next_arrow:hover img{
    filter: invert(1);
} */

/* custom arrow hover effect end */
/* hover css end */

@media screen and (max-width: 767px){
    .brands-section .container, .our-flagship-section .container, .testimonial-main .container{
        padding: 0 15px;
    }
    .brands-section .brand-heading, .our-flagship-section .brand-heading, .testimonial-main .brand-heading{
            grid-template-columns: 4fr 0.8fr;
            align-items: center;
            column-gap: 20px;
    }
}

/* search icon css  */
.main-header .menu-head form[role="search"]{
    display: flex;
}
.main-header .menu-head form input{
    width: 0;
    transition: 0.5s;
    border-bottom: 1px solid #000;
}
.search_wrap{
    position: relative;
}
.search_wrap img{
    max-width: 20px;
    cursor: pointer;
}

.search_wrap .search_icon{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
}
li .search_wrap{
    padding-inline: 20px;
}

.menu-head .search_wrap.expanded form input{
    width: 140px;
}

.search_wrap button{
    font-size: 0;
    background: none;
    padding: 0;
    cursor: pointer;
}

.search_wrap button:before {
    content: "";
    background-image: url(https://dssimage.di91.com/wp-content/themes/dss/images/search-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: block;
    padding: 0;
}

@media (max-width: 767px){
    .mob-wishlist .whishlist img{
        max-width: 20px;
    }
    .menu-head .mob-wishlist{
        display: flex;
        align-items: baseline;
        column-gap: 20px;
    }
    div.search_wrap .search_icon, .search_wrap{
        position: unset;
        transform: unset;
    }
  
    .main-header .menu-head form input{
        position: unset;
        width: 100% !important;
    }
    .search_wrap img{
        max-width: 15px;
    }

    /* .search_wrap.expanded .search_icon img{
        display: block !important;
    } */

    .search_wrap form{
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        z-index: 1;
        display: none !important;
        padding:  20px;
        background: #fff;
    }

    .search_wrap.expanded form{
        display: flex !important;
        column-gap: 10px;
    }
    .search_wrap.expanded form button{
        max-width:max-content;
      }
    
.search_wrap button:before {
    width:15px;
    height: 15px;
}
}
/* search icon css end */


/* enquery button css  */
.product_details button.enquiry_contact{
    background: #293671;
    color: #fff;
    margin-top: 20px;
    text-transform: uppercase;
    font-family: 'Roboto';
    cursor: pointer;
}


/* footer form css  */
.footer_form select{
  padding: 13px;
    color: #757575;
    /* appearance: none;
    background: url(../images/right-arrow.png) no-repeat;
    background-size: 20px;
    background-position: center right; */
}

/* Additional css  */
.slider-container:not(.slick-initialized),.testimonial-slide:not(.slick-initialized)  {
    display: flex;
    overflow-x: auto;
    scrollbar-width: none;
}

.dss-main:not(.slick-slide){
    min-width: calc(100% / 4 - 28px);
}
.card-wrapper:not(.slick-slide){
    min-width: calc(100% / 4 - 28px);
}

.dss-testimonial-wraper:not(.slick-slide){
    min-width: calc(100% / 3 - 28px);
}

/* product main listing css */








body{
    font-family: var(--fm-Roboto);
}

.pioneer-left-txt span {
    line-height: inherit;
    color: inherit;
    font-weight: inherit;
}
.pioneer-left-txt p:last-child {
    margin-bottom: 0;
}

.pioneer-left-txt > h3{
    /* font-size: var(--fs-15);
    line-height: var(--lh-24);
    color: #000; */
    font-weight: 300;
    font-family: var(--fm-Roboto);
    cursor: pointer;
    margin-bottom: 10px;
}

.pioneer-left-txt {
    padding-block: 40px !important;
}
.term-microscopy-imaging .hero-section-main .pioneer-left-txt .product_des_con{
    max-height: 450px;
    overflow-y: auto;
    scrollbar-width: none;
}
.page_description:has(*,:nth-child(2)) {
    overflow-y: auto;
    scrollbar-width: none;
    height: auto;
}

.page_description p:empty{
    display: none;
}

/* .page_description:not(.page_description.is-open) > *:not(:first-child, .read_more_btn) {
    display: none;
} */

/* .page_description.is-open{
    
} */

.pioneer-left-txt h3, .pioneer-left-txt h3 a {
    font-size: 20px;
    color: #666666;
    font-weight: 300;
    font-family: "Roboto";
}


.hero-banner{
    align-items: unset;
}

.celebrate-img:not(.page-id-2140 .celebrate-img){
    height: 100%;
    & img{
        height: 100%;
        object-fit: cover;
    }
}
.celebrate-img
body section.filter_sec {
    padding: 30px 0;
    border-bottom: 1px solid #c8c8c8;
}

@media screen and (min-width: 767px) {
    .filter_icon, .close_btn_wrap {
        display: none;
    }
    
.filter_wrap ul {
   overflow-x: auto;
   scrollbar-width: none;
}
}

.filter_wrap ul {
    display: flex;
    column-gap: 60px;
}

.filter_wrap ul li select {
    font-family: "Roboto";
    font-size: 15px;
    color: #666666;
    font-weight: 400;
    background: none;
    border: none;
    outline: none;
}

.product_grid_list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
}

.product_container {
    background: #f7f7f7;
    border: 1px solid #cdcdcd;
    border-radius: 6px;
    overflow: hidden;
    height: 100%;
}

.product_details h2 a {
    font-size: 25px;
    line-height: 36px;
    color: #333333;
    font-weight: 400;
    display: block;
    font-family: "Roboto";
    padding-bottom: 15px;
}

.product_details p {
    font-size: 17px;
    line-height: 27px;
    color: #333333;
    font-weight: 400;
    font-family: "Roboto";
    padding-top: 15px;
    border-top: 1px solid #dcdcdc;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    &:not(:first-of-type){
        display: none;
    }
}

.product_details {
    /* padding: 30px 40px 40px 25px; */
    padding: 20px;
}

.product_list_sec .product_grid_item .product_img img {
    height: 324px;
    object-fit: cover;
}

.product_details h2 a{
    font-size: 18px;
    line-height: 25px;
    padding-bottom:0px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 13px;
    font-weight: 500;

}

.testimonial-slide .slick-track{
    display: flex;
    & .dss-testimonial-wraper{
        height: auto;
    }
    & .testimonial-item{
        height: 100%;
    }
}

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

    .container {
        max-width: 100%;
        padding: 0 15px;
    }
    .filter_icon span {
        display: inline-flex;
        column-gap: 10px;
        align-items: center;
        font-family: "Roboto";
        color: #333333;
    }
    .filter_icon img {
        max-width: 15px;
    }

    .filter_list {
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        background: #f5f5f5;
        transform: translate3d(-100%, 0, 0);
        padding: 20px;
        transition: 0.3s;
        z-index: 1;
        & ul {
            display: block;
        }
    }

    .filter_wrap ul li:not(:last-child) {
        margin-bottom: 10px;
    }

    .filter_wrap ul li:not(:last-child) select {
        padding-bottom: 10px;
        border-bottom: 1px solid #dcdcdc;
        display: block;
        width: 100%;
    }

    .close_btn_wrap {
        text-align: end;
        margin-bottom: 20px;
    }
    .filter_open {
        transform: translateZ(0);
    }
    .product_grid_list {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (min-width: 767px){
    .page-id-2927 .product_grid_list{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .page-id-2927 .wishlist_item{
        width: 100%;
        max-width: calc(100% / 4 - 19px);
    }
}

/* new css formatting start */
.pioneer-left-txt h1 {
    margin-bottom: 15px;
}

.page_description h2 {
    font-size: var(--fs-26);
    color: var(--c-293671);
    font-weight: 500;
    font-family: var(--fm-Roboto);
    margin-bottom: 15px;
    margin-top: 30px;
}
.page_description h4 {
    font-size: 20px;
    color: var(--c-293671);
    font-weight: 500;
    font-family: var(--fm-Roboto);
    margin-bottom: 15px;
}
.page_description ul li, .page_description ol li {
    font-size: var(--fs-16);
    color: var(--c-666666);
    font-weight: 400;
    list-style: disc;
    margin-left: 20px;
    margin-bottom: 10px;
}
.page_description h3 {
    margin-bottom: 7px;
}
.page_description p {
    margin-bottom: 10px;
    
}
.faq-section h3 {
    font-size: 20px;
    color: #666666;
    font-weight: 400;
    font-family: "Roboto";
    margin-bottom: 10px;
}
.faq-section p {
    margin-bottom: 15px;
    padding-left: 22px;
}
.dss-diff p {
    padding-left: 22px;
}
.page_description h3 {
    font-weight: 500;
}
.faq-section ul {
    margin-left: 20px;
}
.page_description {
    max-height: 400px;
    overflow-y: auto;
    scrollbar-width: none;
    margin-bottom: 20px;
}

/* new css formatting end */


/* global am css */










.nav-menu ul.menu-list li .left-menu .right-menu-product-sevice {
    position: absolute;
    left: 42.55%;
    top: 71px;
    z-index: 1;
    width: 40%;
    opacity: 0;
    background: #293671;
    border-left: 1px solid #e4efe26b;
}

.nav-menu ul.menu-list .left-menu .right-menu-product-sevice .sub-menu-product-sevice {
    height: 395px;
    overflow: hidden;
    overflow-y: auto;
    min-height: 397px;
    background: #293671;
}
.nav-menu ul.menu-list .left-menu {
    height: 397px;
    background: #293671;
}

.nav-menu ul.menu-list li ul.product-service-main-ul>li:hover>.right-menu-product-sevice {
    opacity: 1;
    visibility: visible;
}

.nav-menu ul.menu-list li ul.product-service-main-ul li .right-menu-product-sevice {
    opacity: 0;
    visibility: hidden;
}
.nav-menu ul.menu-list li:hover ul.product-service-main-ul li:first-child .right-menu-product-sevice {
    opacity: 1;
    visibility: visible;
}
/* .nav-menu ul.menu-list .left-menu > ul.product-service-main-ul > li:hover > .right-menu-product-sevice {
    opacity: 1;
} */
.left-menu > ul.product-service-main-ul li a:hover {
    background: #1b2553;
}
ul.menu-list .left-menu li .right-menu-product-sevice li.sub-menu-product-sevice-li a:hover {
    background: #1b2553;
}
ul.menu-list .left-menu li.active a {
    background: transparent;
}
.right-menu-product-sevice > .sub-menu-product-sevice > li.sub-menu-product-sevice-li a{
    position: relative;
}
.right-menu-product-sevice > .sub-menu-product-sevice > li.sub-menu-product-sevice-li a:after {
    content: '';
    font-size: 14px;
    background-image: url(../images/mega-arrow-new.png);
    background-repeat: no-repeat;
    height: 31px;
    width: 19px;
    background-size: 38%;
    background-position: center;
    position: absolute;
    right: 8%;
    top: 50%;
    transform: translateY(-50%);
}
section.filter_sec .filter_wrap ul {
    justify-content: center;
}

section.filter_sec .filter_wrap ul [data-taxonomy="division"] {
    width: 150px;
}
section.filter_sec .filter_wrap ul [data-taxonomy="product_brand"] {
    width: 125px;
}
section.filter_sec .filter_wrap ul [data-parent="85"] {
    width: 205px;
}
section.filter_sec .filter_wrap ul [data-parent="84"] {
    width: 105px;
}
.term-320 section.filter_sec .filter_wrap ul [data-parent="85"] {
    width: 205px;
}
.term-145 section.filter_sec .filter_wrap ul [data-parent="85"] {
    width: 90px;
}
.term-95 section.filter_sec .filter_wrap ul [data-parent="85"] {
    width: 205px;
}
.term-95 section.filter_sec .filter_wrap ul [data-parent="84"] {
    width: 230px;
}
.term-84 section.filter_sec .filter_wrap ul [data-parent="85"] {
    width: 205px;
}
.term-147 section.filter_sec .filter_wrap ul [data-parent="85"] {
    width: 205px;
}
/* section.filter_sec .filter_wrap ul [data-parent="84"] {
    width: 115px;
} */
section.filter_sec .filter_wrap ul [data-parent="84"] {
    width: 155px;
}
section.news-section button {
    width: 22%;
    margin: 36px auto;
    background: #293671;
    color: #fff;
    font-size: 16px;
    border-radius: 2px;
    cursor: pointer;
}



::-webkit-scrollbar {
    width: 10px;
}

/* Track (background) */
::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}



.mega_menu.brands ul {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
}

.brands ul li img {
/* height: 72px !important; */
display: block;
max-width: 100%;
/* min-width: 30px; */
/* min-height: 30px; */
background-repeat: no-repeat;
background-position: center center;
padding-left: 10px;
padding-right: 10px;
-webkit-filter: grayscale(1);
filter: grayscale(1);
transition: all 0.4s ease-in-out;
/* max-height: 37px; */
min-height: 70px;
aspect-ratio: 6/2;
object-fit: contain;
}


ul.menu-list li .mega_menu.brands {
background: #fff;
}
button#load-more-products {
    width: 22%;
    margin: 36px auto;
    background: #293671;
    color: #fff;
    font-size: 16px;
    border-radius: 2px;
    cursor: pointer;
}

/* .product_list_sec .product_grid_item .product_img img {
    height: 235px;
    object-fit: contain;
} */
.product_list_sec .product_grid_item .product_img img {
    object-fit: cover;
    aspect-ratio: 3 / 2;
    min-height: 330px;
    height: auto;
    /* object-position: left; */
}
.shortlist-icon span{
    font-size: 14px;
}
/* .popup .popup-content {
    width: 475px;
    height: 400px;
    overflow-y: scroll;
} */
.popup .popup-content #custom_enquiry_form1 {
    height: 100%;
    overflow-y: visible;
}
.popup .popup-content #custom_enquiry_form1 .submit-btn {
    margin-bottom: 20px;
}
 .tinv-wishlist .tinvwl_added_to_wishlist.tinv-modal button.button{
    background-color: #b81b1b;
    color: #fff;
    font-size: 13px;
    font-family: var(--fm-Roboto);
    font-weight: 400;
}
.tinv-wishlist .tinvwl_added_to_wishlist .tinv-txt{
    font-family: var(--fm-Roboto);
}
.tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart:before{
    color: #fff;
}

footer.footer-section .footer-main {
    /* grid-template-columns: 73% 25%; */
    column-gap: 2%;
}


/* .popup .popup-content h2 {
    font-size: 15px;
    padding-bottom: 5px;
} */
.popup .popup-content span.close-btn {
    top: 15px;
    right: 15px;
    padding: 0px;
    border-radius: 50%;
    /* width: 30px;
    height: 30px; */
    /* line-height: 9px; */
    font-size: 25px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
}
.popup .popup-content .input-group label {
    font-size: 14px;
}
/* .popup .popup-content .input-group input::placeholder {
    font-size: 14px;
}
.popup .popup-content .input-group textarea::placeholder {
    font-size: 14px;
} */
.product_list_wrap .wishlist_item {
    position: relative;
}
.product_list_wrap .wishlist_item button {
    padding: 0;
    position: absolute;
    right: -8px;
    display: inline-block;
    width: 20px;
    top: -10px;
    cursor: pointer;
    background: transparent;
}
.product_list_wrap .wishlist_item button i.ftinvwl {
    font-size: 25px;
    font-weight: normal;
    display: block;
    color: #fff;
    background: #293671;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}
.cervsure .molecular_img img {
    max-width: 80%;
    margin: auto;
}
section.why_join_sec .our_logo_client {
    padding: 40px 20px 0;
}
.single-post .main-banner-content .pioneer-left-txt h2 {
    font-family: "Roboto" !important;
    font-size: 18px !important;
    font-weight: bold !important;
    color: #666666;
    line-height: 1.4;
}
.single-post .main-banner-content .pioneer-left-txt h3 {
    font-family: "Roboto" serif !important;
    font-size: 18px !important;
    font-weight: bold !important;
    color: #666666;
    line-height: 1.4;
}
.single-post .main-banner-content .pioneer-left-txt .content_area h2 {
    font-family: "Roboto", serif;
    font-size: 15px;
    margin: 6px 0;
}
.single-post .pioneer-left-txt h6 {
   border: none;
}
.single-post .main-banner-content .pioneer-left-txt .content_area h2 b {
    font-weight: 500 !important;
}
.single-post .main-banner-content .content_area b,
.single-post .main-banner-content .content_area strong {
    font-weight: bold;
}
.single-post .latest-item-list .pioneer-left-txt p {
    font-family: "Roboto";
    font-size: 14px;
    color: #666;
    margin-top: 10px;
    line-height: 22px;
}
.single-post .main-banner-content .content_area ol li{
    list-style-position: outside;
}
.single-post .main-banner-content .content_area ul li {
    font-family: "Roboto";
    color: #666;
    margin-top: 2px !important;
    list-style-position: outside;
    margin-bottom: 8px;
    font-weight: 300;
    font-size: 18px;
    line-height: 26px;
}
.page-template-blog-php .pioneer-left-txt h6 {
    padding: 7px 0;
}
.page-template-blog-php .pioneer-left-txt p {
    font-size: 15px;
}
.page-template-blog-php .pioneer-left-txt h2 {
    font-size: 18px;
}
.page-template-blog-php .pioneer-left-txt h6 {
    font-size: 14px;
}
.home .testimonial-item .testimonila-content p {
    line-height: 25px;
}
.single-post .latest-item-list .pioneer-left-txt h6 {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 6px 0;
    font-size: 15px;
}
.single-post .latest-item-list .pioneer-left-txt h2 {
    font-size: 18px;
}
.enq-btnss {
    text-align: center;
}
.enq-btnss .enq-btn {
    background: #293671;
    color: #fff;
    font-size: 16px;
    border-radius: 2px;
    cursor: pointer;
    display: block;
    padding: 10px 17px;
    width: 15%;
    margin-left: auto;
}
.redefning-wraper .redefning-medical-list .medical-list a.read-more {
    margin-top: 0px;
}
.more-from-main .more-from-blogss {
    padding-top: 50px;
}
.more-from-main .know-more {
    padding-top: 20px;
}
.hero-banner .pioneer-left-txt h1 {
    line-height: var(--lh-57);
    color: #293671;
    font-weight: 700;
}
.page-template-brands .hero-banner .pioneer-left-txt h1 {
    line-height: var(--lh-57);
    color: #293671 !important;
    font-weight: 700 !important;
}
/* .page-template .hero-banner .pioneer-left-txt h1{
    color: var(--c-666666);
    font-weight: 300;
} */
.page-template-blog-php .latest-main .latest-item-wrap .latest-item-list {
    border: 1px solid var(--c-cdcdcd);
    border-radius: 6px;
    overflow: hidden;
}
.page-template-blog-php .latest-main .latest-item-wrap .latest-item-list .pioneer-left-txt {
    padding: 0 15px;
}
.single-post .latest-main .latest-item-wrap .latest-item-list{
    border: 1px solid var(--c-cdcdcd);
    border-radius: 6px;
    overflow: hidden;   
}
.single-post .latest-main .latest-item-wrap .latest-item-list .pioneer-left-txt {
    padding: 0 15px;
}
.load-more-wrap .load-more-btn{
    border-radius: 2px;
}
.tinv-wishlist .enq-btnss-wrpss .enq-btnss {
    width: 100%;
}
.tinv-wishlist .enq-btnss-wrpss .tinv-header {
    margin-bottom: 0;
}
.tinv-wishlist .enq-btnss-wrpss {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/* section.hero-section-main {
    padding-top: 20px;
} */
div#popupForm {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    display: none;
}
/* div#popupForm .popup-content {
    min-height: 200px;
    max-height: 400px;
    height: 100%;
    overflow-y: scroll;
}
 */

 #popupForm input{
    display: block;
    width: 100%;
    border-radius: 120px;
    min-height: 40px;
    border: 1px solid #9a9a9a;
    color: #9a9a9a;
    &::placeholder{
        color: #9a9a9a;
    }
 }

 .desktpss-btn{
    text-align: end;
    margin-bottom: 20px;
    padding: 0 20px;
    & span{
        font-size: 25px;
        cursor: pointer;
    }
 }
 .desk_menu ul li form, .mobile_menu ul li form{
    display: flex;
    width: 100%;
    padding: 0 20px;
    margin-bottom:20px;
    column-gap: 5px;
 }
 .desk_menu ul li form input[type="search"], .mobile_menu ul li form input[type="search"]{
    width: 75%;
 }
 .desk_menu ul li form input[type="search"],.mobile_menu ul li form input[type="search"]{
    padding-left: 10px;
    border: 1px solid #333333;
 }
 .desk_menu ul li form button,.mobile_menu ul li form button{
    width: 25%;
    cursor: pointer;
    background: var(--c-293671);
    color: #fff;
 }

/* 
.desktpss-btn span.hem-bcross-btn {
    position: absolute;
    top: 0px;
    right: 15px;
    cursor: pointer;
    font-size: 25px;
} */
/* .nav-menu ul.menu-list li:nth-child(3) .left-menu .right-menu-product-sevice {
    position: absolute;
    left: 33.55%;
    top: 71px;
    z-index: 1;
    width: 34%;
    opacity: 0;
    background: #293671;
    border-left: 1px solid #e4efe26b;
} */
/* .nav-menu ul.menu-list li:nth-child(3) .left-menu .right-menu-product-sevice li.sub-menu-product-sevice-li .right-menu-product-listss-sevice {
    position: absolute;
    left: 100%;
    top: 0px;
    z-index: 1;
    width: 95%;
    background: #293671;
    border-left: 1px solid #e4efe26b;
    height: 397px;
    opacity: 0;
    visibility: hidden;
} */
/* .nav-menu ul.menu-list li:nth-child(3) .left-menu {
    width: 77%;
} */
/* .nav-menu .menu-list .page-wrapper {
    grid-template-columns: 44% 56%;
} */
/* .nav-menu ul.menu-list li:nth-child(3) .page-wrapper{
    grid-template-columns: 44% 56%;
}
.nav-menu ul.menu-list li:nth-child(3) .left-menu .right-menu-product-sevice > ul.sub-menu-product-sevice > li.sub-menu-product-sevice-li:hover > .right-menu-product-listss-sevice{
    opacity: 1;
    visibility: visible;
} */
/* .nav-menu ul.menu-list li:nth-child(3):hover ul.product-service-main-ul li:first-child .right-menu-product-sevice li.sub-menu-product-sevice-li:first-child .right-menu-product-listss-sevice{
    opacity: 1;
    visibility: visible;
} */
/* .nav-menu ul.menu-list li:nth-child(3) ul.product-service-main-ul > li:hover > .right-menu-product-sevice {
    opacity: 1;
    visibility: visible;
}

.nav-menu ul.menu-list > li:nth-child(3):hover ul.product-service-main-ul > li:first-child .right-menu-product-sevice {
    opacity: 1;
    visibility: visible;
} */



@media screen and (min-width: 768px) {
    footer.footer-section .footer-main .footer-menu-item {
        column-gap: 55px;
    }
    .mob-wishlist {
        display: none;
    }

    
.brands ul li img:hover{
    filter: unset;
}
}



@media screen and (max-width: 767px) {
    
.desk_menu ul li form, .mobile_menu ul li form{
    margin-bottom: 10px;
}
    footer.footer-section .footer-main {
        grid-template-columns: auto;
        padding: 0 10px;
    }
    .footer-menu-item.footer-menu-item {
        gap: 15px;
    }
    .cervsure .molecular_img img {
        max-width: 100%;
    }
    section.news-section button {
        width: 95%;
        font-size: 15px;
    }
    button#load-more-products{
        width: 95%;
        font-size: 15px;
    }
    .news-container .news-content p a {
        word-break: break-all;
    }
    .enq-btnss .enq-btn {
        width: 100%;
        margin-left: 0;
        padding: 15px 17px;
    }
    .more-from-main .know-more {
        padding-top: 10px;
    }
    .more-from-main .more-from-blogss {
        padding-bottom: 30px;
    }
    .menu-head .mob-wishlist {
        order: 3;
        text-align: right;
    }
    .menu-head .mob-wishlist .whishlist {
        margin-right: 0;
    }
    .main-header .menu-head {
        align-items: center;
    }
    .tinv-wishlist .enq-btnss-wrpss .enq-btnss {
        width: 50%;
    }
    .tinv-wishlist .enq-btnss-wrpss .tinv-header {
        width: 50%;
    }
    .contact-us .mapArea {
        width: 100%;
    }
    .contact-us .mapAreaAddress {
        width: 100%;
        margin-top: 155px;
    }
    .contact-us {
        padding: 0 15px;
    }
    .enquire_now_brand .lightbox_content {
        padding: 20px 15px;
    }
    .contact-us .mapArea .headOffice {
        width: 215px;
        bottom: -140px;
        right: 1%;
    }
   
}


.filter_sec select option[value=""]{
    display: none;
}