/* ===== SCREEN HEIGHT FIX ===== */
html, body {
    height: 100%;
    margin: 0;
    font-family: "Roboto Condensed";overflow: hidden;
}   
tbody, td, tfoot, th, thead, tr {font-weight: 300;}

tr:hover{} 

.carousel-control-prev-icon{ background: url(../images/arrow-prv.png);}
.carousel-control-next-icon { background: url(../images/arrow-next.png);}

.error-message {     
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    font-size: 11px !important;
}
.page-wrapper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
/* NAVBAR HEIGHT */
.navbar {padding-top: 20px;}

/* FOOTER HEIGHT */
.footer-strip {
    height: 42px;
    flex-shrink: 0;
}

/* HERO AUTO HEIGHT */
.hero-section {
    flex: 1;
    overflow: hidden; 
    position: relative;  
}

/* CAROUSEL FULL HEIGHT */
.carousel,
.carousel-inner,
.carousel-item {
    height: auto;
}

/* IMAGE SCALE */
.main-box {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
    in; */
}

 .captcha-wrapper {
           height: 55px;
        }

        .captcha-wrapper .g-recaptcha {
            transform: scale(0.75);
            transform-origin: 0 0;
        }

.active { font-weight: bold; }

/* HOVER DROPDOWN */
.hover-dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
    background: #f8f6f6;
    border: 0;
}

.dropdown-menu {
    border-radius: 0;
    font-size: 0.8vmax;
    line-height: 1.12vmax;
    }

/* HERO SECTION */
.hero-section {
    padding: 0px 0;
    background: #ffffff;
}

/* PRODUCT IMAGES */
.main-box {
    width: 70%;
    padding-bottom: 50px;
}

.product-img {
    width: 70px;
    height: auto;
}

/* CAROUSEL ARROWS */
.carousel-control-prev-icon,
.carousel-control-next-icon {
    /* filter: invert(1); */
}
/* EXACT IMAGE FOOTER */
.denik-footer {
    background: #000;
    height: 55px;
    display: flex;
    align-items: center;
    font-size: 13px;
}

.footer-row {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* LINKS */
.denik-footer a {
    color: #bcbcbc;
    text-decoration: none;
    margin-right: 18px;
}

.denik-footer a:hover {
    color: #fff;
}
/* ===== EXACT IMAGE FOOTER ===== */

.footer-strip {
    height: 42px;
    background: #ffffff;
    font-size: 11px;
}

.footer-wrap {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* COMMON LINKS */
.footer-strip a {
    color: #9a9a9a;
    text-decoration: none;
        font-size: 0.875vmax;
}

.footer-strip a:hover {
    color: #000;
}

/* LEFT */
.footer-left {
    flex: 1;
}

/* CENTER */
.footer-center {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
}

/* BLACK AUTH BOX */
.auth-box {
    background: #000;
    color: #fff;
    padding: 5px 6px;
    letter-spacing: 0;
    font-size: 0.875vmax;
}

/* ICONS */
.footer-icons a {
    color: #444;
    font-size: 25px;
    margin: 0 0px;
}

/* RIGHT */
.footer-right {
    flex: 1;
    text-align: right;
}

.footer-right a {
    margin-left: 35px;
}


.nav-link {    font-size: 0.875vmax;margin: 0 2.2vmax 0;color: #959595;text-transform: uppercase;}
.dropdown-menu { padding: 0; }
a.dropdown-item  {  text-transform: uppercase; border-bottom: 1px solid #fff;background: #f8f6f8;padding: 2px 20px; color: #333;    font-style: normal; font-weight: 300;font-size: 0.8vmax;line-height: 1.12vmax;}
a.dropdown-item sup {
    color: red;
    font-size: 11px !important;
    margin: 2px 0px 0px 3px;
    display: inline-block;
    font-weight: bold;
}

.asterisk { color: red;}

/* FORCE HOVER DROPDOWN */
.navbar .dropdown-menu {
    display: none;border: 0;
}

.navbar .dropdown:hover > .dropdown-menu {
    display: block;
    margin-top: 0;
    left: 30px;
}

/* prevent click focus issue */
.navbar .dropdown-toggle::after {
    pointer-events: none;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #fff;
    background-color: #898989;
}



/* .carousel-control-next, .carousel-control-prev { width: 3%; bottom: 80px;}*/

.sliderBreadcrumb a {font-size: 0.875vmax;color: #ababab;text-decoration: none;font-weight: 300;}
.sliderBreadcrumb img  {margin-right: 5px;margin-top: -3px;}
.sliderBreadcrumb { margin-top: 35px; }
.sliderBreadcrumb strong { font-weight: 400; }

.new-launch-section {
    background: #ffffff;
    padding: 5px 0 35px;
}

.new-launch-title {
    color: #ababab;
    font-size: 4.1vmax;
    font-weight: 300;
    line-height: 1;
    margin: 0 0 30px;
    text-align: center;
}

.new-launch-carousel {
    overflow: hidden;
    position: relative;
    padding: 0;
}

.new-launch-carousel .carousel-inner {
    margin: 0 52px;
    overflow: hidden;
    width: calc(100% - 104px);
}

.new-launch-track {
    display: flex;
    gap: 55px;
}

.new-launch-track .carousel-item {
    display: block;
    flex: 0 0 calc((100% - 55px) / 2);
    float: none;
    margin-right: 0;
    width: auto;
}

.new-launch-card {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 185px;
}

.new-launch-card img {
    display: block;
    max-height: 220px;
    max-width: 100%;
    object-fit: contain;
}

.new-launch-control {
    bottom: 0;
    opacity: 1;
    top: 0;
    width: 38px;
}

.new-launch-control.carousel-control-prev {
    left: 0;
}

.new-launch-control.carousel-control-next {
    right: 0;
}

#authForm {
    display: block;
    z-index: 9;
    position: relative;
    background: #212529;
    margin-top: -21px;
    margin-left: 135px;
    }



#authForm input {
    width: 71%;
    height: 24px;
    margin-bottom: 0;
    border-radius: 0;
    background: #212529;
    color: #fff;
    border: 0;
    font-size: 13px;
}





#authForm [type=submit] {
    width: 27%;
    height: 25px;
    margin-bottom: 0;
    border-radius: 0;
    background: #464646;
    color: #fff;
    border: 0;
    display: inline;
    top: 0px;
    right: 0;
    position: relative;
}

#authForm input::placeholder {
  color:#fff;
  opacity: 1; /* Firefox */
}


/* Show dropdown on hover */
.navbar .dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0; /* remove gap */
}

/* Disable click toggle arrow behavior */
.navbar .dropdown-toggle::after {
  pointer-events: none;
}


.carousel-control-next-icon, .carousel-control-prev-icon {
    border: 0;
    border-radius: 3px;
    background-color: #e9e9e9;
    opacity: 9;
    height: 40px;
    width: 38px;
    }
.product-card{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#999;
}

.product-name{
    margin-top:5px;
    font-weight:600;
    font-size: 0.875vmax;
    color: #898989;
}

 a {text-decoration: none;color: #b7b7b7;}
.product-sub{
    font-size: 0.75vmax;
    color: #898989;
    font-weight: 400;
}

.product-name sup {
      font-size: 8px !important;
    top: 1em;
    vertical-align: top !important;
}

.vial{
    position:absolute;
    right:-6px;
    bottom:6px;
    width:35px;
}
.product-card img { max-width: 100%; }

.breadcrumb-custom {
    font-size: 0.875vmax;
    color: #8a8a8a;
    margin-bottom: 10px;
}

.product-wrapper {
    background: white;
    border-radius: 6px;
    padding: 0;
}
 
/* LEFT SIDE */
.product-main-image {
    background: #fff;
    border-radius: 6px;
    padding: 0px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.product-main-image img {
    max-height: 100%;
    width: 85%;
}

/* Prev Next Buttons Main Image */
.image-nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    border-radius: 5px;
    font-size: 20px;
    cursor: pointer;
    z-index: 2;
    font-size: 85px;
    line-height: 0px;
    padding: 0;
    display: none;
}

.image-prev {left: 10px;}
.image-next { right: 10px; }

/* THUMBNAIL SCROLLER */
.thumbnail-container {
    position: relative;
    margin-top: 18px;
}

.thumbnail-wrapper {
    display: flex;
    gap: 42px;
    overflow-x: auto;
    scroll-behavior: smooth;
    padding: 4px 40px;
}

.thumbnail-wrapper::-webkit-scrollbar {
    display: none;
}

.thumbnail-img {
    min-width: 130px;
    width: 103px;
    height: 75px;
    object-fit: cover;
    background: white;
    /* border-radius: 4px; */
    padding: 6px;
    cursor: pointer;
    transition: 0.2s;
}

.thumbnail-img:hover,
.thumbnail-img.active {
  border: 1px solid #464646;
}

/* Thumbnail Nav Buttons */
.thumb-nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 58px;
    cursor: pointer;
    z-index: 3;
    background: transparent;
    border: 0;
}



/* RIGHT SIDE */
.product-info-panel {
    background: #e9e9e9;
    border-radius: 6px;
    padding: 28px;
    height: 453px;
    overflow-y: auto;
}

.product-title {
    letter-spacing: 3px;
    font-weight: 600;
}

.info-block {
    margin-bottom: 22px;
}

.info-block h6 {
    font-weight: 600;
    margin-bottom: 6px;
}

.info-block p {
    font-size: 14px;
    color: #444;
    margin: 0;
}





/* Main Content Container */
.content{
   height: 400px;          /* scrollbar ke liye à¤œà¤°à¥‚à¤°à¥€ */
    overflow: auto;
    padding: 20px;
    background: #f5f5f5;
    box-sizing: border-box;
}
}

/* Paragraph spacing */
.content p{
    margin: 30px 0;
}

/* Alternate paragraph background */
.content p:nth-child(odd){
    background: rgba(255,255,255,0.1);
    padding: 5px 10px;
    border-radius: 3px;
}

/* Every 3rd paragraph different style */
.content p:nth-child(3n+3){
    /* color: #bbb; */
    background: none;
    padding: 0;
}

/* Heading inside content */
.content h2{
    font-size: 200%;
    line-height: 130%;
    font-size: 1.81vmax;
    font-weight: 400;
    text-align: left; text-transform: uppercase; font-family: 'HelveticaNeueRoman';
}

.content h2:first-child{
    margin-top: 5px;
}
/* ===== BASIC ===== */

.mCustomScrollbar{
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
}

.mCustomScrollBox{
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
}

.mCSB_container{
    overflow: hidden;
    width: auto;
    height: auto;
}


/* ===== VERTICAL SCROLLBAR ===== */

.mCSB_inside > .mCSB_container{
    margin-right: 10px !important;}

.mCSB_scrollTools{
    position: absolute;
    width: 16px;
    top: 0;
    right: 0;
    bottom: 0;
}

.mCSB_scrollTools .mCSB_draggerContainer{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCSB_scrollTools .mCSB_draggerRail{
    width: 2px;
    height: 100%;
    margin: 0 auto;
    border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger{
    cursor: pointer;
    width: 100%;
    height: 50px !important;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width: 4px;
    height: 100%;
    margin: 0 auto;
    border-radius: 16px;
}


/* ===== TRANSITIONS ===== */

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}


/* ===== LIGHT THEME ===== */

.mCSB_scrollTools{
    width: 8px;        /* Ã Â¤ÂªÃ Â¥â€šÃ Â¤Â°Ã Â¥â‚¬ scrollbar width */
    right: 2px;
}

.mCustomScrollBox:hover > .mCSB_scrollTools{
    opacity: 1;
}

.mCSB_scrollTools .mCSB_draggerRail{
       background: #dcdcdc !important;   /* light grey thin line */
    width: 2px;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
  background: #4a4a4a !important;
    width: 4px;
    border-radius: 10px;
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
     background: #6a6a6a;
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{
    background: rgba(255,255,255,0.9);
}



hr { opacity: 1;  color: #ffffff;}



/* Section spacing */
.about-section{
    padding:50px 0 70px;
}

/* Heading */
h2{
    text-align:center;
    font-weight:700;
    letter-spacing:1px;
    color: #454545;
    margin-bottom:15px;
    font-size: 2.25vmax;
}

/* Top description */
.about-desc{
    text-align: left;
    font-size: 14px;
    color:#6c757d;
}

/* Grey content box */
.content-box{
    background: #ececec;
    padding: 15px;
    height:100%;
    font-weight: 400;
    min-height: 34vmax;
}

/* Section headings inside box */
.content-box h6{
    font-weight:700;
    margin-top:18px;
    margin-bottom: 5px;
    color: #636363;
    padding-top: 0;
    margin-top: 0;
    font-size: 1.12vmax;
    margin: 0 0 0.45vmax 0;
}

/* Paragraph text */
.content-box p {
    font-size: 13px;
    color: #636363;
    line-height: 17px;
    margin-bottom: 8px;
    font-weight: 300;
}


.nobg {  background:transparent; padding: 0; }



/* LEFT FORM BOX */
.left-box{
    background: #f9f9f9;
    padding: 15px;
    border-top: 1px solid #dddddd;
    min-height: 34vmax;
}

/* WRITE TEXT */
.write-text{
   color: #898989 !important;
    font-size: 0.875vmax;
    line-height: 1.12vmax;
    margin: 0 0 0.65vmax 0;
}


.write-text3{
 font-size: 0.875vmax !important;
    line-height: 1.12vmax !important;
    margin: 0 0 0.65vmax 0 !important;
    color: #898989 !important;
    font-weight: 400 !important;
}
}

.write-text2 {
    font-size: 11px;
    margin-bottom: 3px;
}
/* LABEL */
.custom-label {
    color: #898989;
    margin-bottom: 6px;
    font-size: 0.875vmax;
    padding: 0.25vmax 0 0 0;
}

/* INPUT */
.custom-input{
       background: #ffffff;
    border: none;
    border-radius: 0;
    height: 1.69vmax;
    padding: 0 0 0 0.35vmax;
    font-size: 0.875vmax;
}

.custom-input:focus{
    box-shadow:none;
    background:#fff;
}

/* TEXTAREA */
.custom-textarea{
    background: #ffffff;
    border:none;
    padding: 0 0 0 0.35vmax;
    font-size: 0.875vmax;
    border-radius: 0;
    height: 80px;
}

.custom-textarea:focus{
    box-shadow:none;
    background:#fff;
}

/* CAPTCHA SLIDE */
.captcha-row{
    display:flex;
    align-items:center;
    gap:15px;
}

.slide-lock{
    width:230px;
    height:30px;
    background:#444;
    color:#fff;
    font-size:12px;
    display:flex;
    align-items:center;
    justify-content:center;
}

/* SUBMIT */
.submit-btn{
    background:#4a4a4a;
    color:#fff;
    border:none;
    padding:8px 28px;
    font-size:12px;
    border-radius:5px;
}

/* RIGHT PANEL */
.right-panel{
}

/* SCROLLBAR STYLE */
.right-panel::-webkit-scrollbar{
    width:6px;
}
.right-panel::-webkit-scrollbar-thumb{
    background:#999;
    border-radius:5px;
}

/* CONTACT CARD */
.rep-card {
    background: #f1f1f1;
    border-radius: 5px;
    padding: 10px;
    border: 1px solid #ddd;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 400;
    color: #58585a;
}

/* ADDRESS */
.address{
    text-align:center;
    margin-top: 30px;
    color:#333;
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
}

.custom-submit {    width: auto;
    background: #464646;
    color: #fff;
    border: 0;
    font-size: 0.812vmax;
    padding: 0.65vmax 1.89vmax;
    margin-top: 0.57vmax;
    border-radius: 0.35vmax;
    text-transform: uppercase;}

.left-box input::-webkit-input-placeholder { color: #d7d7d7;}
.left-box input::-moz-placeholder { color: #d7d7d7;}
.left-box input:-ms-input-placeholder { color: #d7d7d7;}
.left-box input:-moz-placeholder {  color: #d7d7d7;}
.left-box textarea::-webkit-input-placeholder {color: #d7d7d7;}
.left-box textarea:-moz-placeholder {color: #d7d7d7; }
.left-box textarea::-moz-placeholder {color: #d7d7d7;}
.left-box textarea:-ms-input-placeholder {color: #d7d7d7;}



.right-panel h2  {     font-size: 1.81vmax;
    margin: 0px 0px 0.8vmax 0px;
    padding: 0 0 0.31vmax 0;
    font-weight: 400; }
.right-panel h3  { font-size: 18px; font-weight: 400; }
.right-panel .content {
    height: 315px;
    margin: 0;
    border-top: 1px solid #dddddd;
    }

.custom-file {background: #ffffff;border: none;font-size: 0.875vmax;border-radius: 0;border: 1px solid #e9e9e9;line-height: 10px;height: 24px;}
.font-right h3 {color: #898989;line-height: 35px;font-size: 30px;}

.menu-title{
    font-size: 0.875vmax;
    font-weight: 400;
    letter-spacing:1px;
    padding-bottom: 3px;
    color: #8c8c8c;
    border-bottom: 1px solid #ececec;
    margin-bottom: 10px;
}

/* Menu Links */
.menu-list{
    list-style:none;
    padding:0;
    margin:0;
}

.menu-list li{
    font-size: 0.812vmax;
    color:#8a8a8a;
    margin-bottom: 5px;
    cursor:pointer;
}

.menu-list li:hover{
    color:#5f5f5f;
}

/* New Tag */
.new-tag{
    font-size:10px;
    color:#c98989;
    margin-left:4px;
}
.temporect-pro ul { padding: 0;    margin-top: 10px; }
.content ul li {
    font-size: 0.875vmax;
    line-height: 1.20vmax;
}
.temporect-pro ul li {
      background-image: url(../images/blt-box.jpg);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    list-style: none;
    padding: 0px 0px 8px 20px;
    font-size: 0.875vmax !important;
    color: #58585a;
    margin-bottom: 5px;
    font-weight: 300;}

.content hr {padding: 0px 0px;margin: 10px 0px;}
.btn-close { position: absolute;
    right: 0;
    z-index: 9;
    padding: 20px 20px 0px 0px; }

#captchaError11 { font-size: 11px !important; margin-top: 0px;}
.mobile-arrow{cursor:pointer;font-size: 13px;border-bottom: 1px solid #9d9d9d;padding: 6px 5px 6px 0px;color: #fff;}
.about-us h2  { text-align: center;
    font-weight: 700;
    letter-spacing: 1px;
    color: #333;
    margin-bottom: 15px;
    font-size: 35px; }


.hero-section p {
    font-size: 0.875vmax !important;
    margin: 0 0 0.70vmax 0 !important;
    color: #636363;
    margin-bottom: 8px;
    font-weight: 300;
    }
.carousel-control-next, .carousel-control-prev {width: 4%;}
.thumb-nav-btn {
    position: absolute;
}
.thumbnail-container {
    display: flex;
    align-items: center;
    gap: 10px;
}

.thumbnail-wrapper {
    display: flex;
    overflow-x: auto;
    gap: 10px;
    scroll-behavior: smooth;
    flex: 1;
}

.thumb-nav-btn {
    position: static;   /* Ã°Å¸â€Â´ sabse important */
    /* background: #fff; */
    /* border: 1px solid #ccc; */
    width: 35px;
    height: 53px;
    cursor: pointer;
}

table, th, td {
  border-bottom: 1px solid white;
  border-collapse: collapse; /* optional but recommended */    font-size: 1vmax;vertical-align: top;
}
.table {
  --bs-table-bg: transparent;
}

.table-hover tbody tr td {color: #636363;font-size: 1vmax;line-height: 1.12vmax;}

.table-hover tbody tr:hover > td {
  background-color: #f5f5f5;
  --bs-table-bg-state: none;
}
.products-right table tr td:first-child {
     width: 30%;
    padding-right: 25px;
}

.products-right table tr td:last-child {
  width: 60%;
}
.modal-body .alert-danger {
    --bs-alert-color:red;
    --bs-alert-bg: #ffffff;
    --bs-alert-border-color: #ffffff;
    --bs-alert-link-color: #ffffff;
    padding: 0;
    margin-bottom: 0;
} 

.modal-body .alert-success {
    --bs-alert-color: rgb(30 157 83);
    --bs-alert-bg: #ffffff;
    --bs-alert-border-color: #ffffff;
    --bs-alert-link-color: #ffffff;
    padding: 0;
    margin-bottom: 0;
} 
.research ul li a {
    font-size: 1.12vmax;
    color: #636363;
    font-weight: 400;
}
.research ul li a:hover {
      color: #636363;
}
.research ul li {
    font-weight: 700;
    margin-bottom: 7px;
    padding-top: 0;
    margin-top: 0;
    font-size: 20px;
    list-style: none;
    background-image: url(../images/blt-box.jpg);
    background-repeat: no-repeat;
    background-position: 0px 13px;
    padding: 1px 0px 0px 20px;
}

.research {
      height: 360px !important;
      margin: 0;
      border-top: 1px solid #dddddd;
      background: #fff !important;
      padding: 20px 0px 0px  0px !important;
}

.research .scrollbar {
    background: #ffffff !important;
    height: 360px  !important;
}

.page-wrapper2 {
   min-height: 100vh;
    display: flex;
    flex-direction: column;
}
.page-wrapper2 .hero-section { overflow: scroll;  overflow-x: hidden;}

.research ul {
    margin-left: 0px;
    list-style-position: outside;
    padding: 0px 0px 0px 0px;
}


.modal-content { border-radius: 3px;}

.navbar-toggler { border-radius: 0 !important; }

@font-face {
    font-family: 'HelveticaNeueRoman';
    src: url('../fonts/HelveticaNeueRoman.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
 
 
@media(min-width:992px){
.mobile-arrow{
display:none;
}
}   


.thumb-img {
  cursor: pointer;
  border: 2px solid transparent;
  width: 6.75vmax;
  padding: 0.05vmax !important;
  max-height: 4.55vmax;
}
.thumb-active {
  border: 1px solid #464646;
}

/* Layout fix */
.thumb-section {
  display: flex;
  align-items: center;
  gap: 10px;
}

.thumb-container {
  flex: 1;
}

/* Custom arrows (no overlap) */
.arrow-btn {
  width: 40px;
  height: 40px;
      background: transparent;
  border: none;
 
}




.scrollbar
{
  height: 35.85vmax;          /* scrollbar ke liye à¤œà¤°à¥‚à¤°à¥€ */
  overflow: auto;
  padding: 0px;
  background: #f2f1f1;
  box-sizing: border-box;
  padding-right: 20px;
}

.force-overflow {
    padding-bottom: 50px;
}

#wrapper
{
    background: #f2f1f1;
    padding: 1.065vmax;
    width: 100%;
}
/* scroll behavior */
#style-3 {
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}

/* scrollbar width */
#style-3::-webkit-scrollbar {
    width: 6px;
}

/* thin grey track */
#style-3::-webkit-scrollbar-track {
    background: #c5c4c4;
    border-radius: 10px;

    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    background-clip: content-box;
}

/* thumb (dark) */
#style-3::-webkit-scrollbar-thumb {
    background: #5f5e5e;
    border-radius: 5px;

    border-left: 1.5px solid transparent;
    border-right: 1.5px solid transparent;
    background-clip: content-box;

    min-height: 15px;   /* ðŸ‘ˆ à¤›à¥‹à¤Ÿà¤¾ thumb */
}

/* hover */
#style-3::-webkit-scrollbar-thumb:hover {
    background: #6a6a6a;
}




/* Heading inside content */
#wrapper h2{
 
    line-height: 130%;
    font-size: 1.81vmax;
    font-weight: 400;
    text-align: left;
    border-bottom: 1;
    text-transform: uppercase;
    border-bottom: 1px solid #fff;font-family: 'HelveticaNeueRoman';
}

.right-panel{    border-top: 1px solid #dddddd;}
.right-panel .scrollbar {height: 315px; margin: 0;  }
.force-overflow sup {
    color: red;
    font-size: 13px !important;
    display: inline-block;
    font-weight: bold;
    letter-spacing: 0;
    position: relative;
    top: -13px;text-transform: uppercase;
}

.breadcrumb-custom sup {
    color: red;
    font-size: 12px !important;
    margin: 0px 0px 0px 3px;
    font-weight: 600; text-transform: uppercase;
}
    .left-con-text {
        font-size: 0.875vmax;
        margin-top: 0.65vmax;
        line-height: 1.15vmax;    color: #959595;
    }

#myfile {
    background: #ffffff;
    border: none;
    font-size: 0.875vmax;
    border-radius: 0;
    border: 0;
    line-height: 10px;
    height: 24px;
    width: 100%;
    color: #cdcdcd;
}
 
.error-page {
    width: 100%;
    text-align: center;
    border: 1px solid #ccc;
    padding: 200px 0px;
    background: #fdfdfd;
}




.error-page h1 {
    font-size: 49px;
    font-weight: bold;
        font-family: "Roboto Condensed";
    margin: 0;
}

.error-page p {
    font-size: 30px !important;    font-weight: 400 !important;
        font-family: "Roboto Condensed"; color: #333 !important;
}
.back-home a {
    font-size: 23px;
        font-family: "Roboto Condensed";
    background: #333333;
    padding: 13px 10px;
    border: 1px solid #000;
    line-height: 11px;
    color: #fff;
    display: inline-block;
}
  
@-moz-document url-prefix() {
    #style-3 {
        scrollbar-width: thin;
        scrollbar-color: #a8a8a8 #e6e6e6;
    }
}


.bi-twitter-x {font-size: 13px;
    background: #444444;
    color: #fff;
    padding: 4px 4px 4px 4px;
    border-radius: 5px;
    position: relative;
    top: -4px;
    right: -1px;}

    .new-launch-section{ display: none;}

   .new-launch-section h2{  color: #ababab;
    font-weight: 400;
    text-transform: none;}
